Shadow 3D

Build a high-performance, agency-grade Interactive 3D section called "Shadow 3D" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

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

Visual Aesthetics & Mood:
`northface-explore;outdoor apparel technical sportswear gear jackets hiking mountaineering performance clothing ecommerce brand campaign vivid scarlet orange-red flood background cut-out photograph of a figure in a black hooded shell jacket and ski goggles falling rain streaks giant tight-set lowercase grotesque headline overlapping the subject with letters passing behind interactive slider control panel card with labelled percentage tracks circular outlined stat callout with leader line product inset thumbnail barcode graphic small uppercase copy block pill tab nav bold energetic technical hud sporty high contrast graphic dynamic striking modern`

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