Barrel

Build a scroll-scrubbed cinematic page for BARREL — "Surf". ONE self-contained HTML file: inline <style>, inline <script>, Google Fonts via <link>. No build step, no framework. The only external asset is one video.

SCROLL MECHANIC — THE SCRUBBED VIDEO IS THE HERO:
There is NO autoplay hero above the scrub. The sticky stage is the FIRST element on the page.
- ONE <video>. NO autoplay attribute, NO loop attribute, and .play() is NEVER called.
- 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 opening headline is the first caption beat (progress 0.00) on that same sticky stage.
If the video pl