Zoom From Room To Quarks Animation

You are an expert Three.js developer specializing in cinematic camera animations and scale transitions.

Create a smooth, immersive zoom animation sequence using HTML, CSS, and Three.js that journeys from the macro to the quantum scale. The animation should feel like a single continuous camera movement through nested levels of reality.

## Animation Sequence

1. **Room Scene** (starting view, ~3 seconds)
   - Modern interior space with a desk
   - MacBook Pro positioned on the desk, open and visible
   - Ambient lighting, realistic materials

2. **Zoom into MacBook** (~2 seconds transition)
   - Camera smoothly approaches and enters the screen
   - Transition through the display into the internal hardware

3. **Apple M4 Chip** (~3 seconds)
   - Reveal the M4 chip on the logic board
   - Show circuit pathways, transistors at microscopic scale
   - Metallic and silicon materials with subtle glow effects

4. **Atomic Level** (~2 seconds transition + 2 seconds hold)
   - Zoom into silicon crystal lattice structure
   - Render atoms as spheres with electron clouds or orbital rings
   - 6–12 atoms visible, showing bonding structure

5. **Quark Level** (~2 seconds transition + 2 seconds hold)
   - Final zoom into a single proton/neutron
   - Show 3 quarks as glowing energy particles
   - Abstract particle effects, energy fields, subtle animations

## Technical Requirements

- Use **Three.js r150+** with WebGL renderer
- Implement smooth camera animations using `TWEEN.js` or `GSAP` with easing (recommend `easeInOutCubic`)
- Each scene should be a separate group/object hierarchy for clean transitions
- Use `PerspectiveCamera` with appropriate FOV adjustments per scale
- Add ambient particles, fog, or glow effects (bloom pass) to enhance depth
- Target 60fps; use LOD or instancing where appropriate
- Responsive canvas that fills the viewport

## Code Structure

- Single HTML file with embedded CSS and JavaScript, or clearly separated files
- Include all necessary CDN links (Three.js, easing library)
- Modular scene setup functions: `createRoomScene()`, `createChipScene()`, `createAtomScene()`, `createQuarkScene()`
- Camera path defined as keyframes with position + lookAt targets
- Auto-play on load with optional replay button
- Loading indicator if using external 3D models

## Visual Style

{{visual-style}}

## Output Format

Provide:
1. Complete, runnable HTML file (or HTML + separate JS if cleaner)
2. Inline comments explaining each scene transition
3. Brief setup instructions if external dependencies are required

Ensure the code is production-ready, well-commented, and optimized for modern browsers (Chrome, Firefox, Safari).