Sur(face)

Build a high-performance, agency-grade Model section called "Sur(face)" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

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

Visual Aesthetics & Mood:
surface;model agency avant-garde casting unconventional faces street casting fashion editorial new faces booking talent roster portfolio white off white light grey black ink signal red accent monochrome with red full bleed hero scroll scrubbed clip fixed stage giant wordmark left gutter big number corner bottom centre header bar stacked block buttons ring of tilted cards folding into a horizontal row card grid model card dialog side panel swiss typography helvetica neue grotesk mega display tight negative tracking bracket captions small body copy portrait photography red top black fringe close up faces freckles platinum bob shaved head film grain magazine scan blend difference text blur reveal word by word statement circular spin smooth scroll flip transition haze blur raw bold editorial confident intimate minimal

## 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)