.interactive-showroom .hero{background:#080c0f}
.interactive-showroom .hero-aura{opacity:1;background:radial-gradient(ellipse at var(--light-x,70%) var(--light-y,48%),#7d8f8538,transparent 62%)}
.interactive-showroom .energy-field{opacity:1}
.interactive-showroom .hero-model-mark{display:block;opacity:.055;top:15%}
.interactive-showroom .hero-stage{perspective:1600px;inset:6% -1% 10% 34%}
.hero-product{position:absolute;left:50%;top:50%;width:100%;height:100%;z-index:2;transform:translate3d(calc(-50% + var(--pointer-x,0px)),calc(-50% + var(--pointer-y,0px)),0) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg)) scale(var(--product-scale,1.04));transform-style:flat;will-change:transform;transition:width .6s,height .6s,scale .6s}
.product-rotate-trigger{display:block;position:absolute;inset:0;z-index:0;width:100%;height:100%;padding:0;cursor:grab}
.product-rotate-trigger:active{cursor:grabbing}
.interactive-showroom .hero-bike{width:100%;height:100%;object-fit:contain;transform:none;filter:drop-shadow(0 26px 25px #0008)}
.interactive-showroom .scene-inspect,.interactive-showroom .scene-instruction{display:none}
.product-hotspots{position:absolute;inset:0;z-index:4;pointer-events:none}
.product-hotspot{position:absolute;left:var(--hx,50%);top:var(--hy,50%);width:44px;height:44px;min-height:44px;min-width:44px;padding:6px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);pointer-events:auto;text-align:left;color:#fff}
.hotspot-dot{border:1px solid #d1ec2099;background:#080c0fcf;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;font-weight:300;flex:0 0 auto;box-shadow:0 0 0 5px #080c0f45;transition:background .25s,box-shadow .25s}
.hotspot-label{position:absolute;left:46px;top:50%;padding:7px 10px;background:#080c0fe0;border:1px solid #ffffff23;backdrop-filter:blur(10px);font-size:8px;letter-spacing:.09em;white-space:nowrap;opacity:0;transform:translate(-4px,-50%);transition:opacity .25s,transform .25s}
.product-hotspot:hover .hotspot-label,.product-hotspot:focus-visible .hotspot-label,.product-hotspot[aria-expanded=true] .hotspot-label{opacity:1;transform:translate(0,-50%)}
.product-hotspot:hover .hotspot-dot,.product-hotspot[aria-expanded=true] .hotspot-dot{background:var(--lime);color:var(--ink);box-shadow:0 0 0 7px #d1ec2015}
.product-rotate-nudge{position:absolute;bottom:3%;left:46%;transform:translateX(-50%);font-size:8px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#c3c9cb;display:flex;gap:12px;align-items:center;pointer-events:none}
.product-rotate-nudge svg{width:17px;height:17px;color:var(--lime)}
.interactive-showroom .hero-bottom{gap:25px}
.hero-options{display:flex;gap:22px;align-items:center;justify-content:center}
.hero-option-group{display:flex;align-items:center;gap:6px}
.hero-option-group>span:first-child{font-size:6px;letter-spacing:.15em;color:#c3c9cb;margin-right:5px}
.hero-finish{min-width:35px;min-height:44px;padding:8px;display:grid;place-items:center}
.hero-finish>i{height:18px;width:18px;display:block;border-radius:50%;background:#30393f;border:1px solid #adb6b866;outline:1px solid transparent;outline-offset:4px}
.hero-finish.white>i{background:#f5f6ee}.hero-finish[aria-pressed=true]>i{outline-color:var(--lime)}
.hero-finish-name{font-size:8px;color:#fff;white-space:nowrap;margin-left:6px;min-width:62px}
.hero-angles{border-left:1px solid #ffffff2a;padding-left:16px;gap:4px}
.hero-angles>button{min-height:44px;font-size:8px;padding:5px 8px;color:#b0bbbf;position:relative;white-space:nowrap}
.hero-angles>button[aria-pressed=true]{color:#fff}.hero-angles>button[aria-pressed=true]:after{content:"";position:absolute;bottom:7px;left:8px;right:8px;height:1px;background:var(--lime)}
.interactive-showroom .scene-detail{top:16%;right:6%;width:330px;max-height:85%;overflow:auto;padding:0;background:#f5f6f1;color:#101417;box-shadow:0 20px 80px #0008}
.insight-media{height:145px;overflow:hidden;background:#eceeea}
.insight-media>img{width:100%;height:100%;object-fit:cover}
.insight-copy{padding:26px}
.insight-copy .eyebrow{font-size:7px;margin-bottom:15px;color:#53585b}
.insight-copy>strong{font-size:29px;font-weight:400;letter-spacing:-.045em;line-height:1.03;display:block;max-width:220px}
.insight-value{display:block;font-size:19px;letter-spacing:-.025em;margin-top:19px}
.insight-copy>p{font-size:11px;line-height:1.8;color:#53585b;margin:12px 0 18px}
.insight-copy>a{padding-top:16px;border-top:1px solid #bdc6c5;font-size:10px;display:flex;justify-content:space-between}
.interactive-showroom .scene-detail>button{background:#101417;color:#fff;border-radius:50%;width:34px;height:34px;min-width:34px;min-height:34px;right:10px;top:10px;line-height:1}
.interactive-showroom .hero[data-model=maverick] .hero-options,.interactive-showroom .hero[data-model=maverick] .product-hotspots{display:none}
.interactive-showroom .hero[data-model=maverick] .hero-model-mark{display:none}
.interactive-showroom .hero[data-model=maverick] .product-rotate-trigger{cursor:pointer}
.interactive-showroom.motion-disabled .hero-product{transform:translate(-50%,-50%);will-change:auto}
.story-scrub{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;flex:1;max-width:300px;min-width:170px}
.story-scrub>label{grid-column:1;font-size:6px;letter-spacing:.13em;color:#b6c2c5}
.story-scrub>span{grid-column:2;grid-row:1;font-size:7px;letter-spacing:.08em;color:#fff}
.story-scrub>input{appearance:none;-webkit-appearance:none;grid-column:1/-1;width:100%;height:30px;min-height:30px;padding:0;margin:0;border:0;cursor:ew-resize;border-radius:0;background:linear-gradient(90deg,var(--lime) 0%,var(--lime) var(--scrub-progress,0%),#566168 var(--scrub-progress,0%),#566168 100%) center/100% 2px no-repeat}
.story-scrub>input::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--lime);border:0;box-shadow:0 0 0 5px #d1ec2012}
.story-scrub>input::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--lime);border:0}
.is-scrubbing{scroll-behavior:auto!important}
.interactive-showroom:not(.scroll-ready) .story-scrub{display:none}
.interactive-showroom .story-navigation{gap:30px}
.spatial-viewer{padding:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;margin:0;background:#0a0f12;color:#fafaf7;overflow:hidden}
.spatial-viewer::backdrop{background:#050809ed;backdrop-filter:blur(20px)}
.spatial-viewer[open]{display:flex;flex-direction:column}
.spatial-header{height:104px;flex:0 0 auto;padding:20px 4vw;display:flex;align-items:center;gap:65px;border-bottom:1px solid #ffffff20}
.spatial-header>img{width:170px;height:auto}
.spatial-header .eyebrow{font-size:7px;color:#c3c9cb;margin:0 0 9px}
.spatial-header h2{font-size:30px;letter-spacing:-.045em}
.spatial-close{margin-left:auto;min-height:44px;font-size:10px;color:#fff;display:flex;align-items:center;gap:25px}
.spatial-close>span{font-size:30px;font-weight:300;color:var(--lime)}
.spatial-stage{position:relative;flex:1;min-height:0;margin:16px 4vw;background:#fff;overflow:hidden}
.spatial-stage iframe{position:absolute;inset:0;border:0;width:100%;height:100%;display:block}
.spatial-loading{position:absolute;inset:0;background:#eff1ed;color:#101417;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}
.spatial-loading>span{width:40px;height:40px;border:1px solid #10141730;border-top-color:#101417;border-radius:50%;animation:showroom-spin 1s linear infinite}
.spatial-loading>p{font-size:12px;letter-spacing:.02em;margin:0}
.spatial-footer{flex:0 0 auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 4vw 20px}
.spatial-footer>div{display:flex;flex-direction:column;gap:12px}
.spatial-footer strong{font-size:8px;letter-spacing:.15em;font-weight:500}
.spatial-footer [role=status]{font-size:11px;color:#c3c9cb;line-height:1.5}
.spatial-footer>.button{font-size:11px;min-width:180px}
.viewer-open{overflow:hidden}
@keyframes showroom-spin{to{transform:rotate(360deg)}}
@media(max-width:1250px){.hero-options{gap:10px}.hero-angles{padding-left:10px}.hero-switch{gap:20px}.hero-finish-name{display:none}.hero-option-group>span:first-child{font-size:6px}.interactive-showroom .scene-detail{right:4%;width:300px}.story-scrub{max-width:220px}}
@media(max-width:1100px){.interactive-showroom .hero-bottom{height:120px;display:grid;grid-template-columns:1fr;align-content:center;gap:0}.interactive-showroom .hero-bottom .scroll-link{display:none}.hero-switch{height:38px;justify-content:space-between;width:100%;max-width:410px}.hero-options{justify-content:flex-start;gap:25px}.hero-finish-name{display:inline;min-width:64px}.interactive-showroom .hero-stage{bottom:16%}.product-rotate-nudge{bottom:1%}.interactive-showroom .scene-detail{width:290px}.spatial-header{gap:35px}}
@media(max-width:760px){.interactive-showroom .hero{height:1080px;min-height:1080px}.interactive-showroom .hero-stage{inset:41% -7% 15% -7%}.interactive-showroom .hero-product{transform:translate3d(calc(-50% + var(--pointer-x,0px)),calc(-50% + var(--pointer-y,0px)),0) scale(1.03)}.interactive-showroom .hero-bottom{height:130px;padding-top:8px;gap:5px;align-content:start}.hero-switch{height:38px;max-width:none;gap:20px}.hero-options{width:100%;gap:12px;justify-content:space-between}.hero-option-group{gap:3px}.hero-finish-name{display:none}.hero-option-group>span:first-child{font-size:6px;margin-right:0}.hero-finish{min-width:35px}.hero-angles{padding-left:10px}.hero-angles>button{font-size:8px;padding:5px 6px}.hero-angles>button[aria-pressed=true]:after{left:6px;right:6px}.product-rotate-nudge{display:none}.hotspot-label{display:none}.hotspot-dot{width:27px;height:27px;font-size:17px}.interactive-showroom .scene-detail{left:50%;right:auto;top:auto;bottom:7%;width:290px;max-height:95%;transform:translateX(-50%)}.insight-media{height:105px}.insight-copy{padding:22px}.insight-copy>strong{font-size:26px;max-width:240px}.insight-value{margin-top:14px;font-size:19px}.insight-copy>p{font-size:10px;margin:10px 0 15px}.interactive-showroom .story-navigation{gap:10px 22px}.story-scrub{max-width:none;min-width:150px;flex:1}.story-scrub>input{height:35px;min-height:35px}.story-scrub>label{font-size:6px}.story-scrub>span{font-size:6px}.interactive-showroom .story-navigation>a{font-size:9px}.spatial-header{height:97px;padding:18px 22px;gap:20px;flex-wrap:wrap}.spatial-header>img{width:115px}.spatial-header>div{display:none}.spatial-close{font-size:8px;gap:15px}.spatial-close>span{font-size:27px}.spatial-stage{margin:0;flex:1}.spatial-footer{min-height:140px;gap:16px;align-items:stretch;flex-direction:column;padding:20px 22px calc(20px + env(safe-area-inset-bottom))}.spatial-footer>div{gap:7px}.spatial-footer strong{font-size:7px}.spatial-footer [role=status]{font-size:10px}.spatial-footer>.button{min-height:47px;font-size:10px}.interactive-showroom .hero-copy>.button{font-size:10px;gap:25px}.spatial-close{min-height:44px}}
@media(max-width:420px){.interactive-showroom .hero{height:1040px;min-height:1040px}.interactive-showroom .hero-stage{inset:42% -9% 15% -9%}.hero-options{gap:8px}.hero-option-group>span:first-child{display:none}.hero-angles{padding-left:10px}.hero-switch button{font-size:6px}.hero-switch strong{font-size:8px}.hero-angles>button{font-size:7px}.hero-finish{min-width:32px}.story-scrub{min-width:140px}}
@media(prefers-reduced-motion:reduce){.hero-product{transform:translate(-50%,-50%)!important;will-change:auto;transition:none}.spatial-loading>span{animation:none}}
@media(max-width:760px){.interactive-showroom .scene-detail{position:fixed;left:22px;right:22px;top:auto;bottom:75px;transform:none;width:auto;max-height:calc(100svh - 170px);z-index:26}.hero-product{transition:none}}