running pace: candlelit · values below are read live fromsrc/core/motion/config.ts

Every concept names one of these four registers and gets all seven primitives in it. Switch the pace above and scroll: the markup is identical, only the register changes. Add ?reduced=1 to any concept URL to check reduced-motion parity.

01 · line reveal

—

Lines rise out of a maskone after another,then the rest follows.

Anything marked [data-after] in this scope arrives behind the last line.

02 · masked parallax

—

The image drifts slower than the page inside its frame. Overscan is derived from the same drift value, so the edge can never show.

03 · word reveal

—

Honest quote, done on time, and the finish speaks for itself.

04 · count up

—

static HTML holds the real value — only below-fold counters reset

05 · draw in

—

06 · scrub wipe

—

A · scroll-driven

B · drag-driven, with release momentum

Drag to compare

08 · scenes

—

Pinned full-viewport theatre. The stage is held by CSS position: sticky, so scrolling stays at native speed — this primitive only reads progress. Below 1024px, and under reduced motion, it renders as a plain stacked composition with the panels as a swipeable row.