Video Ribbon — Référence de design web et prompt

# Video Ribbon — Vante Scroll Portfolio Hero (exact recreation prompt)

Build a single-file, full-viewport, scroll-driven portfolio hero called **Vante**. On a near-black page, the two-part headline `CRAFT IN` / `MOTION` slides across the screen in opposite directions while a continuous ribbon of live video cards spirals around the viewer in 3D. It starts small along the bottom, swings close in a shallow curved arc, wraps around the left edge, runs away along the top and leaves top right. Then the cards land one by one in a calm 3×2 grid.

Plain HTML, CSS and one vanilla ES module in one file. The only external resources are the Google Fonts, three.js 0.170.0 from jsDelivr and the eight video URLs listed below. Reproduce every value, string and timing exactly. The CSS, markup and script are given verbatim, so copy them without changes.

Four rules define it:
1. **Everything comes from one number.** Scroll progress `p` from 0 to 1, smoothed with `p += (target - p) * .09` each frame, drives everything. Scrolling back reverses it perfectly.
2. **The ribbon runs on a fixed rail.** The path never moves. The ribbon only slides along it, card after card.
3. **Text always reads correctly.** The cards are a two-sided strip. When a card is seen from behind on the near pass, the fragment shader flips `uv.x`, so videos are never mirrored.
4. **The curve stays gentle up close.** The near pass is a shallow arc, about 5.4 to 7.6 units from the camera, so the middle card stays wide and flat. The far runs reach 24 units away, so the cards look tiny there.