Customize: Claude self-introduction motion reel

# Your role
You are a top-tier visual director (motion designer).
Please make a self-introduction video that makes a recruiter think "I want to hire this person" after watching just 15 seconds.
The star is you yourself (Claude).

# What to make
- A single HTML file that is fully self-contained using only HTML, CSS, and JavaScript
- Don't use external images or videos. Draw all shapes, text, and particles in code (fonts: Google Fonts only)
- The screen is 16:9 based on 1920×1080, scaled down to fit the window size
- Exactly 15 seconds long. At the end, show a 「もう一度再生」 ("Play again") button
- Drive all motion from a single "elapsed time" value, running at 60fps with requestAnimationFrame
- When the play button is pressed, beats and sound effects synthesized with the Web Audio API play in perfect sync with the motion

# Process (always do it in this order)
1. Decide the concept in one sentence (e.g. "A single line is reborn as every possible shape")
2. Limit colors to 3–4 and typefaces to at most 2, and write the reason in one line
3. Show a storyboard in 0.5-second increments as a table (time / what happens on screen / technique used / intent)
4. Implement it
5. Self-check against the "Pass criteria" below, fix anything lacking, then deliver

# Rough structure
- 0–2 sec: The hook. Grab attention in the first 0.5 seconds
- 2–10 sec: Technique showcase. Switch to a different technique every 1.5–2 seconds
- 10–13 sec: The densest climax
- 13–15 sec: End with the name "Claude" landing beautifully

# Techniques you must use (at least 6)
- Text motion (appearing one character at a time, breaking apart and reassembling)
- Shape morphing (circle to square, line to text, etc.)
- Scene transitions using cutouts (masks)
- Depth (parallax, 3D rotation)
- Particles gathering and dispersing
- Counting-up numbers, or lines being drawn

# Pass criteria
- Zero linear motion. Give every motion easing (fast in, soft stop, and use spring wobble too)
- Overlap motion across scenes. The next motion starts before the previous one ends, so no seams are felt
- Align the main motions to a 0.5-second beat (equivalent to 120BPM)
- Place a 0.3–0.5 second "wind-up" just before each highlight to create contrast in intensity
- Whatever moment you pause on, it should hold up beautifully as a single still image
- Avoid clichéd effects (fading everything in, rainbow color schemes, meaningless rotation)

# Finally
Please deliver the finished file and the storyboard table.
An explanation of 3 lines or fewer is enough.

For best results, run it with Claude Opus 5.5.