.story-stage{background:var(--paper);height:100svh;position:relative;overflow:hidden}.hero-copy{z-index:3;top:calc(var(--nav-h) + clamp(12px, 5vh, 56px));padding:0 var(--gutter);text-align:center;justify-items:center;display:grid;position:absolute;left:0;right:0}.hero-copy .eyebrow{margin-bottom:20px}.hero-copy h1{letter-spacing:-.05em;max-width:15ch;font-size:clamp(38px,min(5.4vw,7vh),76px);line-height:.98}.hero-sub{max-width:36em;color:var(--ink-2);margin:18px 0 0;font-size:clamp(16px,1.25vw,18px);line-height:1.5}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}@media (min-width:1100px) and (max-height:900px){.hero-copy h1{max-width:22ch}.hero-copy .eyebrow{margin-bottom:16px}.hero-sub{margin-top:14px}.hero-ctas{margin-top:22px}}.story-cam{z-index:1;will-change:transform;perspective:3800px;perspective-origin:50% 40%;transform-origin:50%;position:absolute}.story-intro,.story-tilt,.story-orient{transform-style:preserve-3d}.story-orient{transform-origin:50% 100%}.story-screen{transform-origin:0 0}.story-captions{z-index:2;pointer-events:none;position:absolute;inset:0}.caption{pointer-events:none;width:min(24vw,340px);position:absolute;top:50%;left:min(5vw,72px);translate:0 -50%}.caption>*{opacity:0;transition:opacity .35s var(--ease-soft), translate .5s var(--ease-out);translate:0 14px}.caption.past>*{translate:0 -14px}.caption.on>*{opacity:1;transition:opacity .7s var(--ease-soft), translate .9s var(--ease-out);translate:0}.caption.on>:first-child{transition-delay:.1s}.caption.on>:nth-child(2){transition-delay:.18s}.caption.on>:nth-child(3){transition-delay:.26s}.caption.on{pointer-events:auto}.caption-index{font:500 12px/1 var(--font-geist-mono), monospace;color:var(--ink-3);margin-bottom:18px;display:block}.caption h2{font-size:clamp(26px,2.6vw,38px);line-height:1.05}.caption p{color:var(--ink-2);margin:14px 0 0;font-size:16px;line-height:1.55}.story-rail{opacity:0;pointer-events:none;transition:opacity .5s var(--ease-soft);gap:2px;display:grid;position:absolute;bottom:clamp(24px,7vh,72px);left:min(5vw,72px)}.in-chapters .story-rail{opacity:1;pointer-events:auto}.story-rail button{height:26px;color:var(--ink-3);cursor:pointer;align-items:center;gap:12px;font-size:13px;transition:color .25s;display:flex}.story-rail button span{width:12px;height:1px;transition:width .45s var(--ease-out);background:currentColor}.story-rail button:hover,.story-rail button.on{color:var(--ink)}.story-rail button.on span{width:28px}.story-invite{z-index:4;-webkit-backdrop-filter:blur(14px);color:#eef0f4;opacity:0;pointer-events:none;transition:opacity .5s var(--ease-soft), translate .8s var(--ease-out);background:#0c1018c7;border-radius:13px;align-items:center;gap:18px;padding:8px 8px 8px 20px;display:flex;position:absolute;bottom:clamp(24px,6vh,56px);left:50%;translate:-50% 16px}.story-invite.on{opacity:1;pointer-events:auto;translate:-50%}.story-invite p{white-space:nowrap;margin:0;font-size:15px}@media (max-width:899px){.in-chapters .story-captions:before{content:"";background:linear-gradient(#f3f2ee00, var(--paper) 22%);height:270px;position:absolute;bottom:0;left:0;right:0}.caption{left:var(--gutter);right:var(--gutter);width:auto;top:auto;bottom:clamp(20px,6vh,48px);translate:none}.caption p{font-size:15px}.story-rail{display:none}.story-invite{flex-direction:column;gap:10px;width:calc(100% - 32px);padding:14px}.story-invite p{white-space:normal;text-align:center}}.story.static{padding:calc(var(--nav-h) + 48px) var(--gutter) 64px;justify-items:center;gap:48px;display:grid}.story.static .hero-copy{padding:0;position:static}.static-laptop{justify-content:center;width:100%;max-width:1000px;padding-bottom:27%;display:flex}.static-chapters{text-align:center;justify-items:center;gap:18px;width:100%;max-width:1000px;display:grid}.static-rail{opacity:1;pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:static}.static-chapters .caption{opacity:1;width:auto;max-width:560px;position:static;translate:none}.hero-copy h1 .word{overflow-clip-margin:.12em;vertical-align:top;margin-bottom:-.06em;padding-bottom:.06em;display:inline-block;overflow:clip}.hero-copy h1 .word>span{display:inline-block}.caption-try{align-items:center;gap:10px;display:flex;color:var(--ink)!important;margin-top:22px!important;font-size:14px!important}.caption-try-dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;position:relative}.caption-try-dot:after{content:"";background:var(--accent);animation:try-ping 1.8s var(--ease-soft) infinite;border-radius:50%;position:absolute;inset:0}@keyframes try-ping{70%,to{opacity:0;scale:2.6}}.caption-try.done{color:var(--ink-3)!important}.caption-try.done .caption-try-dot{background:#3f8a5c}.caption-try.done .caption-try-dot:after{display:none}.story-progress{z-index:4;opacity:0;pointer-events:none;width:min(24vw,340px);transition:opacity .5s var(--ease-soft), translate .7s var(--ease-out);position:absolute;bottom:clamp(28px,7vh,64px);left:min(5vw,72px);translate:0 8px}.in-chapters .story-progress{opacity:1;pointer-events:auto;translate:0}.sp-head{justify-content:space-between;align-items:baseline;height:18px;margin-bottom:12px;display:flex}.sp-label{font:500 12px/1 var(--font-geist-mono), monospace;color:var(--ink-2);white-space:pre;animation:sp-label .5s var(--ease-out)}@keyframes sp-label{0%{opacity:0;translate:0 6px}}.sp-next{color:var(--ink-2);cursor:pointer;opacity:0;transition:opacity .5s var(--ease-soft), translate .6s var(--ease-out);align-items:center;gap:6px;font-size:13px;display:inline-flex;translate:0 -4px}.sp-next.on{opacity:1;translate:0}.sp-next svg{animation:sp-bob 1.6s var(--ease-soft) infinite}@keyframes sp-bob{50%{translate:0 3px}}.sp-bars{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.sp-bar{cursor:pointer;height:18px;position:relative}.sp-bar:before,.sp-bar span{content:"";border-radius:1px;height:2px;position:absolute;top:8px;left:0;right:0}.sp-bar:before{background:#1314171f;transition:background-color .25s}.sp-bar:hover:before{background:#1314173d}.sp-bar span{background:var(--ink);transform-origin:0;transform:scaleX(var(--p,0))}.sp-bar.done span{background:var(--accent)}.guide{z-index:3;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-soft);position:absolute;inset:0}.guide.on{opacity:1}.guide-ring{transition:transform .45s var(--ease-out), width .45s var(--ease-out), height .45s var(--ease-out), opacity .3s;animation:guide-pulse 1.8s var(--ease-soft) infinite;border-radius:10px;position:absolute;top:0;left:0;box-shadow:0 0 0 2px #ffffffeb,0 0 0 6px #9cb6e959}.guide.done .guide-ring{opacity:0}@keyframes guide-pulse{50%{box-shadow:0 0 0 2px #ffffffeb,0 0 0 11px #9cb6e900}}.guide-label{transition:transform .45s var(--ease-out);position:absolute;top:0;left:0}.guide-label-inner{background:var(--ink);color:#fff;white-space:nowrap;animation:guide-in .5s var(--ease-out);border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:0;left:0;translate:-50%;box-shadow:0 8px 24px -8px #00000073}.guide-label.below .guide-label-inner{top:0;bottom:auto}.guide.done .guide-label-inner{background:#2f5b3f}@keyframes guide-in{0%{opacity:0;translate:-50% 6px}}.scroll-cue{z-index:4;-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink-2);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .5s var(--ease-soft), translate .7s var(--ease-out);background:#f3f2eedb;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 10px;font-size:13px;display:inline-flex;position:absolute;bottom:clamp(18px,4vh,36px);left:50%;translate:-50% 10px}.scroll-cue.on{opacity:1;pointer-events:auto;translate:-50%}.scroll-cue.in-chapters{left:calc(min(5vw,72px) + min(12vw,170px))}.scroll-cue-track{width:14px;height:22px;box-shadow:inset 0 0 0 1.5px var(--ink-3);border-radius:8px;position:relative}.scroll-cue-dot{background:var(--ink-2);width:3px;height:5px;animation:cue 1.6s var(--ease-soft) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:5px;left:50%}@keyframes cue{0%{opacity:0;translate:0 -2px}30%{opacity:1}80%,to{opacity:0;translate:0 8px}}.story-invite strong{font-weight:600}@media (max-width:899px){.story-progress{left:var(--gutter);right:var(--gutter);width:auto;top:18px;bottom:auto}.sp-head{margin-bottom:6px}.sp-next{display:none}.caption-try{margin-top:10px!important}}.static-rig{perspective:3800px;perspective-origin:50% 40%;width:100em;height:67.35em;position:relative}.static-chapters .caption-try{justify-content:center}