Fråga efter showreel

En 15 sekunder lång showreel för motion design som bevisar att du är en motion designer i världsklass. Koncept: ditt val (t.ex. "bläck blir typ blir arkitektur"). Bestäm dig för det och namnge det på en rad innan du börjar. Varje tagning är gjord av den föregående: former, typ och färg omvandlas till nästa scen istället för att klippas eller blekna.
Ett typsnitt (Geist, Inter eller ett djärvt visningsyta från Google Fonts), en palett av högst tre färger plus svart och vitt, ett konsekvent kameraspråk.
Visa intervall: kinetisk typ, formmorfning, ett 2D-till-3D-moment, ett data- eller UI-moment och en sluttitel. Ge var och en lika stor tidsfördelning.
Förbjudet: partikelbursts, glöd, linsöverstrålning, kameraskakningar, RGB-split, övertoningar, generiska gradienter, studsande övergångar, varvtider längre än en halv sekund, allt som ser ut som en mall.

120 BPM, något händer i varje taktslag.
Första takten: kroken. Sedan en teknik per takt, varje takt utgår från den sista. Sista hela takten: det starkaste momentet. Sista halva takten: avslutande titel, och den sista ramen matchar den första så att den loopas.

1. En HTML fil på 1920x1080. Varje stil beräknas utifrån tiden inuti window.seek(t): inga CSS animationer, inga timers, inget tillstånd som överförs mellan bildrutor.
2. Använd fjäder- och exponentiell lättnad skrivna som funktioner av tid. Oskärpa följer hastighet och riktning vid snabba rörelser.
3. Skriv ett soundtrack i kod med Web Audio API (OfflineAudioContext): en kick på varje taktslag, en riser in i den sista hela takten, en hit på varje scenbyte. Rendera det till WAV.
4. Rendera med Playwright i 60fps, 3 delbilder per bildruta blandat med ffmpeg tmix för rörelseoskärpa, och muxa sedan ljudet.
5. Innan den fullständiga renderingen, rendera en bildruta per taktslag och titta på dem. Åtgärda allt som är rörigt, utanför taktslaget, överlappar eller är svårt att läsa.

Berätta konceptet och visa en beat-för-beat storyboard, bygg sedan den utan att fråga mig något annat. Ge mig den slutgiltiga 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.