.story-spacer{height:var(--story-h);position:relative}.story-spacer,.story-stack{animation:.6s ease-out .34s both fadeIn}@media (prefers-reduced-motion:reduce){.story-spacer,.story-stack{animation:none}}.story-pin{height:100vh;position:sticky;top:0;overflow:hidden}.story-track{height:100%;width:var(--story-track-w);will-change:transform;display:flex}.story-track .story-panel{flex:0 0 var(--story-panel-w);height:100%;position:relative}.story-track .story-anchor{left:calc((var(--story-panel-w) - 22vw) / 2);width:22vw;position:absolute;top:11vh}.story-anchor--caption-above .story-anchor-body{margin:0 0 .9rem}.story-anchor-frame{aspect-ratio:3/4;background:var(--surface);border-radius:.5rem;width:100%;position:relative;overflow:hidden}.story-anchor-img{object-fit:cover;image-rendering:auto}.story-anchor-body{margin-top:.9rem}.story-eyebrow{align-items:baseline;gap:.6rem;display:flex}.story-index{font-family:var(--font-text);letter-spacing:.18em;color:var(--gold);font-size:.55rem;font-weight:600}.story-period{font-family:var(--font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.55rem}.story-label{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:.45rem 0 0;font-size:1.5rem;font-weight:700;line-height:1.05}.story-stat{font-family:var(--font-text);color:var(--gold);margin:.4rem 0 0;font-size:.68rem;font-weight:600}.story-caption{font-family:var(--font-text);color:var(--text-muted);max-width:26rem;margin:.55rem 0 0;font-size:.66rem;line-height:1.65}.story-scatter{margin:0}.story-scatter-caption{font-family:var(--font-text);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-size:.45rem;font-weight:600}.story-scatter-frame{aspect-ratio:1;background:var(--surface);border-radius:.4rem;width:100%;position:relative;overflow:hidden}.story-scatter-img{object-fit:cover;image-rendering:auto}.story-track .story-scatter{position:absolute}.story-track .story-scatter--before-1 .story-scatter-frame,.story-track .story-scatter--after-0 .story-scatter-frame{aspect-ratio:3/4}.story-track .story-scatter--before-2 .story-scatter-frame,.story-track .story-scatter--after-2 .story-scatter-frame{aspect-ratio:4/5}.story-track .story-scatter--before-0{width:13vw;top:14vh;left:14vw}.story-track .story-scatter--before-1{width:12vw;top:44vh;left:1vw}.story-track .story-scatter--before-2{width:11vw;top:60vh;left:16vw}.story-track .story-scatter--after-0{width:13vw;top:18vh;left:55vw}.story-track .story-scatter--after-1{width:12vw;top:48vh;left:69vw}.story-track .story-scatter--after-2{width:11vw;top:64vh;left:56vw}.story-track .story-quote{left:calc((var(--story-panel-w) - 30vw) / 2);width:30vw;position:absolute;top:22vh}.story-label--quote{font-size:2.1rem}.story-caption--quote{color:var(--text);max-width:none;font-size:.72rem;line-height:1.75}.story-period--lone{margin:0}.story-track .story-panel--interlude .story-scatter--before-0{width:13vw;top:18vh;left:2vw}.story-track .story-panel--interlude .story-scatter--before-1{width:12vw;top:54vh;left:9vw}.story-track .story-panel--interlude .story-scatter--before-2{width:8vw;top:24vh;left:17vw}.story-track .story-panel--interlude .story-scatter--after-0{width:13vw;top:16vh;left:60vw}.story-track .story-panel--interlude .story-scatter--after-1{width:12vw;top:50vh;left:70vw}.story-track .story-panel--interlude .story-scatter--after-2{width:11vw;top:64vh;left:58vw}.story-progress{font-family:var(--font-text);letter-spacing:.16em;color:var(--text-muted);align-items:baseline;gap:.3rem;font-size:.55rem;font-weight:600;display:flex;position:absolute;bottom:1.75rem;left:2rem}.story-progress-now{color:var(--gold)}.story-progress-sep{opacity:.5}.story-stack{max-width:45rem;margin:0 auto;padding:0 1.5rem;position:relative}.story-stack .story-panel{flex-wrap:wrap;gap:.75rem;margin-bottom:3rem;display:flex}.story-stack .story-panel:last-child{margin-bottom:0}.story-stack .story-anchor{width:100%}.story-stack .story-anchor-frame{aspect-ratio:4/5}.story-stack .story-scatter{flex:6rem;min-width:6rem;max-width:10rem}.story-stack .story-quote{border-left:.1875rem solid var(--gold);background:var(--surface);border-radius:.5rem;width:100%;padding:1.25rem}.story-stack .story-label--quote{font-size:1.35rem}@media (max-width:40rem){.story-stack{padding:0 1rem}.story-stack .story-panel{margin-bottom:2.25rem}.story-stack .story-scatter{flex-basis:4rem;min-width:4rem}.story-label{font-size:1.2rem}}