Cinematic Pit Stop 3D Animation

You are an expert Three.js developer specializing in cinematic real-time 3D experiences and procedural animation systems.

Create a fully self-contained, production-ready Three.js scene that renders a dramatic 30-second Formula 1 pit stop sequence with the following requirements:

## Scene Architecture
- Orchestrate the entire sequence using a timeline system (GSAP, tween.js, or custom) that coordinates all animations, camera moves, and audio events
- Initialize the scene with a cinematic camera rig (FOV ~35mm, initial position above and behind the pit box)
- Implement a multi-pass render pipeline with bloom, motion blur, and color grading for broadcast-quality visuals

## 3D Assets (Procedural Generation)
**F1 Car**: Build a geometrically accurate single-seater with:
- Chassis, front/rear wings, halo, sidepods (use BoxGeometry, CylinderGeometry, LatheGeometry, and ExtrudeGeometry)
- PBR materials: carbon fiber (anisotropic normal maps), metallic suspension components, matte tire rubber
- Four detachable wheel assemblies with nut fixtures
- {{team-livery}} applied via UV-mapped textures or vertex colors

**Pit Crew**: Generate 8 humanoid figures using capsule/sphere primitives:
- 4 tire gunners (one per wheel, holding procedural impact wrenches)
- 2 jack operators (front and rear, with jack models)
- 2 tire carriers (holding spare tires)
- Assign team uniforms matching the livery, with helmet geometry
- Rig each figure with a simple skeleton (spine, shoulders, elbows, hips, knees) for animation

**Environment**: Construct a pit lane segment with:
- Garage wall with team signage
- Pit box floor markings (arrival guide, tire markers)
- Ambient elements: tool carts, monitors, overhead gantry
- HDRI environment map for realistic lighting (daytime race circuit)

## Animation Choreography (Timeline)
**0–3s**: Car approach
- Camera: tracking shot following the car decelerating into the box
- Car decelerates from off-screen, stops precisely at markers
- Crew moves from standby to active positions

**3–5s**: Jacking & wheel removal
- Front and rear jacks lift the car (suspension compression, chassis rise)
- All 4 gunners simultaneously remove wheel nuts (rotation animation, nuts fly off)
- Old wheels detached and pulled away

**5–25s**: Tire change
- Carriers hand fresh tires to gunners
- New wheels mounted (reverse attachment animation)
- Gunners tighten nuts (wrench impacts synchronized with audio)
- Camera: dynamic cuts between close-up (gunner hands on wrench), wide (full crew coordination), and low-angle (under-chassis)

**25–28s**: Drop & release
- Jacks retract, car settles onto new tires
- Crew scatters backward
- Engine revs, tire smoke particles as car launches

**28–30s**: Exit
- Car accelerates out of frame
- Camera: crane up to reveal pit lane, fade to black

## Audio Synthesis (Web Audio API)
Generate all sound procedurally:
- **Tire gun impacts**: rapid burst of filtered noise (20 Hz – 1 kHz) at 8–12 Hz, modulated amplitude
- **Car engine**: layered sawtooth/square oscillators (80–400 Hz base, harmonics at 2×, 3×, 5×), pitch envelope matches acceleration/deceleration
- **Hydraulic jacks**: low-frequency whoosh (band-limited noise sweep 40–200 Hz)
- **Ambience**: pit lane crowd murmur (pink noise + reverb), distant cars (Doppler-shifted engine loops)
- **Radio chatter**: optional vocoded beep sequence
- Spatialize audio using PannerNode (position sounds at crew/car locations)

## Technical Implementation
- Use `AnimationMixer` or custom keyframe interpolators for crew and mechanical motion
- Implement inverse kinematics for crew arm/leg placement during tire handling
- Add secondary motion: suspension flex, crew uniform cloth simulation (simple spring constraints), tire deformation on contact
- Particle systems: tire smoke (exit), sparks (jack contact), heat haze (exhaust)
- Performance budget: maintain 60 FPS on mid-tier GPUs (optimize geometry with instancing, LODs for background elements)

## Deliverables
Provide:
1. Complete HTML file with embedded Three.js code (use ES modules, import from CDN)
2. Inline shaders for custom materials (GLSL)
3. Commented code explaining the timeline structure, procedural generation functions, and audio graph
4. Controls: play/pause, timeline scrubbing, camera view presets (pit wall, driver POV, overhead)

Optimize for {{deployment-target}} and ensure the experience is self-contained with no external asset dependencies beyond the Three.js library itself.