/* The interactive showroom: near black, bright porcelain, restrained fluoro. */
:root{--paper:#fafaf7;--ink:#101417;--grey:#53585b;--stone:#e8e9e6;--soft-stone:#f0f1ee;--line:#cbd0cf;--charcoal:#0d1114;--dark-line:#3d454b;--dark-muted:#c3c9cb;--lime:#d1ec20}
.site-header{background:#090d10ed;border-color:#ffffff24}
.brand img{width:180px}.desktop-nav a{font-size:10px}.dealer-link{font-size:10px}
.hero{background:#080c0f;color:#fafaf7;min-height:760px;height:calc(100svh - 92px);max-height:1150px;isolation:isolate;overflow:clip}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080c0fe8 0%,#080c0f30 40%,transparent 65%);z-index:1;pointer-events:none}
.hero-aura{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,70%) var(--light-y,48%),#77808040 0%,#303a3e45 28%,transparent 65%)}
.energy-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}
.terrain-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;isolation:isolate}
.mountain-panorama{display:block;position:absolute;inset:-4%;opacity:.86;transform:translate3d(calc(var(--terrain-x,0px)*.42),calc(var(--terrain-y,0px)*.4 + var(--terrain-scroll,0px)*.35),0) scale(1.035);transform-origin:65% 60%;will-change:transform}
.mountain-panorama>img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 52%;filter:saturate(.18) brightness(.8)}
.mountain-mist{position:absolute;inset:25% -15% -10%;background:radial-gradient(ellipse at 65% 54%,#b6c6ce12,transparent 48%),radial-gradient(ellipse at 28% 72%,#b6c6ce0a,transparent 40%);transform:translate3d(calc(var(--terrain-x,0px)*.85),calc(var(--terrain-y,0px)*.7),0);filter:blur(15px)}
.mountain-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#080c0f55,transparent 30%,#080c0f08 55%,#080c0fd9 100%)}
.terrain-scene--story{inset:-70px calc(var(--gutter)*-1);opacity:.3;transform:translateY(var(--terrain-y,0px)) scale(var(--terrain-scale,1));mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent)}
.hero-aura{opacity:.12}.energy-field{opacity:.3}
.hero-model-mark{display:none}
.motion-disabled .mountain-panorama,.motion-disabled .mountain-mist,.motion-disabled .terrain-scene--story{transform:none;will-change:auto}
.hero-topline{position:relative;z-index:7;align-items:center}
.hero-topline .eyebrow{margin:0;color:#e3e7e7;font-size:9px;letter-spacing:.21em}
.hero-topline i{width:5px;height:5px}
.hero-copy{width:39%;margin-top:clamp(70px,11vh,135px);z-index:5}
.hero h1{font-size:clamp(80px,8.8vw,148px);line-height:.92;letter-spacing:-.07em;color:#fafaf7;font-weight:400}
.hero h1>span{color:#fafaf7}
.hero-copy p{color:#c3c9cb;font-size:14px;line-height:1.85;max-width:330px;margin:30px 0 28px}
.hero-copy>.button{background:var(--lime);color:#101417;min-height:54px;font-size:11px}
.hero-copy>.button svg{color:#101417}
.hero-copy>.button:hover{background:#e1f65b}
.hero-copy>.text-button{color:#fafaf7;margin-top:12px;font-size:11px}
.hero-story-link{color:#c3c9cb;font-size:9px;margin-top:30px;gap:28px}
.hero-story-link:hover{color:var(--lime)}
.hero-stage{inset:5% -2% 8% 34%;z-index:3;perspective:1600px}
.hero-bike{position:relative;z-index:2;width:100%;height:100%;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg)) scale(1.04);filter:drop-shadow(0 28px 28px #0009);will-change:transform}
.hero-bike.changing{animation:scene-bike .55s ease-out}
.hero-ghost{display:none}
.hero-model-mark{display:none;position:absolute;left:12%;top:12%;width:72%;z-index:0;opacity:.075;pointer-events:none;transform:translate3d(calc(var(--pointer-x,0px)*-.4),0,0)}
.hero-model-mark img{width:100%;height:auto}
.hero-model-mark>span{display:none}
.hero[data-model=maverick] .hero-model-mark{visibility:hidden}
.image-index{color:#b8c2c5;bottom:8%;right:8%}
.hero-bottom{z-index:6;border-color:#ffffff36;height:82px}
.hero-switch button{opacity:.65;color:#fff;font-size:9px;gap:12px}
.hero-switch button.active{opacity:1}
.hero-switch button>span{color:#c3c9cb}
.hero-switch button.active:after{background:var(--lime);box-shadow:none;height:2px}
.hero-switch strong{font-size:11px}
.scroll-link{color:#dce1e2;font-size:8px}
.motion-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff38;border-radius:30px;min-height:34px;padding:0 14px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#f4f5f1;background:#0d111440}
.motion-toggle>i{height:4px;width:4px;border-radius:50%;background:var(--lime)}
.motion-toggle[aria-pressed=false]>i{background:#a7b0b4}
.motion-toggle:hover{border-color:#c8cfd2}
.scene-instruction{position:absolute;bottom:5%;left:30%;z-index:4;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#c3c9cb;display:flex;align-items:center;gap:15px;pointer-events:none}
.scene-instruction>span{font-size:20px;color:var(--lime);font-weight:300}
.scene-inspect{position:absolute;top:48%;right:9%;z-index:5;padding:8px 12px 8px 8px;border:1px solid #ffffff5c;background:#080c0fd9;backdrop-filter:blur(10px);border-radius:40px;color:#fafaf7;display:flex;align-items:center;gap:10px;font-size:9px;min-height:44px}
.scene-inspect>span{border:1px solid var(--lime);color:var(--lime);height:25px;width:25px;border-radius:50%;font-size:18px;line-height:23px}
.scene-inspect:hover,.scene-inspect[aria-expanded=true]{border-color:var(--lime)}
.scene-detail{position:absolute;top:55%;right:9%;z-index:6;width:290px;background:#f8f9f4;color:#101417;padding:30px;box-shadow:0 20px 50px #0006}
.scene-detail .eyebrow{font-size:7px;margin-bottom:18px;color:#53585b}
.scene-detail>strong{display:block;font-size:28px;font-weight:400;letter-spacing:-.04em;line-height:1.05;max-width:200px}
.scene-detail>p{font-size:11px;line-height:1.9;margin:20px 0;color:#434b50}
.scene-detail>a{font-size:10px;display:flex;justify-content:space-between;padding-top:15px;border-top:1px solid #cbd0cf}
.scene-detail>button{position:absolute;right:12px;top:10px;min-width:30px;min-height:30px;font-size:24px}
.spec-strip{background:#11171b;color:#fafaf7;border-color:#3d454b}
.spec-strip>div,.spec-strip>a{border-color:#3d454b;padding-top:30px;padding-bottom:30px}
.spec-label{color:#c3c9cb;font-size:8px}.spec-cta{color:var(--lime)}
.spec-value{font-size:34px}.spec-value small{font-size:18px}
.scroll-story,.story-sticky{background:#080c0f;color:#fafaf7}
.story-topline,.story-copy>p,.story-spec>span,.story-jumps button{color:#c3c9cb}
.story-copy>p{font-size:14px;line-height:1.8}
.story-spec,.story-navigation{border-color:#485056}
.story-spec>strong{color:#fafaf7}.story-spec>span{font-size:8px}
.story-jumps button[aria-pressed=true],.story-jumps button[aria-pressed=true]>span{color:#fafaf7}
.story-jumps button[aria-pressed=true]>span{box-shadow:0 2px var(--lime)}
.story-navigation>a:hover{color:var(--lime)}
.story-track{background:#485056}.story-track>span{background:var(--lime)}
.story-scenes{isolation:isolate}
.story-chapter{z-index:2}
.story-copy h2{color:#fafaf7;font-size:clamp(48px,5.6vw,88px)}
.story-image{filter:drop-shadow(0 30px 28px #0009);transform:translate3d(var(--story-image-x,0px),var(--story-image-y,0px),0) rotateZ(var(--story-rotate,0deg)) scale(var(--story-scale,1));will-change:transform}
.story-chapter[data-story-kind=detail] .story-image-wrap{background:#f7f8f6}
.story-chapter[data-story-kind=detail] .story-image{mix-blend-mode:normal;object-fit:cover}
.story-portal{position:absolute;width:70%;aspect-ratio:1;right:-6%;top:50%;transform:translateY(-50%);z-index:0;pointer-events:none}
.story-portal>i{position:absolute;inset:5%;border:1px solid #c3c9cb29;border-radius:50%;transform:perspective(900px) rotateY(calc(-35deg + var(--portal-angle,0deg))) rotateX(18deg) scale(var(--portal-scale,1))}
.story-portal>i:nth-child(2){inset:14%;border-color:#d1ec2059;transform:perspective(900px) rotateY(calc(35deg - var(--portal-angle,0deg))) rotateX(-20deg) scale(var(--portal-scale,1))}
.story-portal>i:nth-child(3){inset:24%;border-color:#c3c9cb35;transform:rotate(calc(var(--portal-angle,0deg) * 2)) scale(var(--portal-scale,1))}
.story-portal>span{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,#d1ec2014,transparent 65%)}
.range{background:var(--paper)}
.range h2 .muted{color:#53585b}
.sx-card{background:radial-gradient(ellipse at 64% 48%,#485157,#182026 53%,#0b1014 85%)}
.sx-card .card-title>span,.sx-card .pill,.sx-card .card-specs span{color:#d3d9db}
.sx-card .card-specs,.sx-card .card-footer{border-color:#768087}
.sx-card .sx-model-logo{filter:drop-shadow(0 3px 2px #0005)}
.maverick-card{background:#e8e9e6}
.maverick-card .card-specs,.maverick-card .card-footer{border-color:#b1b9ba}
.showroom-info h2{font-size:clamp(48px,4.6vw,74px)}
.showroom-stage{background:#eceeeb}.showroom-ghost{color:#d4d9d7}
.showroom-info>p,.showroom-info .caption{color:#c3c9cb}
.team .lime{color:#fafaf7}.team>.eyebrow{color:var(--lime)}
.dealer{background:#e4e7e5}.dealer-form-wrap{background:#fff}
.dealer-intro>p,label,.form-privacy,.caption{color:#53585b}
.section-heading>p{color:#53585b}
.tech-tabs{border-color:#adb6b8}.tech-tabs button{color:#53585b}
.tech-copy dl>div{border-color:#b2bbbc}
.button{font-size:12px}.caption{font-size:11px}
:focus-visible{outline:2px solid var(--lime);box-shadow:0 0 0 4px #101417;outline-offset:3px}
.button,.text-button,.text-link{transition:background .25s,transform .25s,color .25s}
.motion-disabled .hero-bike,.motion-disabled .story-image{will-change:auto;transform:none}
.motion-disabled .hero-aura{background:radial-gradient(ellipse at 70% 48%,#77808040 0%,#303a3e45 28%,transparent 65%)}
.demo-share-button{color:#fafaf7;border:1px solid #667178;padding:12px 16px;display:flex;align-items:center;gap:25px;font-size:10px;white-space:nowrap}
.demo-share-button>span{color:var(--lime)}.demo-share-button:hover{border-color:var(--lime)}
.footer-links .demo-share-button{margin-left:auto}.footer-links>a:last-of-type{margin-left:auto;color:#c3c9cb}
.share-status{display:block;color:#c3c9cb;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
@keyframes scene-bike{from{opacity:0}to{opacity:1}}
@media(min-width:1700px){.hero-stage{left:38%;right:1%}.hero h1{font-size:155px}}
@media(max-width:1100px){.hero{min-height:760px;height:calc(100svh - 82px)}.hero-stage{inset:8% -6% 10% 31%}.hero-copy{margin-top:110px}.hero h1{font-size:9vw}.hero-copy p{font-size:13px}.scene-inspect{right:8%;top:57%}.scene-detail{right:8%;top:65%}.story-copy h2{font-size:54px}.story-copy>p{font-size:12px}}
@media(max-width:760px){.brand img{width:150px}.dealer-link{font-size:8px}.hero{height:1000px;min-height:1000px;max-height:none;padding-top:24px}.hero:after{background:linear-gradient(#080c0f90,transparent 55%)}.hero-topline .eyebrow{font-size:7px;letter-spacing:.15em}.motion-toggle{font-size:7px;min-height:30px;padding:0 10px;gap:5px}.hero-copy{margin-top:47px;width:100%;transform:none}.hero h1{font-size:clamp(76px,12vw,108px);line-height:.92}.hero-copy p{font-size:12px;line-height:1.85;max-width:330px;margin:23px 0 22px}.hero-copy>.button{position:static;min-height:49px;font-size:10px;padding:0 20px;gap:25px;display:inline-flex}.hero-copy>.text-button{position:static;min-height:49px;font-size:10px;margin:0 0 0 18px;display:inline-flex;gap:8px}.hero-story-link{display:none}.hero-stage{inset:42% -8% 10% -8%;max-height:none;min-height:0;transform:none}.hero-bike{width:100%;height:100%;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) scale(1.04)}.hero-model-mark{top:5%;left:8%;width:84%;opacity:.09}.scene-instruction{display:none}.scene-inspect{top:auto;bottom:6%;right:12%;font-size:9px;min-height:42px}.scene-detail{top:auto;bottom:18%;right:12%;width:270px;padding:25px}.hero-bottom{height:75px}.hero-switch{gap:20px}.hero-switch button{font-size:7px}.hero-switch strong{font-size:9px}.spec-strip>div{padding-top:28px;padding-bottom:28px}.spec-value{font-size:23px}.spec-label{font-size:6px}.spec-value small{font-size:11px}.story-copy h2{font-size:46px}.story-copy>p{font-size:12px;line-height:1.8;margin-top:18px}.story-spec>span{font-size:7px}.story-spec strong{font-size:28px}.story-topline{font-size:7px}.story-portal{width:110%;right:-5%;top:65%}.story-jumps button{font-size:9px}.story-jumps button>span{font-size:7px}.story-navigation>a{font-size:10px}.scroll-ready .story-sticky{min-height:0;padding-bottom:65px}.scroll-ready .story-chapter{gap:18px}.scroll-ready .story-image-wrap,.scroll-ready .story-chapter[data-story-kind=detail] .story-image-wrap{min-height:120px;max-height:38svh}.scroll-ready .story-image{max-height:38svh}.story-portal>i{border-color:#c3c9cb35}.showroom-info h2{font-size:53px}.dealer-form-wrap{padding:28px 22px}}
@media(max-width:420px){.hero{height:960px;min-height:960px}.hero-copy{margin-top:45px}.hero h1{font-size:76px}.hero-copy p{font-size:12px}.hero-copy>.button{padding:0 18px;gap:20px}.hero-copy>.text-button{font-size:9px;margin-left:13px;gap:7px}.hero-stage{inset:42% -13% 10% -13%}.hero-switch{gap:12px}.hero-switch button{font-size:6px;gap:8px}.hero-switch strong{font-size:8px}.spec-value{font-size:20px}.spec-label{font-size:5px}.story-copy h2{font-size:40px}.story-copy>p{font-size:11px}.story-topline{font-size:6px}.story-jumps button{font-size:8px}.story-spec strong{font-size:25px}}
@media(max-height:740px) and (min-width:761px){.hero{min-height:700px}.hero-copy{margin-top:65px}.hero h1{font-size:105px}.hero-copy p{font-size:12px;margin:24px 0}.hero-story-link{margin-top:18px}}
@media(max-height:740px){.scroll-ready .story-copy h2{font-size:clamp(32px,4vw,52px)}.scroll-ready .story-copy>p{font-size:11px}.scroll-ready .story-spec strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.hero-bike,.story-image,.hero-model-mark{transform:none!important;will-change:auto}.energy-field{display:none}.story-portal{display:none}}
@media(prefers-reduced-motion:reduce){.terrain-scene,.mountain-panorama,.mountain-mist{transform:none!important;will-change:auto}}

@media(max-width:760px){.hero .mountain-panorama{inset:10% -30% -2%;opacity:.78;mask-image:linear-gradient(transparent 4%,#000 38%,#000 85%,transparent)}.mountain-panorama>img{object-position:67% center}.hero .mountain-mist{inset:40% -10% 0}.terrain-scene--story{opacity:.22}}
