:root{--yellow:#ffd633;--ink:#191919;--muted:#696969;--cream:#fffdf6;--line:#e9e5d9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1140px,calc(100% - 38px));margin:auto}.topline{background:var(--yellow);padding:10px max(19px,calc((100% - 1140px)/2));display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;letter-spacing:1px}.header{position:sticky;top:0;z-index:20;background:#fffdf6ed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navrow{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:11px;align-items:center;flex-shrink:0}.brandmark{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font:900 17px Manrope;transition:transform .3s}.brand:hover .brandmark{transform:rotate(-12deg) scale(1.06)}.brand b,.brand small{display:block}.brand b{font:800 14px Manrope;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:1.6px;color:#777;margin-top:4px}.navlinks{display:flex;align-items:center;gap:25px;font-size:12px;font-weight:700}.navlinks a{position:relative;padding:10px 0}.navlinks a:after{content:"";height:3px;position:absolute;bottom:3px;left:0;width:0;background:var(--yellow);transition:width .25s}.navlinks a:hover:after,.navlinks a.active:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--yellow);border:0;padding:14px 19px;border-radius:9px;font-size:12px;font-weight:900;cursor:pointer;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px #1919191b}.btn.dark{background:var(--ink);color:white}.menu-toggle{display:none;background:var(--yellow);border:0;border-radius:9px;width:44px;height:42px;font-size:22px}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;padding:64px 0 72px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2px;color:#846600}.pill{display:inline-flex;background:#fff1a9;padding:10px 14px;border-radius:30px;font-size:10px;font-weight:900;letter-spacing:1px}.hero h1,.pagehero h1{font:800 clamp(43px,5.5vw,70px)/1.04 Manrope;letter-spacing:-3px;margin:22px 0}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:after{content:"";position:absolute;left:0;right:-3px;bottom:2px;height:12px;background:var(--yellow);z-index:-1;transform:rotate(-2deg)}.lead{font-size:14px;line-height:1.9;color:var(--muted);max-width:510px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-image{height:440px;position:relative;border-radius:46% 46% 14px 14px;overflow:hidden;background:linear-gradient(140deg,#fff0a1,#ffd633 58%,#eec000);display:grid;place-items:center}.hero-image:before{content:"";position:absolute;width:320px;height:320px;border:1px solid #ffffffb5;border-radius:50%;box-shadow:0 0 0 36px #ffffff38,0 0 0 72px #ffffff26}.hero-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;opacity:.93;position:relative;z-index:1;mask-image:linear-gradient(black 78%,transparent 100%)}.hero-label{position:absolute;z-index:2;bottom:20px;left:20px;background:white;padding:13px 16px;border-radius:9px;font-size:10px;font-weight:900;box-shadow:0 12px 30px #0001}.perks{background:white;border-block:1px solid var(--line)}.perkrow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:24px 0}.perk{display:flex;gap:12px;align-items:center}.perk-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#fff2b3;font-size:19px}.perk b,.perk small{display:block}.perk b{font-size:12px}.perk small{font-size:10px;color:#777;margin-top:4px}.section{padding:82px 0}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.sectionhead h2,.band h2{font:800 clamp(32px,4vw,47px)/1.1 Manrope;letter-spacing:-2px;margin:12px 0 0}.sectionintro{font-size:13px;line-height:1.8;color:var(--muted);max-width:430px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.bikecard{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .3s,box-shadow .3s}.bikecard:hover{transform:translateY(-6px);box-shadow:0 20px 38px #19191912}.bikephoto{height:220px;background:#ffed9a;position:relative;overflow:hidden}.bikephoto img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.bikecard:hover .bikephoto img{transform:scale(1.06)}.yearbadge{position:absolute;top:13px;left:13px;background:white;padding:7px 10px;border-radius:25px;font-size:10px;font-weight:900}.bikeinfo{padding:20px}.category{font-size:9px;font-weight:900;letter-spacing:1.5px;color:#896b00}.bikeinfo h3{font:800 20px Manrope;margin:8px 0}.bikeinfo p{font-size:12px;line-height:1.7;color:#777;min-height:40px}.bikebottom{border-top:1px solid #eeeade;margin-top:16px;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pricecopy{font-size:11px;font-weight:900}.pricecopy small{display:block;font-weight:500;color:#888;margin-top:4px}.mini-btn{padding:11px 12px;background:var(--yellow);border-radius:7px;font-size:10px;font-weight:900;white-space:nowrap}.band{background:var(--yellow);padding:54px 0}.bandinner{display:flex;justify-content:space-between;align-items:center;gap:32px}.band p{max-width:400px;font-size:13px;line-height:1.8}.pagehero{padding:70px 0 50px;background:linear-gradient(115deg,#fff9df,#fffdf6 70%)}.pagehero h1{font-size:clamp(40px,5vw,60px);margin:14px 0}.pagehero .lead{max-width:680px}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.splitimg{height:390px;border-radius:15px;overflow:hidden;background:#ffe783}.splitimg img{width:100%;height:100%;object-fit:cover}.featurelist{display:grid;gap:16px;margin:25px 0}.feature{display:flex;gap:12px;align-items:start}.featureicon{background:#fff0a3;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.feature b{display:block;font-size:13px}.feature p{font-size:12px;color:#777;line-height:1.7;margin:5px 0 0}.faq details{padding:20px 2px;border-bottom:1px solid var(--line)}.faq summary{font:700 14px Manrope;cursor:pointer}.faq details p{font-size:13px;line-height:1.8;color:#666;max-width:760px}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contactcard{background:white;border:1px solid var(--line);border-radius:14px;padding:25px}.contactcard .bigicon{width:46px;height:46px;border-radius:12px;background:#fff0a3;display:grid;place-items:center;font-size:22px;margin-bottom:18px}.contactcard h3{font:800 20px Manrope;margin:0 0 8px}.contactcard p{font-size:13px;line-height:1.8;color:#777}.notice{padding:18px;background:#fff2b6;border-radius:10px;font-size:12px;line-height:1.8;margin-top:22px}.footer{background:#191919;color:white;padding:34px 0 24px}.footrow{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer .brand small{color:#aaa}.footer .brandmark{background:var(--yellow)}.footnote{border-top:1px solid #383838;margin-top:25px;padding-top:16px;display:flex;justify-content:space-between;gap:15px;color:#aaa;font-size:9px;letter-spacing:.7px}.floating{position:fixed;right:18px;bottom:18px;background:#191919;color:white;border:2px solid var(--yellow);border-radius:30px;padding:13px 17px;font-size:12px;font-weight:900;box-shadow:0 10px 30px #0002;z-index:15;transition:transform .25s}.floating:hover{transform:translateY(-4px)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.hero-image img{animation:floatImage 6s ease-in-out infinite}.hero-image:after{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 40%,#ffffff75 50%,transparent 60%);animation:shine 8s ease-in-out infinite;pointer-events:none}@keyframes floatImage{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes shine{0%,35%{transform:translateX(-65%) rotate(8deg)}75%,100%{transform:translateX(65%) rotate(8deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media(max-width:800px){.navlinks{gap:14px}.navrow>.btn{display:none}.hero{gap:28px;padding:45px 0 55px}.hero-image{height:340px}.hero-image:before{width:230px;height:230px}.grid{grid-template-columns:repeat(2,1fr)}.section{padding:62px 0}.split{gap:25px}.splitimg{height:330px}}@media(max-width:620px){.topline{font-size:8px;letter-spacing:.4px}.navrow{height:72px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;left:0;right:0;top:72px;background:#fffdf6;padding:12px 22px 22px;border-bottom:1px solid var(--line);box-shadow:0 14px 25px #0000000b;flex-direction:column;align-items:stretch;gap:3px}.navlinks.open{display:flex}.navlinks a{padding:13px 0}.navlinks a:after{display:none}.hero{grid-template-columns:1fr;padding-top:38px}.hero h1{letter-spacing:-2px}.hero-image{height:300px;border-radius:38% 38% 12px 12px}.hero-image:before{width:210px;height:210px}.perkrow{grid-template-columns:1fr;gap:15px}.sectionhead{display:block}.sectionintro{margin-top:15px}.grid{grid-template-columns:1fr}.bikephoto{height:230px}.bandinner{display:block}.bandinner .btn{margin-top:12px}.split,.contactgrid{grid-template-columns:1fr}.splitimg{height:270px;order:-1}.pagehero{padding:50px 0 35px}.footrow,.footnote{flex-wrap:wrap}.footnote span:last-child{width:100%}.brand b{font-size:12px}}
/* Premium black-and-yellow motorcycle identity refresh */
:root{--yellow:#ffc800;--ink:#111315;--muted:#666a70;--cream:#f5f5f2;--line:#e1e2df;--white:#fff}
body{background:#f5f5f2;color:#111315}
.topline{background:#111315;color:#ffc800}
.header{background:#fffffff2;border-bottom-color:#e5e5e1}
.brandmark{border-radius:12px!important;background:#111315!important;color:#ffc800!important;box-shadow:inset 0 0 0 2px #ffc800!important}
.btn{background:#ffc800;color:#111315}
.btn.dark{background:#111315;color:#fff}
.hero{padding-top:58px;padding-bottom:64px}
.hero h1{letter-spacing:-3.5px}
.hero-image{height:450px;border-radius:22px;background:#111315;box-shadow:0 22px 55px #11131524}
.hero-image:before{border-color:#ffc80065;box-shadow:0 0 0 36px #ffc80013,0 0 0 72px #ffc8000a}
.hero-image img{mix-blend-mode:normal;opacity:1;mask-image:linear-gradient(#000 82%,transparent 100%);filter:saturate(.88) contrast(1.04)}
.hero-label{background:#111315;color:#ffc800}
.pill,.perk-icon,.contactcard .bigicon,.featureicon{background:#fff0a6}
.perks{background:#fff;border-color:#e6e6e2}
.sectionhead h2,.band h2{letter-spacing:-2.2px}
.bikecard{border:1px solid #e0e0dc;border-radius:18px;box-shadow:0 7px 24px #17171708}
.bikecard:hover{box-shadow:0 22px 42px #11131518;border-color:#e2bf38}
.bikephoto{background:linear-gradient(135deg,#f3e6ad,#d8d9d5)}
.bikephoto img{object-fit:cover}
.category{color:#856600}
.mini-btn{background:#ffc800;color:#111315}
.notice{background:#fff0a6;border:1px solid #f0d56c}
.band{background:#111315;color:white}
.band .eyebrow{color:#ffc800}
.band p{color:#e0e0e0}
.band .btn.dark{background:#ffc800;color:#111315}
.contactcard{box-shadow:0 7px 24px #17171708}
.footer{background:#0d0e0f;border-top:3px solid #ffc800}
.footer .brandmark{background:#ffc800!important;color:#111315!important}
.floating{background:#111315;border-color:#ffc800}
@media(max-width:620px){.hero{padding-top:34px}.hero-image{height:290px;border-radius:18px}.bikecard{border-radius:16px}}

/* Home page entrance motion: letters drop in from above, then content reveals smoothly */
.hero h1{perspective:700px}
.hero-letter{display:inline-block;white-space:pre;opacity:0;transform:translate3d(0,-42px,0) rotateX(65deg);transform-origin:top center;animation:letterDrop .72s cubic-bezier(.18,.82,.25,1) forwards}
@keyframes letterDrop{0%{opacity:0;transform:translate3d(0,-42px,0) rotateX(65deg);filter:blur(3px)}65%{opacity:1;transform:translate3d(0,5px,0) rotateX(0);filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0) rotateX(0);filter:blur(0)}}
.entrance-reveal{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.75,.2,1);transition-delay:var(--reveal-delay,0ms)}
.entrance-reveal.entered{opacity:1;transform:translateY(0)}
.hero-copy .pill{animation:heroSlideDown .7s cubic-bezier(.2,.75,.2,1) both}
.hero-copy .hero-actions{transition-delay:260ms}
.hero-image.entrance-reveal{transform:translateY(24px) scale(.975)}
.hero-image.entrance-reveal.entered{transform:translateY(0) scale(1)}
@media(prefers-reduced-motion:reduce){.hero-letter{opacity:1;transform:none;animation:none}.entrance-reveal{opacity:1;transform:none;transition:none}}
@keyframes heroSlideDown{from{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}

/* Refined motorcycle emblem and animated home hero background */
.brandmark{width:48px!important;height:48px!important;border-radius:14px!important;display:grid!important;place-items:center!important;overflow:hidden;color:#ffc800!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s!important}
.brandmark svg{width:38px;height:27px;display:block;filter:drop-shadow(0 2px 0 #0002)}
.brand:hover .brandmark{transform:translateY(-2px) rotate(-4deg) scale(1.06)!important;box-shadow:0 8px 18px #ffc80030,inset 0 0 0 2px #ffc800!important}
.hero{position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;inset:8px -5vw 20px;border-radius:34px;background:radial-gradient(ellipse at 12% 22%,#ffc80022 0,transparent 38%),radial-gradient(ellipse at 83% 78%,#ffc80019 0,transparent 36%),linear-gradient(135deg,#ffffff 0%,#f7f5ed 48%,#fff9df 100%);pointer-events:none}
.hero:after{content:"";position:absolute;z-index:-1;inset:8px -5vw 20px;border-radius:34px;opacity:.22;background-image:radial-gradient(#111315 0.7px,transparent .7px);background-size:19px 19px;mask-image:linear-gradient(90deg,#000,transparent 60%);pointer-events:none}
.hero-image{box-shadow:0 24px 60px #11131520,0 0 0 1px #ffc80035}
.hero-image:before{border-color:#ffc80085;box-shadow:0 0 0 36px #ffc80017,0 0 0 72px #ffc8000b}
.hero-copy .pill{animation:heroSlideDown .72s cubic-bezier(.2,.75,.2,1) both}
.hero h1 .hero-letter{will-change:transform,opacity}
@media(max-width:620px){.hero:before,.hero:after{inset:0 -10px 12px;border-radius:22px}.brandmark{width:44px!important;height:44px!important}.brandmark svg{width:34px}}

/* Hero banner polish: premium road-trip visual */
.hero-image{height:470px;border:1px solid #e5c75a;background:#151719;border-radius:28px;overflow:hidden;box-shadow:0 28px 70px #17171724}
.hero-image img{object-fit:cover;object-position:center;mix-blend-mode:normal;opacity:1;mask-image:linear-gradient(180deg,#000 70%,#000 84%,transparent 100%);filter:saturate(1.08) contrast(1.04)}
.hero-image:before{z-index:2;width:250px;height:250px;border-color:#ffc80050;box-shadow:0 0 0 34px #ffc80010,0 0 0 68px #ffc80008;pointer-events:none}
.hero-image:after{z-index:2;background:linear-gradient(180deg,transparent 55%,#0b0c0e9c 100%);inset:0;animation:none}
.hero-label{bottom:22px;left:22px;right:22px;width:max-content;max-width:calc(100% - 44px);background:#101214ed;color:#ffc800;border:1px solid #ffc80080;letter-spacing:.4px;padding:17px 20px;font-size:clamp(10px,1.2vw,13px)}
@media(max-width:620px){.hero-image{height:320px;border-radius:20px}.hero-label{left:12px;bottom:12px;right:12px;max-width:calc(100% - 24px);padding:12px;font-size:9px}}

/* Hero image treatment: bold cinematic road-trip visual */
.hero-image{background:#111315!important;border:1px solid #ffc80055;box-shadow:0 26px 70px #1113152b,0 0 0 7px #ffc80012!important}
.hero-image img{object-fit:cover!important;object-position:center 52%;mix-blend-mode:normal!important;opacity:1!important;mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)!important;filter:saturate(1.08) contrast(1.04)!important}
.hero-image:before{z-index:1;border-color:#ffc80065!important;box-shadow:0 0 0 34px #ffc80010,0 0 0 68px #ffc80008!important;pointer-events:none}
.hero-image:after{z-index:2;inset:0!important;background:linear-gradient(180deg,transparent 48%,#11131505 60%,#111315b8 100%)!important;animation:none!important}
.hero-label{bottom:20px;left:20px;background:#111315f2!important;color:#ffc800!important;border:1px solid #ffc80055;box-shadow:0 12px 35px #0004!important;letter-spacing:.7px}
@media(max-width:620px){.hero-image{height:300px!important}}

/* Custom-built, no-external-photo cinematic hero artwork */
.hero-image.hero-art{height:450px!important;display:block!important;position:relative;overflow:hidden;background:#111315!important;border-radius:22px!important;border:1px solid #ffc80066;box-shadow:0 28px 75px #11131530,0 0 0 7px #ffc80012!important;isolation:isolate}
.hero-art .road-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:artReveal 1.15s cubic-bezier(.2,.75,.2,1) both}
.hero-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#080909b8 0%,#08090922 62%,transparent 100%),linear-gradient(0deg,#080909c9 0%,transparent 55%);pointer-events:none}
.hero-art:after{content:"";position:absolute;inset:14px;z-index:2;border:1px solid #ffc80038;border-radius:14px;animation:frameGlow 4s ease-in-out infinite;pointer-events:none}
.art-kicker{position:absolute;z-index:3;top:32px;left:30px;color:#e4e5df;font-size:9px;font-weight:900;letter-spacing:2px;display:flex;align-items:center;gap:9px}
.art-dot{width:7px;height:7px;border-radius:50%;background:#ffc800;box-shadow:0 0 15px #ffc800}
.art-title{position:absolute;z-index:3;left:30px;bottom:105px;color:#fff;font:900 clamp(34px,4vw,51px)/.98 Manrope,sans-serif;letter-spacing:-2px;text-shadow:0 4px 20px #0006}
.art-title span{color:#ffc800}
.art-footer{position:absolute;z-index:3;left:30px;right:30px;bottom:31px;display:flex;align-items:center;gap:12px;color:#f4f4ee;font-size:9px;font-weight:800;letter-spacing:1.1px}
.art-footer i{color:#ffc800;font-style:normal}.art-line{height:1px;flex:1;background:linear-gradient(90deg,#ffc800aa,transparent)}
@keyframes artReveal{from{opacity:.25;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}
@keyframes frameGlow{0%,100%{border-color:#ffc80026}50%{border-color:#ffc80078}}
@media(max-width:620px){.hero-image.hero-art{height:310px!important;border-radius:18px!important}.art-kicker{top:24px;left:22px;font-size:8px}.art-title{left:22px;bottom:78px;font-size:36px}.art-footer{left:22px;right:22px;bottom:24px;font-size:8px}.hero-art:after{inset:9px}}
@media(prefers-reduced-motion:reduce){.hero-art .road-art,.hero-art:after{animation:none}}

/* Premium SR crest logo with custom motorcycle mark */
.brandmark{width:48px!important;height:48px!important;border-radius:13px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid!important;place-items:center!important;overflow:visible!important;color:#ffc800!important}.brandmark:before,.brandmark:after{display:none!important;content:none!important}.brandmark svg{width:48px;height:48px;display:block;filter:drop-shadow(0 3px 5px #11131522);transition:transform .3s,filter .3s}.brand:hover .brandmark svg{transform:translateY(-2px) rotate(-4deg) scale(1.06);filter:drop-shadow(0 5px 8px #ffc80040)}.footer .brandmark svg{filter:drop-shadow(0 3px 5px #0005)}@media(max-width:620px){.brandmark{width:44px!important;height:44px!important}.brandmark svg{width:44px;height:44px}}

/* Fresh editorial photo hero and cleaner brand badge */
.hero-image.hero-photo{height:450px!important;display:block!important;position:relative;overflow:hidden;border-radius:24px!important;background:#161819!important;border:1px solid #d5ad28;box-shadow:0 25px 65px #11131526,0 0 0 6px #ffc80012!important;isolation:isolate}
.hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;opacity:1!important;mix-blend-mode:normal!important;mask-image:none!important;filter:saturate(1.08) contrast(1.04)!important;animation:photoEnter 1.1s ease both}
.photo-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#080a0be0 0%,#080a0b82 40%,transparent 85%),linear-gradient(0deg,#080a0bd9 0%,transparent 55%)}
.photo-kicker{position:absolute;z-index:2;top:30px;left:28px;color:#fff;font-size:9px;font-weight:900;letter-spacing:2px;display:flex;align-items:center;gap:9px}
.photo-kicker span{width:7px;height:7px;border-radius:50%;background:#ffc800;box-shadow:0 0 13px #ffc800}
.photo-title{position:absolute;z-index:2;left:28px;bottom:100px;color:#fff;font:800 clamp(30px,3.5vw,44px)/1.03 Manrope;letter-spacing:-1.7px}
.photo-title b{color:#ffc800}
.photo-footer{position:absolute;z-index:2;bottom:27px;left:28px;right:28px;display:flex;align-items:center;gap:12px;color:#fff;font-size:9px;font-weight:800;letter-spacing:1px}
.photo-footer i{height:1px;flex:1;background:linear-gradient(90deg,#ffc800,transparent)}
.photo-footer strong{color:#ffc800;white-space:nowrap}
.brandmark{width:48px!important;height:48px!important;border-radius:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid!important;place-items:center!important;overflow:visible!important}
.brandmark:before,.brandmark:after{display:none!important;content:none!important}
.brandmark svg{width:48px;height:48px;display:block;filter:drop-shadow(0 3px 5px #11131520);transition:transform .3s,filter .3s}
.brand:hover .brandmark svg{transform:translateY(-2px) rotate(-3deg) scale(1.06);filter:drop-shadow(0 5px 8px #ffc80040)}
@keyframes photoEnter{from{opacity:.3;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(max-width:620px){.hero-image.hero-photo{height:310px!important;border-radius:18px!important}.photo-kicker{top:23px;left:20px}.photo-title{left:20px;bottom:78px;font-size:30px}.photo-footer{left:20px;right:20px;bottom:22px;font-size:8px}.brandmark,.brandmark svg{width:44px!important;height:44px!important}}
@media(prefers-reduced-motion:reduce){.hero-photo>img{animation:none}}

/* Premium cinematic home hero motion */
.hero{padding-top:54px!important;padding-bottom:62px!important;gap:44px!important}
.hero-copy .pill{animation:badgeDrop .8s cubic-bezier(.16,1,.3,1) both}
.hero-copy h1{perspective:900px}
.hero-letter{animation:letterDrop .85s cubic-bezier(.16,1,.3,1) forwards!important}
.hero-copy .lead{animation:copyRise .8s .42s both}
.hero-copy .hero-actions{animation:copyRise .8s .56s both}
.hero-image.hero-photo{height:480px!important;border-radius:26px!important;display:block!important;position:relative;overflow:hidden;background:#101214!important;border:1px solid #ffc80088;box-shadow:0 30px 80px #11131538,0 0 0 7px #ffc8000e!important;isolation:isolate;transform:translateZ(0)}
.hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% center;display:block;opacity:1!important;mix-blend-mode:normal!important;mask-image:none!important;filter:saturate(1.15) contrast(1.08)!important;animation:heroPhotoReveal 1.4s cubic-bezier(.16,1,.3,1) both}
.photo-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,#07090be8 0%,#07090b92 36%,#07090b10 82%),linear-gradient(0deg,#07090bf0 0%,#07090b20 52%,#07090b30 100%)}
.photo-kicker{position:absolute;z-index:3;top:31px;left:30px;color:#fff;font-size:9px;font-weight:900;letter-spacing:2px;display:flex;align-items:center;gap:10px;animation:copyRise .7s .4s both}
.photo-kicker span{width:8px;height:8px;border-radius:50%;background:#ffc800;box-shadow:0 0 0 5px #ffc80020,0 0 18px #ffc800;animation:signalPulse 2.2s infinite}
.photo-title{position:absolute;z-index:3;left:29px;bottom:105px;color:#fff;font:900 clamp(36px,4vw,52px)/.94 Manrope,sans-serif;letter-spacing:-2.5px;text-shadow:0 5px 28px #0008;animation:copyRise .8s .5s both}
.photo-title b{color:#ffc800}
.photo-footer{position:absolute;z-index:3;bottom:29px;left:30px;right:30px;display:flex;align-items:center;gap:12px;color:#fff;font-size:9px;font-weight:900;letter-spacing:1.1px;animation:copyRise .8s .65s both}
.photo-footer i{height:1px;flex:1;background:linear-gradient(90deg,#ffc800,transparent)}
.photo-footer strong{color:#ffc800;white-space:nowrap}
.photo-stamp{position:absolute;z-index:3;right:22px;top:22px;width:76px;height:76px;border-radius:50%;border:1px solid #ffc800a0;background:#111315b5;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;font-weight:800;letter-spacing:2px;line-height:1.35;backdrop-filter:blur(8px);animation:stampIn .8s .8s both}
.photo-stamp b{color:#ffc800;font-size:15px}
.hero-orbit{position:absolute;z-index:2;border:1px solid #ffc80045;border-radius:50%;pointer-events:none}
.orbit-one{width:320px;height:320px;right:-150px;top:25px;animation:orbitDrift 16s linear infinite}
.orbit-two{width:250px;height:250px;right:-118px;top:60px;border-style:dashed;animation:orbitDrift 22s linear infinite reverse}
.brandmark{width:50px!important;height:50px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid!important;place-items:center!important;overflow:visible!important}
.brandmark:before,.brandmark:after{display:none!important;content:none!important}
.brandmark svg{width:50px;height:50px;display:block;filter:drop-shadow(0 4px 7px #11131525);transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s}
.brand:hover .brandmark svg{transform:rotate(-8deg) scale(1.08);filter:drop-shadow(0 5px 12px #ffc80060)}
@keyframes badgeDrop{from{opacity:0;transform:translateY(-24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes copyRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroPhotoReveal{from{opacity:.2;transform:scale(1.09)}to{opacity:1;transform:scale(1)}}
@keyframes stampIn{from{opacity:0;transform:scale(.65) rotate(-18deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes signalPulse{0%,100%{box-shadow:0 0 0 5px #ffc80020,0 0 18px #ffc800}50%{box-shadow:0 0 0 9px #ffc80008,0 0 24px #ffc800}}
@keyframes orbitDrift{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(max-width:620px){.hero{padding-top:35px!important;gap:27px!important}.hero-image.hero-photo{height:330px!important;border-radius:20px!important}.photo-kicker{top:23px;left:21px;font-size:8px;letter-spacing:1.4px}.photo-title{left:21px;bottom:82px;font-size:35px;letter-spacing:-1.5px}.photo-footer{left:21px;right:21px;bottom:23px;font-size:7px;letter-spacing:.7px}.photo-stamp{width:60px;height:60px;top:17px;right:17px;font-size:7px}.photo-stamp b{font-size:12px}.hero-orbit.orbit-one{width:230px;height:230px;right:-130px;top:55px}.hero-orbit.orbit-two{width:180px;height:180px;right:-105px;top:80px}.brandmark,.brandmark svg{width:44px!important;height:44px!important}}
@media(prefers-reduced-motion:reduce){.hero-copy .pill,.hero-copy .lead,.hero-copy .hero-actions,.hero-photo>img,.photo-kicker,.photo-title,.photo-footer,.photo-stamp{animation:none!important;opacity:1!important;transform:none!important}.hero-orbit{animation:none!important}}

/* Visible animated motorcycles in the home hero background */
.hero{position:relative;isolation:isolate;overflow:hidden}
.ride-traffic{position:absolute;inset:0 -8vw 0;z-index:0;overflow:hidden;pointer-events:none;opacity:1}
.traffic-glow{position:absolute;left:-10%;right:-10%;bottom:17%;height:2px;background:linear-gradient(90deg,transparent,#ffc80080,transparent);box-shadow:0 0 24px #ffc80030}
.moving-bike{position:absolute;display:block;width:clamp(86px,12vw,142px);height:auto;left:-180px;opacity:0;animation:cruiseAcross 13s linear infinite;filter:drop-shadow(0 4px 10px #ffc80055)}
.moving-bike svg{width:100%;height:auto;overflow:visible}
.moving-bike circle{fill:#17191b;stroke:#ffc800;stroke-width:2.5}
.moving-bike .frame{fill:none;stroke:#ffc800;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.moving-bike .tank{fill:#ffc800;stroke:#ffe47c;stroke-width:1.5}
.moving-bike .metal{fill:none;stroke:#9b9fa0;stroke-width:3.5;stroke-linecap:round}
.moving-bike .rider{fill:none;stroke:#dfe0da;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.moving-bike .light{fill:#fff1a8;filter:drop-shadow(0 0 5px #ffc800)}
.bike-a{top:7%;animation-delay:0s;animation-duration:13s}
.bike-b{top:43%;animation-delay:4.1s;animation-duration:15s}
.bike-c{top:78%;animation-delay:7.4s;animation-duration:14s}
.hero-copy,.hero-image.hero-photo{position:relative;z-index:1}
@keyframes cruiseAcross{0%{left:-180px;opacity:0}6%{opacity:.85}40%{opacity:.72}85%{opacity:.75}100%{left:110%;opacity:0}}
@media(max-width:620px){.ride-traffic{inset:0 -14vw 0;opacity:.85}.moving-bike{width:88px}.bike-a{top:3%}.bike-b{top:44%}.bike-c{top:82%}}
@media(prefers-reduced-motion:reduce){.moving-bike{animation:none;display:none}}

/* Animated riders travel INSIDE the THE CITY IS YOURS photo card */
.hero-image.hero-photo{isolation:isolate}
.hero-photo .ride-traffic{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;opacity:1}
.hero-photo .traffic-glow{left:0;right:0;bottom:18%;height:2px;background:linear-gradient(90deg,transparent,#ffc800b0 20%,#fff3a0 48%,#ffc800a0 72%,transparent);box-shadow:0 0 18px #ffc80090,0 0 40px #ffc80030}
.hero-photo .moving-bike{width:clamp(90px,13vw,150px);left:-180px;opacity:0;filter:drop-shadow(0 0 7px #ffc800a0) drop-shadow(0 4px 9px #0009)}
.hero-photo .moving-bike svg{overflow:visible}
.hero-photo .moving-bike circle{fill:#090b0d;stroke:#ffc800;stroke-width:2.7}
.hero-photo .moving-bike .frame{stroke:#ffd53a;stroke-width:4.3}
.hero-photo .moving-bike .tank{fill:#ffc800;stroke:#fff0a3}
.hero-photo .moving-bike .rider{stroke:#fff4c1;stroke-width:6}
.hero-photo .moving-bike .light{fill:#fff9c8;filter:drop-shadow(0 0 7px #ffc800) drop-shadow(0 0 14px #ffc800)}
.hero-photo .bike-a{top:18%;animation:photoBikeRide 10s linear infinite}
.hero-photo .bike-b{top:47%;animation:photoBikeRide 13s 3.4s linear infinite;transform:scale(.72)}
.hero-photo .bike-c{top:69%;animation:photoBikeRide 11s 6.2s linear infinite;transform:scale(.52)}
.hero-photo .photo-shade{z-index:3;background:linear-gradient(100deg,#07090b99 0%,#07090b30 36%,#07090b00 82%),linear-gradient(0deg,#07090bf0 0%,#07090b0a 52%,#07090b20 100%);pointer-events:none}
.hero-photo .photo-kicker,.hero-photo .photo-title,.hero-photo .photo-footer,.hero-photo .photo-stamp{z-index:4}
@keyframes photoBikeRide{0%{left:-180px;opacity:0;transform:translateY(8px) scale(.86)}8%{opacity:.96}45%{opacity:.85}90%{opacity:.9}100%{left:110%;opacity:0;transform:translateY(-3px) scale(.86)}}
@media(max-width:620px){.hero-photo .moving-bike{width:90px}.hero-photo .bike-a{top:16%}.hero-photo .bike-b{top:44%}.hero-photo .bike-c{top:69%}}
@media(prefers-reduced-motion:reduce){.hero-photo .moving-bike{animation:none;display:none}}

/* Road-trip hero: riders approach from the far end of the road */
.hero-image.hero-photo{background:#101214!important}
.hero-photo>img{object-position:center 58%!important;filter:saturate(.92) contrast(1.12) brightness(.72)!important}
.hero-photo .ride-traffic{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;opacity:1;perspective:600px}
.hero-photo .traffic-glow{left:12%;right:12%;bottom:12%;height:2px;background:linear-gradient(90deg,transparent,#ffc80080,#fff1a0,#ffc80080,transparent);box-shadow:0 0 20px #ffc80080}
.hero-photo .moving-bike{left:50%;top:39%;width:clamp(72px,13vw,142px);opacity:0;transform-origin:center center;filter:drop-shadow(0 0 8px #ffc800b0) drop-shadow(0 5px 8px #000c)}
.hero-photo .moving-bike svg{overflow:visible}
.hero-photo .moving-bike circle{fill:#090b0d;stroke:#ffc800;stroke-width:3}
.hero-photo .moving-bike .frame{stroke:#ffd43b;stroke-width:4}
.hero-photo .moving-bike .tank{fill:#ffc800;stroke:#fff0a3}
.hero-photo .moving-bike .rider{stroke:#fff4c1;stroke-width:6}
.hero-photo .moving-bike .light{fill:#fffbd2;filter:drop-shadow(0 0 7px #ffc800) drop-shadow(0 0 15px #ffc800)}
.hero-photo .bike-a{animation:rideFromHorizon 4.8s 0s ease-in infinite}
.hero-photo .bike-b{animation:rideFromHorizon 5.6s 1.7s ease-in infinite}
.hero-photo .bike-c{animation:rideFromHorizon 5.1s 3.2s ease-in infinite}
.hero-photo .photo-shade{z-index:3;background:linear-gradient(100deg,#07090b9c 0%,#07090b30 46%,#07090b08 100%),linear-gradient(0deg,#07090bf2 0%,#07090b20 55%,#07090b22 100%);pointer-events:none}
.hero-photo .photo-kicker,.hero-photo .photo-title,.hero-photo .photo-footer,.hero-photo .photo-stamp{z-index:4}
@keyframes rideFromHorizon{
  0%{left:50%;top:42%;opacity:0;transform:translate(-50%,-50%) scale(.04) rotate(-2deg)}
  12%{opacity:.9}
  48%{opacity:1}
  75%{opacity:.92}
  100%{left:50%;top:112%;opacity:0;transform:translate(-50%,-50%) scale(1.5) rotate(-2deg)}
}
.hero-photo .bike-b{animation-name:rideFromHorizon;animation-delay:1.7s;filter:hue-rotate(12deg) drop-shadow(0 0 8px #ffc80090)}
.hero-photo .bike-c{animation-name:rideFromHorizon;animation-delay:3.2s;filter:grayscale(.25) drop-shadow(0 0 8px #ffc80090)}
@media(max-width:620px){.hero-photo .moving-bike{width:88px}.hero-photo .bike-a{animation-duration:4.8s}.hero-photo .bike-b{animation-duration:5.6s}.hero-photo .bike-c{animation-duration:5.1s}}
@media(prefers-reduced-motion:reduce){.hero-photo .moving-bike{animation:none;display:none}}

/* Static premium road hero — no animated bikes */
.hero-photo .photo-shade{z-index:2}
.hero-photo .photo-kicker,.hero-photo .photo-title,.hero-photo .photo-footer,.hero-photo .photo-stamp{z-index:3}

/* Final static hero polish */
.hero-photo .ride-traffic,.hero-photo .moving-bike,.hero-photo .traffic-glow{display:none!important;animation:none!important}
.hero-photo>img{object-position:center center!important;filter:saturate(.94) contrast(1.08) brightness(.76)!important}
.hero-photo .photo-shade{z-index:2!important;background:linear-gradient(100deg,#07090bd9 0%,#07090b60 42%,#07090b10 100%),linear-gradient(0deg,#07090bf0 0%,#07090b15 56%,#07090b1c 100%)!important}
.hero-photo .photo-kicker,.hero-photo .photo-title,.hero-photo .photo-footer,.hero-photo .photo-stamp{z-index:3!important}
.hero-photo .photo-title{text-shadow:0 5px 24px #0009}
.bikephoto img{background:#f0eee6}
.bikecard{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.bikecard:focus-within{outline:2px solid #ffc800;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.hero-photo>img,.hero-photo .photo-kicker,.hero-photo .photo-title,.hero-photo .photo-footer,.hero-photo .photo-stamp{animation:none!important;transform:none!important;opacity:1!important}}


/* Fresh editorial hero: no road panorama; falling headline entrance */
.hero-editorial{background:#151515!important;isolation:isolate;overflow:hidden;min-height:440px!important;border-radius:24px!important}
.hero-editorial>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.72) contrast(1.08) brightness(.66)!important;animation:heroPhotoSettle 1.1s ease-out both}
.hero-editorial .editorial-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0c0c0cf0 0%,#101010b8 46%,#10101022 100%),linear-gradient(0deg,#080808d9 0%,transparent 55%)}
.hero-editorial .editorial-kicker,.hero-editorial .editorial-title,.hero-editorial .editorial-bottom,.hero-editorial .editorial-disc{position:absolute;z-index:3}
.hero-editorial .editorial-kicker{top:12%;left:8%;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:3px;animation:dropFromTop .85s cubic-bezier(.2,.8,.2,1) both}
.hero-editorial .editorial-title{left:7%;top:27%;font:800 clamp(34px,4.5vw,62px)/.98 Manrope,sans-serif;letter-spacing:-2px;color:#fff;text-shadow:0 5px 24px #0009;animation:dropFromTop .95s .12s cubic-bezier(.2,.8,.2,1) both}
.hero-editorial .editorial-title b{color:var(--yellow);font-weight:900}
.hero-editorial .editorial-bottom{left:8%;right:8%;bottom:9%;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;font-size:10px;font-weight:900;letter-spacing:1.4px;animation:dropFromTop .9s .25s cubic-bezier(.2,.8,.2,1) both}
.hero-editorial .editorial-bottom strong{background:var(--yellow);color:#171717;border-radius:999px;padding:12px 14px;letter-spacing:.5px}
.hero-editorial .editorial-disc{right:7%;top:10%;width:76px;height:76px;border:1px solid #ffd633b8;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--yellow);font:900 24px Manrope;transform:rotate(8deg);animation:dropFromTop 1s .18s cubic-bezier(.2,.8,.2,1) both}
.hero-editorial .editorial-disc small{font:800 7px Manrope;letter-spacing:1px}
@keyframes dropFromTop{0%{opacity:0;transform:translateY(-75px) scale(.96);filter:blur(5px)}72%{opacity:1;transform:translateY(5px) scale(1);filter:blur(0)}86%{transform:translateY(-3px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes heroPhotoSettle{from{transform:scale(1.06);opacity:.7}to{transform:scale(1);opacity:1}}
@media(max-width:620px){.hero-editorial{min-height:340px!important}.hero-editorial .editorial-title{font-size:38px;top:30%}.hero-editorial .editorial-disc{width:60px;height:60px;font-size:19px}.hero-editorial .editorial-bottom{font-size:8px;letter-spacing:.6px}.hero-editorial .editorial-bottom strong{padding:10px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero-editorial .editorial-kicker,.hero-editorial .editorial-title,.hero-editorial .editorial-bottom,.hero-editorial .editorial-disc,.hero-editorial>img{animation:none!important;transform:none!important;filter:none!important}}