Cobalt

SCROLL MECHANIC — THE SCRUBBED VIDEO IS THE HERO (read this first, it overrides anything below):
There is NO separate autoplay hero above the scrub. The page opens directly on the sticky
scroll-scrub stage — it is the FIRST element on the page, nothing sits above it.
- ONE <video> element for the whole page. Do not load the clip twice.
- The video has NO autoplay and NO loop attributes, and you NEVER call .play().
- Frame 0 IS the landing state: on load the user sees currentTime = 0 as a still frame.
- Scroll position is the only thing that moves the video.
- The hero copy (wordmark, headline, CTA) sits on top of that same sticky stage as the
  first caption beat (progress 0.00), not in a se