Výzva k zobrazení ukázky

15 sekundová ukázka motion designu, která dokáže, že jste motion designér světové úrovně. Koncept: váš výběr (např. „inkoust se stane písmem, stane se architekturou“). Zavažte se k němu a pojmenujte ho na jeden řádek, než začnete. Každý záběr je tvořen předchozím: tvary, typ a barvy se transformují do další scény, místo aby se stříhaly nebo vybledly.
Jeden typ písma (Geist, Inter nebo tučný font z Google Fonts), paleta maximálně tři barvy plus černá a bílá, jeden konzistentní jazyk pro fotoaparáty.
Zobrazit rozsah: kinetický typ, morfing tvaru, moment z 2D do 3D, datový nebo UI moment a koncový titulek. Každému z nich věnujte stejný časový podíl.
Zakázáno: záblesky částic, záře, odlesky objektivu, chvění kamery, rozdělení RGB, prolnutí, generické přechody, skákací efekt, podržení déle než půl sekundy, cokoli, co vypadá jako šablona.

120 BPM, s každým úderem se něco děje.
První takt: hák. Pak jedna technika na takt, každá vyplývá z posledního. Poslední celý takt: nejsilnější moment. Poslední půl taktu: konec titulku a poslední snímek odpovídá prvnímu, takže se smyčka opakuje.

1. Jeden HTML soubor o 1920x1080. Každý styl se vypočítává z času uvnitř window.seek(t): žádné CSS animace, žádné časovače, žádný přenos stavu mezi snímky.
2. Použijte pružinové a exponenciální uvolňování zapsané jako funkce času. Rozmazání sleduje rychlost a směr rychlých pohybů.
3. Napište zvukovou stopu v kódu s Web Audio API (OfflineAudioContext): kop na každou dobu, náběh na poslední celý takt, odpal na každou změnu scény. Vykreslete jej do WAV.
4. Renderujte v Playwright při 60 fps, 3 dílčí snímky na snímek, smíchejte s ffmpeg tmix pro rozmazání pohybem a poté multiplexujte zvuk.
5. Před úplným renderováním vyrenderujte jeden snímek na takt a prohlédněte si je. Opravte vše, co je nepřehledné, mimo takt, překrývá se nebo je špatně čitelné.

Řekni mi koncept a ukaž scénář po jednotlivých úsecích a pak ho sestav, aniž bys mě na cokoli dalšího ptal. Dej mi finální MP4.

A 15-second motion design showreel that proves you are a world-class motion designer. Concept: your pick (e.g. "ink becomes type becomes architecture"). Commit to it and name it in one line before you start. Every shot is made out of the previous one: shapes, type and color transform into the next scene instead of cutting or fading.
One typeface (Geist, Inter or a bold display face from Google Fonts), a palette of at most three colors plus black and white, one consistent camera language.
Show range: kinetic type, shape morphing, a 2D-to-3D moment, a data or UI moment, and an end title. Give each one an equal share of the time.
Banned: particle bursts, glows, lens flares, camera shake, RGB split, crossfades, generic gradients, bouncy easing, holds longer than half a second, anything that looks like a template.

120 BPM, something happens on every beat.
First bar: hook. Then one technique per bar, each flowing out of the last. Last full bar: the strongest moment. Final half bar: end title, and the final frame matches the first so it loops.

1. One HTML file at 1920x1080. Every style is computed from time inside window.seek(t): no CSS animations, no timers, no state carried between frames.
2. Use spring and exponential easing written as functions of time. Blur follows speed and direction on fast moves.
3. Write a soundtrack in code with the Web Audio API (OfflineAudioContext): a kick on every beat, a riser into the last full bar, a hit on each scene change. Render it to WAV.
4. Render with Playwright at 60fps, 3 subframes per frame blended with ffmpeg tmix for motion blur, then mux the audio.
5. Before the full render, render one frame per beat and look at them. Fix anything cluttered, off the beat, overlapping or hard to read.

Tell me the concept and show a beat-by-beat storyboard, then build it without asking me anything else. Give me the final MP4.