# Shared 4:5 animation brief

Create a finished, self-contained HTML/CSS/JavaScript motion graphics animation for a 4:5 frame (1080 × 1350 design canvas). Use the attached ElevenLabs voiceover MP3, generated with Samson PRO, as the only narration. The animation should explain how one idea can become a video with Opus 5.5. Build the animation in code, not as a static mockup or a video generation prompt. Include a Play / Pause / Restart control and keep motion tied to the audio timeline. Deliver the complete HTML, CSS, and JavaScript source, plus a browser preview. Do not use external libraries, remote fonts, stock images, fake product screenshots, or additional speech.

Use this exact narration and do not rewrite it:
“A video starts with one idea. Opus five point five turns it into a script, moving graphics, and an editable timeline. Change the words. Change the motion. Render again.”

Duration: use the attached audio's exact length (about 10.5 seconds). Format: 4:5, with content inside generous safe margins. Make it feel like a polished creator-tech explainer: near-black background, warm gold accents, ivory text, confident bold typography, crisp editorial spacing, and restrained graphic shapes. The motion should be trendy through timing and composition, not neon, glitch, particles, or generic stock effects.

Storyboard tied to the narration:
- “A video starts with one idea.” A single gold point or line becomes the words ONE IDEA.
- “Opus five point five turns it into a script…” A few clean script lines assemble from that point.
- “…moving graphics…” Those lines morph into a kinetic graphic layout.
- “…and an editable timeline.” The layout becomes a clear timeline with tracks and playhead; treat it as an abstract metaphor rather than a fake Opus interface.
- “Change the words. Change the motion. Render again.” Revise one headline in place, change one motion path, then resolve to a final polished frame reading IDEA → VIDEO, with OPUS 5.5 as a small label.

Make each beat readable at phone size. Use natural easing, purposeful transitions, and no dense paragraphs. Begin playback only after a user gesture so the supplied audio works in browsers. The same MP3 must be usable for both comparison versions. Keep audio and animation deterministic so a paused or scrubbed audio position displays the matching frame. Include a concise note of any implementation or timing decisions.