Calling video.currentTime = on every scroll tick was ruled out — repeated seeks on compressed video are expensive and visibly stutter. The fix: a "play-rate chasing" driver on requestAnimationFrame. Each frame compares current time to a scroll-derived target; small gaps do nothing, larger gaps raise playbackRate up to 8× and let the browser's own decode pipeline catch up, falling back to a hard seek only when scrolling backwards.

Safari handles playbackRate and blob-URL seeking very differently from Chromium — the chasing technique broke down there. Rather than force one code path everywhere, the driver branches per-browser: Safari gets direct currentTime scrubbing against a preload="auto" src, accepting readyState >= 1 instead of waiting for full buffering, while Chromium keeps the smoother play-rate chase against a preloaded Blob URL.

To avoid a first-scroll stutter while the browser fetches the video, the full file streams via fetch() with a ReadableStream reader, is assembled into a Blob, and swapped in as a blob: URL — with a visible load-percentage screen so the wait reads as intentional, not broken.

An early version used separate ScrollTriggers for the video scrub and the sidebar word highlights, which caused desync — words highlighting simultaneously, or not at all, across browsers. The fix was architectural: a single pinned ScrollTrigger owns scroll progress, and both the video's target time and the active sidebar word derive from the same onUpdate callback, eliminating any chance of the two drifting apart.

Every section was rebuilt to work from 360px up: the desktop left/right split scroll-text layout collapses to stacked centered text, GSAP animations drop their horizontal offset on mobile so nothing slides in from off-screen, the header collapses to logo + cart with a slide-down menu, and the product grid reflows 1 → 2 → 3 columns with clamp()-based fluid typography throughout.