render-mosaic-grid-reveal

# render-mosaic-grid-reveal Render the `mosaic-grid-reveal` format from a config. The signature of this format is a **full-bleed N×N mosaic** (default 3×3) of the brand's real product stills that **pops in one tile at a time** (scatter order, ease-out-back "pop"), building the whole grid; the grid then **clears** (scale-up + fade) and a clean end card **builds line-by-line** — the brand's real wordmark, then a small sub-label, then the tagline, then a CTA. Silent by design (a light music bed is muxed separately via `create-music-elevenlabs`). The hook is RANGE — nine maximally-distinct variants show how much choice the brand offers. Everything is a real-DOM HTML scene **frame-stepped** to PNG via Playwright and encoded with FFmpeg, so the wordmark, tile captions, and CTA stay **pixel-crisp** (a video model would smear them). No generative video, no i2v, no AI-rendered text. This capability is **FREE and deterministic** — the only paid step of the format (the music bed) is a separate media cap. ## Inputs (`config.json`) - `width`, `height`, `fps` — canvas + frame rate (default 1080×1920, 30). - `wordmark` — brand logo SVG (full `<svg>` or bare `<path>` markup) or PNG path. Real DOM, recolored via `palette.ink`. Never AI-render it. `wordmark_viewbox`, `wordmark_width` tune it. - `palette` — `bg` (warm off-white), `accent` + `accent_deep` (brand color), `ink`, `cap`. - `grid` — `cols`/`rows` (default 3×3), `inset` (outer margin), `gap`. - `tiles` — one per cell (length mus...