.scroll-story{color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:auto;--warm-white:#f5f1e9;--gold:#f1b964;--ink:#02070d;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);position:relative;height:650svh;background:var(--ink)}.hero-sticky{position:sticky;top:0;height:100svh;height:100dvh;overflow:hidden;isolation:isolate;background:var(--ink)}.scene{position:absolute;inset:0;background:radial-gradient(circle at 56% 46%,rgba(29,67,91,.38),transparent 48%),linear-gradient(180deg,#071521,#02070d 74%)}#hero-canvas{display:block;width:100%;height:100%;touch-action:pan-y}.scene-vignette{inset:0;background:linear-gradient(180deg,rgba(0,3,7,.2),transparent 24%,transparent 70%,rgba(0,3,7,.48)),radial-gradient(ellipse at center,transparent 43%,rgba(0,3,7,.2) 76%,rgba(0,3,7,.56) 100%);box-shadow:inset 0 0 80px rgba(0,0,0,.18)}.hero-copy,.scene-vignette{position:absolute;pointer-events:none}.hero-copy{z-index:4;top:calc(var(--safe-top) + clamp(102px, 13.5vh, 150px));left:50%;width:min(980px,calc(100vw - 48px));text-align:center;transform:translateZ(0);translate:-50% 0;transform-origin:50% 30%;will-change:opacity,transform}.eyebrow{margin:0 0 18px;color:var(--gold);font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1{margin:0;color:var(--warm-white);font-size:clamp(58px,7.4vw,112px);font-weight:590;line-height:.88;letter-spacing:-.065em;text-wrap:balance;text-shadow:0 5px 40px rgba(0,0,0,.54)}.hero-copy>p:last-child{max-width:540px;margin:26px auto 0;color:rgba(245,245,247,.7);font-size:clamp(16px,1.55vw,21px);font-weight:430;line-height:1.45;letter-spacing:-.015em;text-shadow:0 2px 24px rgba(0,0,0,.7)}.chapters{position:absolute;z-index:5;inset:0;pointer-events:none}.chapter{position:absolute;top:50%;left:clamp(28px,3.5vw,72px);width:min(460px,36vw);margin:0;opacity:0;color:var(--warm-white);text-align:left;text-shadow:0 3px 26px rgba(0,0,0,.92);transform:translate3d(0,18px,0);translate:0 -50%;will-change:opacity,transform}.chapter[data-align=left]{right:auto;left:clamp(28px,3.5vw,72px)}.chapter[data-align=right]{right:clamp(28px,3.5vw,72px);left:auto;text-align:right}.chapter[data-align=center]{top:auto;right:auto;bottom:clamp(92px,12vh,132px);left:50%;width:min(780px,calc(100vw - 48px));margin-left:0;text-align:center;translate:-50% 0}.chapter-index{margin:0 0 14px;color:var(--gold);font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.chapter h2{margin:0;font-size:clamp(34px,2.7vw,46px);font-weight:590;line-height:.98;letter-spacing:-.045em;text-wrap:balance}.chapter-points,.chapter>p:last-child{max-width:420px;margin:16px 0 0;color:rgba(245,245,247,.74);font-size:clamp(14px,1.25vw,17px);line-height:1.5;letter-spacing:-.012em}.chapter-points{display:grid;gap:8px;padding:0;list-style:none}.chapter-points li:before{margin-right:.45em;color:var(--gold);content:"•"}.chapter[data-align=right] .chapter-points,.chapter[data-align=right]>p:last-child{margin-right:0;margin-left:auto}.chapter-final h2{font-size:clamp(46px,5vw,74px)}.chapter[data-detail=true]{top:50%}.chapter[data-detail=true] h2{font-size:clamp(34px,2.7vw,46px);line-height:.98}.chapter[data-detail=true] .chapter-points,.chapter[data-detail=true]>p:last-child{margin-top:12px}.scroll-hint{position:absolute;z-index:6;bottom:calc(44px + var(--safe-bottom));left:50%;display:flex;flex-direction:column;gap:10px;align-items:center;color:rgba(245,245,247,.56);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;translate:-50% 0;transition:opacity 80ms linear;pointer-events:none}.scroll-hint i{position:relative;display:block;width:1px;height:27px;overflow:hidden;background:rgba(245,245,247,.2)}.scroll-hint i:after{position:absolute;inset:0;background:var(--gold);content:"";transform:translateY(-100%);animation:scroll-pulse 1.8s cubic-bezier(.65,0,.35,1) infinite}@keyframes scroll-pulse{0%{transform:translateY(-100%)}55%,to{transform:translateY(100%)}}.story-progress{position:absolute;z-index:7;right:50%;bottom:calc(21px + var(--safe-bottom));width:min(320px,46vw);height:1px;overflow:hidden;background:rgba(245,245,247,.16);translate:50% 0}.story-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#b56b35,#f0c06e);box-shadow:0 0 8px rgba(240,185,100,.4)}.loading{position:absolute;z-index:20;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 54%,rgba(20,49,67,.42),transparent 36%),#02070d;color:rgba(245,245,247,.62);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:opacity .7s cubic-bezier(.22,1,.36,1),visibility .7s}.loading-value{color:var(--gold);font-variant-numeric:tabular-nums}.loading.is-done{opacity:0;visibility:hidden}.loading.is-error{color:#ffb29e}@media (max-width:900px){.chapter{width:min(340px,42vw)}.chapter h2{font-size:clamp(32px,4.4vw,42px)}}@media (max-aspect-ratio:9/10),(max-width:720px){.scroll-story{height:600svh}.hero-copy{top:calc(var(--safe-top) + 88px);width:min(520px,calc(100vw - 32px - var(--safe-left) - var(--safe-right)))}.eyebrow{margin-bottom:14px;font-size:10px}.hero-copy h1{font-size:clamp(48px,14vw,64px);line-height:.91;letter-spacing:-.06em}.hero-copy>p:last-child{max-width:330px;margin-top:19px;font-size:15px}.chapter,.chapter[data-align=center],.chapter[data-align=left],.chapter[data-align=right]{top:auto;right:max(20px,var(--safe-right));bottom:calc(84px + var(--safe-bottom));left:max(20px,var(--safe-left));width:auto;margin-left:0;text-align:left;translate:0 0}.chapter-index{margin-bottom:10px}.chapter h2,.chapter-final h2{font-size:clamp(34px,10.5vw,46px);line-height:.94}.chapter>p:last-child,.chapter[data-align=right]>p:last-child{max-width:340px;margin:13px 0 0;font-size:13px;line-height:1.42}.chapter.chapter-final{bottom:calc(114px + var(--safe-bottom));text-align:center}.chapter-final .chapter-index{text-align:center}.chapter[data-detail=true]{top:auto}.chapter[data-detail=true] h2{font-size:clamp(34px,10.5vw,44px)}.scroll-hint{bottom:calc(39px + var(--safe-bottom))}.story-progress{bottom:calc(17px + var(--safe-bottom));width:52vw}}@media (max-width:360px){.hero-copy{width:calc(100vw - 28px - var(--safe-left) - var(--safe-right))}.hero-copy h1{font-size:clamp(43px,14vw,52px)}.chapter,.chapter[data-align=center],.chapter[data-align=left],.chapter[data-align=right]{right:max(16px,var(--safe-right));left:max(16px,var(--safe-left))}.chapter>p:last-child,.chapter[data-align=right]>p:last-child{font-size:12px}}@media (max-height:620px) and (max-width:720px){.hero-copy{top:calc(var(--safe-top) + 76px)}.hero-copy>p:last-child{max-width:300px;margin-top:14px;font-size:13px}.chapter h2,.chapter-final h2,.chapter[data-detail=true] h2{font-size:clamp(30px,9.5vw,38px)}.chapter>p:last-child,.chapter[data-align=right]>p:last-child{margin-top:9px;line-height:1.34}}@media (max-height:520px) and (min-width:721px) and (max-width:950px){.hero-copy{top:calc(var(--safe-top) + 66px)}.hero-copy .eyebrow{margin-bottom:8px}.hero-copy h1{font-size:clamp(42px,8vw,58px);line-height:.9}.hero-copy>p:last-child{display:none}.chapter{width:min(300px,38vw)}.chapter h2,.chapter[data-detail=true] h2{font-size:clamp(26px,4vw,34px)}.chapter>p:last-child{display:none}.chapter[data-align=center]{top:50%;right:auto;bottom:auto;left:max(18px,var(--safe-left));width:min(210px,25vw);text-align:left;translate:0 -50%}.scroll-hint{display:none}.story-progress{bottom:calc(11px + var(--safe-bottom))}}@media (prefers-reduced-motion:reduce){.scroll-story{height:100svh;height:100dvh}.chapters,.scroll-hint,.story-progress{display:none}.loading{transition:none}.hero-copy{opacity:1!important;transform:none!important}}