- Each section assembles itself on arrival: heading first, then what it
holds, and a grid's cards one after another — instead of the whole
section fading in as one block.
- The hero enters on load, piece by piece, in CSS, so it plays with or
without JavaScript; the stats come last and count up from zero.
- The hero's lights drift and fade as it scrolls away, and the header
gains a shadow once the page moves — scroll-driven animations, no
listeners; browsers without them simply do not animate.
The count only runs if the page hydrates before the stats appear at
0.8s: after that the figure has been read, and dropping it to zero to
count again would be a flicker. Server-rendered HTML carries the real
numbers and nothing hidden, and prefers-reduced-motion turns all of it
off.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
240ad149e7