.story{position:relative}.story canvas,.story .rail{display:none}.story .chapters{padding:4rem var(--gutter);gap:4rem;width:min(100%,40rem);margin-inline:auto;display:grid}.kicker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin:0;font-size:.8rem}.chapter h1,.chapter h2{letter-spacing:-.02em;margin:.25rem 0 1rem;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.15}.chapter ul{gap:.6rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.chapter li{color:var(--muted)}.chapter .links{flex-wrap:wrap;gap:1.25rem;display:flex}.chapter .links li{color:var(--text)}.plain-link{padding:0 var(--gutter) 3rem;text-align:center;font-family:var(--font-mono);margin:0;font-size:.85rem}.story[data-scene=on]{height:calc(var(--chapters) * 100vh)}.story[data-scene=on] .stage{height:100dvh;position:sticky;top:0;overflow:hidden}.story[data-scene=on] canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.story[data-scene=on] .chapters{pointer-events:none;place-items:center start;gap:0;width:auto;margin:0;padding:0 clamp(16px,6vw,96px);position:absolute;inset:0}.story[data-scene=on] .chapter{backdrop-filter:blur(8px);border:1px solid var(--line);opacity:0;visibility:hidden;background:#07080d99;border-radius:14px;grid-area:1/1;max-width:34rem;padding:1.5rem 1.75rem;transition:opacity .6s,transform .6s,visibility 0s linear .6s;transform:translateY(18px)}.story[data-scene=on] .chapter[data-active=true]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s,transform .6s,visibility;transform:none}.story[data-scene=on] .chapter li{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(8px)}.story[data-scene=on] .chapter[data-active=true] li{opacity:1;transform:none}.story[data-scene=on] .chapter li:first-child{transition-delay:.15s}.story[data-scene=on] .chapter li:nth-child(2){transition-delay:.3s}.story[data-scene=on] .chapter li:nth-child(3){transition-delay:.45s}.story[data-scene=on] .chapter li:nth-child(4){transition-delay:.6s}.story[data-scene=on] .chapter li:nth-child(5){transition-delay:.75s}.story[data-scene=on] .plain-link{z-index:2;padding:0;position:absolute;top:12px;left:clamp(16px,6vw,96px)}.story[data-scene=on] .rail{z-index:2;flex-direction:column;gap:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.rail button{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.rail button:after{content:"";border:1px solid var(--muted);border-radius:50%;width:9px;height:9px;transition:background .3s,border-color .3s,transform .3s}.rail button:hover:after{border-color:var(--cyan)}.rail button[aria-current=step]:after{background:var(--cyan);border-color:var(--cyan);transform:scale(1.3)}@media (width<=700px){.story[data-scene=on] .chapters{align-items:end;padding-bottom:6vh;padding-right:36px}.story[data-scene=on] .chapter{max-width:100%;padding:1.1rem 1.25rem}}