Agehana

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

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

Visual Aesthetics & Mood:
agehana-jade-feather-hero;fantasy action adventure video game cinematic game landing page Japanese-inspired fantasy warrior mystical temple guardian ancient mythology character-driven storytelling immersive gaming experience premium game website dusty rose background muted terracotta pink warm coral gradient soft radial lighting subtle analog film grain textured atmosphere elegant fantasy editorial art direction realistic 3D female warrior bust detailed character model heroic protagonist jade feather theme supernatural guardian interactive Three.js WebGL character rendering cursor-following head movement realistic neck rotation smooth facial tracking subtle body lean gentle breathing animation idle look-around immersive character interaction cinematic directional lighting warm peach highlights soft rim light physically based materials atmospheric depth large elegant Instrument Serif headline The

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