How it behaves
Exactly what the prompt builds — every timing and easing is specified, so the result matches the demo.
- The section is 280vh tall (one screen of scroll per figure, plus a little) with a 100vh sticky stage inside, on a black background (#0A0A0A) with white figures and a red (#D71212) link.
- Right column: a window 1.5× the number's font-size tall with a vertical mask (transparent → solid at 26% → solid at 74% → transparent), so neighbouring numbers fade at the edges. The track inside moves so the current figure is centred; between figures the position is interpolated with scroll progress (scrubbed, no easing).
- Left column: all copy blocks share one grid cell (no layout jump). The block nearest the current progress fades in (opacity 1, y 0), the others fade out (opacity 0, y 10), 0.45s power2.out.
- Only on screens wider than 1024px. Below that there's no pinning: each number sits above its heading and paragraph as a simple list.