.scroll-stage{height:480svh;position:relative}.scroll-stage .hero{position:sticky;top:0;height:100svh;aspect-ratio:auto;--u:min(calc(100cqw / 1587),calc(100svh / 991));min-height:0}.world-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-4;opacity:0;transition:opacity .6s;pointer-events:none}.world-ready .world-canvas{opacity:1}.world-ready .scene{opacity:0}.scroll-stage .scene{transition:opacity .6s}.scroll-stage .hero-copy,.scroll-stage .eyebrow,.scroll-stage .outline-word,.scroll-stage .location,.scroll-stage .hero-bottom{opacity:var(--intro-opacity,1)}.scroll-stage .hero-copy .eyebrow{opacity:1}.scroll-stage .hero-copy{animation:none}.scroll-stage .scene-shade{background:linear-gradient(90deg,#030713b3,transparent 52%),linear-gradient(180deg,#0609135c,transparent 22%,transparent 75%,#050a1399)}.scroll-stage .light-bloom{display:none}.scroll-stage .chapter-dock{top:auto;bottom:calc(106*var(--u));height:calc(76*var(--u))}.scroll-stage .hero-bottom{top:auto;bottom:calc(47*var(--u))}.scroll-stage .header{z-index:20;background:linear-gradient(#080d1855,transparent)}.story-chapter{position:absolute;left:5%;top:32%;width:min(520px,37%);opacity:0;pointer-events:none;z-index:3}.story-chapter h2{font-size:clamp(32px,4.5vw,74px);line-height:.98;letter-spacing:-2px;margin:15px 0 22px;font-weight:900}.story-chapter p{font-size:clamp(15px,1.35vw,22px);line-height:1.55;color:#d5d7e1;max-width:450px}.story-chapter .section-label{font-size:12px;letter-spacing:4px;color:#a998ff}.story-chapter .primary{pointer-events:auto;margin-top:20px}.skip-animation{position:absolute;right:4%;bottom:18px;font-size:11px;letter-spacing:1px;color:#b5b6c6;padding:8px 0;background:none;border-bottom:1px solid #9290b955;z-index:5}.scroll-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#75718b22}.scroll-progress-fill{height:100%;background:linear-gradient(90deg,#6656ff,#c2b3ff);transform:scaleX(0);transform-origin:left}.world-loading{position:absolute;bottom:14px;left:4%;font-size:12px;padding:8px 12px;border:1px solid #796cbd44;border-radius:5px;background:#111524cc;z-index:6;color:#dcd9ff}.scroll-stage.world-fallback{height:auto}.world-fallback .hero{position:relative}.world-fallback .skip-animation,.world-fallback .scroll-progress{display:none}
@media(max-width:1099px) and (min-width:700px){.scroll-stage .hero{--u:.67px}.scroll-stage .hero-copy{top:30%}.scroll-stage .chapter-dock{bottom:70px}.scroll-stage .hero-bottom{bottom:28px}.scroll-stage .hero-bottom p{font-size:16px}.story-chapter{width:46%}.story-chapter h2{font-size:44px}.scroll-stage .skip-animation{bottom:6px}}
@media(max-width:699px){.scroll-stage{height:400svh}.scroll-stage .hero{padding:0;--u:1px;min-height:700px}.scroll-stage .hero-copy{position:absolute;left:22px;right:22px;top:43%}.scroll-stage h1{font-size:clamp(35px,10.5vw,58px)}.scroll-stage .intro{font-size:13px;line-height:1.4;margin:12px 0}.scroll-stage .hero-actions{gap:12px}.scroll-stage .hero-actions .primary{min-height:44px}.scroll-stage .hero-actions .primary span{font-size:12px;padding:0 14px}.scroll-stage .hero-actions .primary>svg{height:42px;width:40px;padding:12px}.scroll-stage .trailer-button{font-size:12px}.scroll-stage .play-ring{width:36px;height:36px}.scroll-stage .chapter-dock{position:absolute;display:flex;flex-direction:row;left:15px;right:15px;bottom:52px;margin:0;height:51px;backdrop-filter:blur(6px)}.scroll-stage .chapter{width:33.333%;height:50px;padding:0 8px;gap:6px;font-size:8px;letter-spacing:0}.scroll-stage .chapter b{font-size:9px}.scroll-stage .chapter>svg,.scroll-stage .chapter .chapter-arrow{display:none}.scroll-stage .chapter.active:after{width:100%;height:2px}.scroll-stage .hero-bottom{display:none}.scroll-stage .scene-shade{background:linear-gradient(180deg,#04091366,transparent 20%,#05091922 36%,#040713bb 64%,#060a1499)}.story-chapter{left:22px;right:22px;top:47%;width:auto}.story-chapter h2{font-size:38px;max-width:340px;letter-spacing:-1.3px;margin:12px 0}.story-chapter p{font-size:14px;max-width:300px}.story-chapter .section-label{font-size:10px;letter-spacing:3px}.story-chapter .primary{min-height:44px;margin-top:8px}.story-chapter .primary span{font-size:13px;padding:0 16px}.story-chapter .primary>svg{height:42px;width:42px;padding:13px}.skip-animation{bottom:14px;right:22px;font-size:10px}.world-loading{bottom:12px;font-size:10px}.world-fallback .hero{height:auto;min-height:1050px}.world-fallback .hero-copy{top:410px}.world-fallback .chapter-dock{bottom:50px}}
@media(prefers-reduced-motion:reduce){.scroll-stage{height:auto}.scroll-stage .hero{position:relative}.world-canvas{display:none}.story-chapter{display:none}}