.narrative-scroll-controller{display:grid;gap:22px;max-width:1160px;margin:0 auto;padding:18px;border-radius:34px;transition:background 260ms ease,box-shadow 260ms ease}.narrative-scroll-controller.is-arrival{background:radial-gradient(circle at top left,rgb(19 190 156 / .2),transparent 42%),#0b1014}.narrative-scroll-controller.is-tension{background:radial-gradient(circle at top right,rgb(250 175 59 / .22),transparent 40%),#120d0a}.narrative-scroll-controller.is-pivot{background:radial-gradient(circle at center,rgb(255 255 255 / .08),transparent 42%),#101017}.narrative-scroll-controller.is-resolve{background:radial-gradient(circle at bottom right,rgb(19 190 156 / .18),transparent 45%),#071112}.narrative-scroll-controller__stage{align-self:start;padding:28px;border-radius:28px;border:1px solid rgb(255 255 255 / .08);background:rgb(0 0 0 / .28);backdrop-filter:blur(12px)}.narrative-scroll-controller__eyebrow,.narrative-scene__eyebrow{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:rgb(255 255 255 / .58)}.narrative-scroll-controller__index{margin:0 0 10px;font-size:clamp(3.2rem, 7vw, 5.6rem);line-height:.9;color:rgb(255 255 255 / .32)}.narrative-scroll-controller__stage h2{margin:0 0 12px;font-size:clamp(2rem, 4vw, 3.3rem);line-height:.94}.narrative-scroll-controller__summary{margin:0;max-width:34ch;color:rgb(255 255 255 / .8);line-height:1.72}.narrative-scroll-controller__progress{height:4px;margin-top:22px;border-radius:999px;background:rgb(255 255 255 / .08);overflow:hidden}.narrative-scroll-controller__progress span{display:block;width:25%;height:100%;background:linear-gradient(90deg,#faaf3b,#13be9c);transition:width 220ms ease}.narrative-scroll-controller__story{display:grid;gap:18px}.narrative-scene{min-height:70vh;padding:30px;border-radius:28px;border:1px solid rgb(255 255 255 / .08);background:rgb(255 255 255 / .04);opacity:.5;transform:scale(.99);transition:opacity 220ms ease,transform 220ms ease,border-color 220ms ease}.narrative-scene.is-active{opacity:1;transform:scale(1);border-color:rgb(255 255 255 / .2)}.narrative-scene h3{margin:0 0 14px;max-width:12ch;font-size:clamp(2.2rem, 4vw, 3.8rem);line-height:.94}.narrative-scene p:last-child{max-width:56ch;margin:0;color:rgb(255 255 255 / .84);line-height:1.8;font-size:1.05rem}@media only screen and (min-width:1040px){.narrative-scroll-controller{grid-template-columns:360px minmax(0,1fr);align-items:start}.narrative-scroll-controller__stage{position:sticky;top:18px;min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:flex-end}}