render-search-grid

# render-search-grid Render the 'search-grid' format from a config. It is a **deterministic** assembler — no generative image/video, no AI-rendered text. Everything on screen is the brand's REAL product/lifestyle photography + logo, so the typed hook, feature captions, wordmark, and photos stay pixel-crisp. The **only** paid input is an optional music bed, produced upstream by `create-music-elevenlabs` and passed to `render.py --music`. ## The format (four beats, one continuous ~18s motion piece, 1080×1920) 1. **Search** (0–5s) — a 3-column masonry grid of the brand's catalog behind a Pinterest search bar; a believable phrase types in letter-by-letter. Side columns drift DOWN, the middle column drifts UP (counter-parallax). 2. **Cards** (5–7s) — 3 room/product cards slide in from the RIGHT and stack over a warm blurred backdrop. 3. **Features** (7–14.5s) — the TOP card **physically expands** (its box grows from the stacked rect to full-screen, animating width/height — NOT `transform:scale`, which would stretch the image), then **swipe-left → swipe-left** through the SAME 3 rooms, each now full-bleed with a caption. The 3 cards ARE the 3 features. 4. **End card** (14.5–18s) — hero + wordmark + tagline + CTA on a warm background. ## Scripts (all free / deterministic) - `scripts/build_html.py --config config.json --out index.html` — config → a single self-contained HTML page exposing `window.seek(tMs)` (images base64-embedded). - `scripts/capture.js --ht...