3D Website
Scroll-controlled 3D product study. Chrome character, editorial type, a sequence rail down the right edge.
# LUMEN/01 — Scroll-Scrubbed Presence Study
## What you're building
A single-page product film for an AI product (`{{brand}}`), built as one long scroll-scrubbed video sequence with editorial sections falling out of it. The distinctive idea: an 8-second clip of the subject is pinned for six screens of scroll and its `currentTime` is bound directly to scroll position — the visitor scrubs the performance forward and backward, and four numbered captions cross-fade over it as the frames advance. Everything else on the page is near-black, oversized neo-grotesque, and one cyan signal colour.
**This is a `<video>` element, not a shader.** No canvas, no WebGL, no 3D library. One `<video>`, one rAF loop, one `IntersectionObserver`. If you find yourself reaching for three.js, you have misread the brief.