Velocity

Type does not stand still on the page anymore. It travels, it leans, it inherits the momentum of the reader's own hand.

Every band above is a seamless loop, duplicated end to end so the join never shows. At rest the rows drift at their own quiet cadence — some left, some right — a slow editorial hum. Then you scroll. The faster you move, the harder each glyph shears and squashes, and the whole stack swings to follow your direction. Release, and the letters ease back to upright, back to base speed, back to legibility. Nothing here animates left or width; it is all one composited transform per row, driven by a single requestAnimationFrame loop reading scroll velocity through passive listeners.

The result is a headline that behaves like a physical object: it has mass, it has drag, and it settles.

Velocity is sampled once per frame as the delta of scrollY, normalised to a per-frame figure and lightly smoothed so noise never jitters the type. That single number feeds three outputs: a shear angle that lags a beat behind travel for a whip-crack feel, a vertical squash, and an additive term folded into every row's motion — large enough to overpower and reverse the slower bands.

When motion is not wanted, a full prefers-reduced-motion path freezes every row upright and static, and each band becomes quietly swipe-scrollable so the words stay exactly where the reader can read them. The frame loop never starts.