FinSmith

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

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

Visual Aesthetics & Mood:
finsmith-craft-hero;creative branding agency brand identity design studio premium portfolio experimental web design artistic direction lacquer red background deep crimson radial gradient giant oversized cream typography bold Poppins display headline interactive 3D koi fish swimming over text realistic WebGL Three.js animation cursor-following fish click-to-swim interaction fluid organic motion curved fish body animated fins soft dynamic shadows subtle translucent details floating twinkling stars sparkle accents immersive full-screen hero layered composition cinematic depth playful surreal Japanese-inspired aquatic aesthetic minimal cream pill navbar top-right hamburger menu services link rounded navigation bottom-left branding tagline bold condensed Anton wordmark editorial typography

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