INTERFERENCE — Good chaos

# INTERFERENCE — Good chaos

Create a responsive React + TypeScript + Vite + Tailwind CSS website. Use small components for navigation, hero, interactive stage, content sections and footer. Put media URLs in src/lib/assets.ts and animations in cleaned-up hooks. Do not output a giant HTML file, an iframe, or a screenshot pretending to be the website.

## Design direction
A complete, responsive, scroll-driven experimental studio website built around a supplied 15-second portrait motion piece of a revolving particle sphere. The sphere is one seamless 14.2-second loop (all 450 source frames, the last 24 cross-blended into the first) encoded as H.264 at 1080×1920 for desktop and 720×1280 for phones. The page downloads the whole loop first and plays it from memory, so it can never stall mid-revolve; while it loads, the first frame turns slowly (clipped to the sphere), and scrolling spins the sphere up to 1.8× before it eases back. The experience has four narrative beats, an editorial manifesto, three visual studies, and a working contact action.

Palette and type: --pink: #f677a5.
Font families: Space Grotesk,sans-serif / DM Mono,monospace.
Font stylesheet: https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap

## Layout and copy