Creative Matter

Build a high-performance, agency-grade Creative section called "Creative Matter" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create an ultra-refined, interactive Creative with cinematic transitions and smooth spring physics.

Visual Aesthetics & Mood:
influxo-hero;experiential creative studio brand experience creative agency cultural moments audience engagement brand growth immersive experiences;full-viewport background video cinematic experiential footage full-bleed raw video immersive hero no overlay no gradient;fixed transparent navbar floating menu pill centered wordmark influxo cyan connect cta mobile fullscreen menu overlay;black white cyan palette monochrome high-contrast electric cyan accent #02edf8;minimal contemporary creative agency branding bold editorial typography larsseit sans-serif plantin italic serif accent;oversized centered headline two-line composition staggered typography italic emphasis expressive serif contrast;rounded pill ctas white play button translucent black craft button cyan icon wells;full-screen black menu overlay backdrop blur centered navigation work expertise studio joining connect large lightweight typography;bottom-aligned editorial description text trusted-by social proof volvo wordmark card thin border;cinematic entrance animation fade slide up staggered reveals smooth easing polished motion;experiential creativity human connection culture storytelling brand activation;bold energetic futuristic artistic premium modern confident immersive atmospheric;global creative studio sophisticated digital campaign aesthetic polished high-impact minimal composition

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)