/* A full-screen introduction flows into a store of large-to-small scenes. */
.opening-sequence{height:190svh;margin-bottom:-100svh;position:relative;z-index:45;pointer-events:none;--intro-scale:1;--intro-y:0px;--intro-opacity:1;--backdrop-opacity:1;--hint-opacity:1}
.opening-sticky{position:sticky;top:0;height:100svh;width:100%;overflow:clip;isolation:isolate;color:#eaf3f6}
.opening-backdrop{position:absolute;inset:0;background:#12191b;opacity:var(--backdrop-opacity);z-index:-1}
.opening-backdrop::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 70%,#49a1bc20,transparent 65%)}
.opening-top{position:absolute;left:0;right:0;top:34px;display:flex;justify-content:space-between;align-items:center;pointer-events:auto;opacity:var(--hint-opacity)}
.opening-brand{font-size:30px;letter-spacing:-1.7px;font-weight:750;display:flex;align-items:center;gap:6px}.opening-brand>span{font-size:27px;color:#a8ebff}
.opening-skip{font-size:11px;color:#9eb0b5;display:flex;align-items:center;gap:18px;min-height:44px}.opening-skip>span{font-size:22px;color:#a8ebff}
.opening-type{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:translate3d(0,var(--intro-y),0) scale(var(--intro-scale));opacity:var(--intro-opacity);will-change:transform,opacity}
.opening-type>p{font-size:9px;letter-spacing:2.6px;color:#7b9097;margin-bottom:30px}
.opening-type h1{font-size:clamp(100px,16vw,240px);font-weight:550;line-height:.89;letter-spacing:-.075em;margin:0;width:calc(100% - 40px);color:#e9f2f5;animation:opening-arrival 1s cubic-bezier(.22,1,.36,1) both}
.opening-type h1>span{color:#a8ebff;white-space:nowrap}
.opening-scroll{position:absolute;left:50%;bottom:50px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;pointer-events:auto;opacity:var(--hint-opacity);white-space:nowrap}
.opening-scroll>span:not(.opening-line){font-size:8px;letter-spacing:2px;color:#849fa7}.opening-scroll>b{font-size:22px;font-weight:400;color:#a8ebff;line-height:1}
.opening-line{display:block;width:1px;height:44px;background:#629daf;transform-origin:top;animation:opening-line 2s ease-in-out infinite}
.opening-index{position:absolute;bottom:41px;left:48px;font-size:7px;letter-spacing:1.6px;writing-mode:vertical-rl;color:#5e7076;opacity:var(--hint-opacity)}
.opening-sequence.is-finished .opening-sticky{visibility:hidden}
.has-scroll-intro .site-header{opacity:var(--store-reveal,0);transform:translateY(calc((1 - var(--store-reveal,0))*-18px))}
.has-scroll-intro .chapter-dock,.has-scroll-intro .floating-help{opacity:var(--store-reveal,0)}
/* Text lands at a smaller size as the products take over the composition. */
.hero .hero-heading{font-size:clamp(68px,7.5vw,108px);margin-top:25px}
main{overflow-x:clip}
.title-plane{--title-scale:1;position:relative}
.title-plane>h2{transform:scale(var(--title-scale));transform-origin:left center}
.collection-plane{--collection-scale:1;--collection-y:0px;overflow:clip;padding-block:18px;margin-block:-18px}
.collection-plane>.category-grid,.collection-plane>.model-list{transform:translate3d(0,var(--collection-y),0) scale(var(--collection-scale));transform-origin:center top}
.scale-media{display:block;transform:scale(var(--media-scale,1));transform-origin:center center}
.model-overline{font-size:clamp(90px,16vw,220px);line-height:.9;letter-spacing:-.085em;font-weight:500;color:#c6d9df;transform:scale(var(--model-scale,1));transform-origin:left bottom;margin-bottom:30px}
@keyframes opening-arrival{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes opening-line{0%,100%{transform:scaleY(.55);opacity:.35}50%{transform:scaleY(1);opacity:1}}
@media(max-width:1100px){.opening-top{top:26px}.opening-type h1{font-size:17vw}.opening-index{left:32px}.hero .hero-heading{font-size:86px}}
@media(max-width:760px){.opening-sequence{height:170svh}.opening-top{top:22px}.opening-brand{font-size:25px}.opening-brand>span{font-size:23px}.opening-skip{font-size:10px;gap:12px}.opening-skip>span{font-size:19px}.opening-type h1{font-size:19vw;letter-spacing:-.075em;width:calc(100% - 24px);line-height:.94}.opening-type>p{font-size:6px;letter-spacing:1.5px;margin-bottom:23px}.opening-scroll{bottom:47px;gap:13px}.opening-scroll>span:not(.opening-line){font-size:7px;letter-spacing:1.5px}.opening-line{height:37px}.opening-index{left:18px;bottom:32px;font-size:6px;letter-spacing:1.2px}.hero .hero-heading{font-size:clamp(51px,10.5vw,78px);margin-top:21px}.model-overline{font-size:24vw;margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.opening-sequence{height:100svh;margin-bottom:0}.opening-sticky{position:relative}.opening-type{transform:none!important;opacity:1!important}.opening-backdrop,.opening-top,.opening-scroll{opacity:1!important}.opening-type h1,.opening-line{animation:none!important}.title-plane>h2,.collection-plane>.category-grid,.collection-plane>.model-list,.scale-media,.model-overline{transform:none!important}.has-scroll-intro .site-header,.has-scroll-intro .chapter-dock,.has-scroll-intro .floating-help{opacity:1!important;transform:none!important}}
.has-scroll-intro body{background:#12191b}
main{background:var(--paper)}
.has-scroll-intro .topline{opacity:var(--store-reveal,0)}
.has-scroll-intro .hero>.hero-copy{opacity:var(--copy-reveal,0)}
.opening-sequence.is-finished .opening-sticky{visibility:visible;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.has-scroll-intro .topline,.has-scroll-intro .hero>.hero-copy{opacity:1!important}}
/* Shorter handoffs and a clear way to hop ahead keep the journey lightweight. */
.opening-sequence{height:180svh}
.opening-meter{position:absolute;right:48px;bottom:41px;display:flex;flex-direction:column;align-items:flex-end;gap:13px;opacity:var(--meter-opacity,1)}.opening-meter>span{font-size:7px;letter-spacing:1.5px;color:#789198}.opening-meter>i{width:100px;height:1px;background:#394b51;display:block}.opening-meter b{display:block;width:100%;height:100%;background:#a8ebff;transform:scaleX(var(--opening-progress,0));transform-origin:left}
.chapter-dock{padding-right:5px}.chapter-next{position:relative;display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;align-self:center;background:#a8ebff;color:#233d45;border-radius:50%;font-size:21px;margin-left:3px;transition:background .2s}.chapter-next>span{display:block;transition:transform .35s cubic-bezier(.22,1,.36,1)}.chapter-next:hover{background:#bdf0ff}.chapter-next:hover>span{transform:translateY(3px)}.chapter-next:active{scale:.97}.chapter-next::before{content:attr(data-next-label);position:absolute;bottom:calc(100% + 17px);right:0;white-space:nowrap;pointer-events:none;background:#222f33;color:#dfeff4;font-size:10px;line-height:1.5;letter-spacing:0;padding:9px 13px;border:1px solid #ffffff20;border-radius:10px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}.chapter-next:hover::before,.chapter-next:focus-visible::before{opacity:1;transform:translateY(0)}.dock-progress{position:absolute;bottom:0;left:23px;right:23px;height:1px;pointer-events:none;background:#b8eeff12;overflow:hidden}.dock-progress>i{display:block;width:100%;height:100%;background:#a8ebff80;transform:scaleX(0);transform-origin:left}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.scale-media{rotate:var(--play-rotate,0deg);translate:0 var(--play-y,0px);transition:rotate .45s cubic-bezier(.22,1,.36,1),translate .45s cubic-bezier(.22,1,.36,1)}.certified-float{transition:rotate .5s cubic-bezier(.22,1,.36,1)}.certified-float:hover{rotate:-24deg}.showcase-top>span{transition:rotate .3s,background .3s}.showcase-card:hover .showcase-top>span{rotate:45deg}}
@media(min-width:1000px) and (min-height:650px) and (prefers-reduced-motion:no-preference){.scroll-story.is-enhanced{height:240vh}}
@media(max-width:1100px){.opening-meter{right:32px}}
@media(max-width:760px){.opening-sequence{height:160svh}.opening-meter{right:18px;bottom:30px;gap:10px}.opening-meter>span{font-size:6px;letter-spacing:.8px}.opening-meter>i{width:70px}.chapter-dock a{padding-inline:12px;gap:0}.chapter-dock a>span{display:none}.chapter-next{width:36px;height:36px;font-size:19px;margin-left:3px}.chapter-next::before{display:none}.dock-progress{left:19px;right:19px}}
@media(max-width:380px){.chapter-dock a{padding-inline:10px;font-size:8px}.chapter-next{height:34px;width:34px}}
@media(prefers-reduced-motion:reduce){.opening-sequence{height:100svh}.opening-meter{display:none}.chapter-next>span{transform:none!important}.scale-media{rotate:none;translate:none}}