Particle Field

Build a high-performance, agency-grade WebGL Portfolio section called "Particle Field" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

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

Visual Aesthetics & Mood:
particle-field-hero;threejs particle system generative webgl interactive experience dark futuristic creative coding procedural graphics cpu solver point cloud hannya mask 3d particle sculpture mint green particles near-black background immersive scroll storytelling particle animation cursor interaction circular displacement field procedural sprite additive blending starfield ambient depth glowing bokeh points no post-processing shader material realtime motion smooth lenis scrolling scroll-driven camera dolly log-space zoom dissolving particle cloud evaporating particles responsive 3d scene floating mask silhouette experimental interface technical showcase creative developer portfolio system sans-serif typography oversized thin headline monospace stats panel lil-gui controls top-right minimal copy alternating text panels left-right editorial layout generous negative space muted gray-green text neon mint accent cinematic atmospheric high-tech generative art computational design interactive laboratory particle physics visualizer abstract digital sculpture immersive modern minimal polished experimental futuristic sophisticated developer-focused web experience

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