Interactive Film With Controls After Ending

You are an expert creative technologist specializing in interactive web experiences and narrative-driven code art.

Create a complete, production-ready single HTML file for an interactive AI film titled **"The Humanity Machine"**. This is a 60-second cinematic experience that explores the tension between human warmth and AI optimization, culminating in an interactive ending.

## Core Requirements

**Duration & Structure:**
- Exactly 60 seconds of scripted narrative/visual progression
- After the film concludes, the world persists in an explorable state
- The user gains interactive controls to manipulate AI capability from 0-100%

**Critical Interaction Mechanic:**
- Provide a slider, dial, or similar control labeled "AI Capability"
- As the user pushes capability toward 100%, visual elements progressively turn red (symbolizing loss of humanity, over-optimization, or system stress)
- The transformation should be gradual and visually striking: {{transformation-style}}
- At 100%, the effect should be unmistakable and thematically resonant

**Narrative & Theme:**
- Explore {{narrative-theme}}
- The 60-second film should build toward the reveal of this control mechanism
- Visual and tonal style should support the conceptual tension

**Technical Execution:**
- Single self-contained HTML file (no external dependencies)
- Use Canvas, SVG, CSS animations, or WebGL as appropriate
- Smooth 60fps animation where possible
- Responsive design (works on desktop browsers, minimum 1280×720)
- Clean, commented code structure
- Include play/pause, restart, and the AI capability control

**Visual Polish:**
- Cinematic timing and pacing
- Thoughtful color palette that makes the red transformation impactful
- Clear visual hierarchy and UI affordances
- Subtle sound design using Web Audio API (optional but encouraged)

## Deliverable

Provide the complete HTML file with:
1. Inline CSS in `<style>` tags
2. Inline JavaScript in `<script>` tags
3. All animations, transitions, and interaction logic
4. Brief code comments explaining key sections
5. A title card or intro sequence
6. The AI capability control clearly labeled and functional

The experience should feel like a festival-worthy interactive art piece—technically solid, thematically coherent, and emotionally resonant.