Recipe animation — HyperFrames prompt (vertical, timed method steps)

<direction> A 9-second vertical recipe animation, HyperFrames 1080x1920 at 30fps. House style: near-black #0a0a0a background, panels #141414, borders #2a2a2a, text #ffffff/#c9c9c9, ONE accent #ff5c1a, Arial/Helvetica bold, no webfonts. A recipe the way feeds actually consume it: ingredients as a checklist card, the method as timed steps that light up on a clock, no food photography (the pot is drawn shapes with steam lines). No gradients, no stock photos, no real brand logos, no lorem ipsum, no purple/blue tech gradient. </direction> <structure> 0.0-3.7s — Kicker "RECIPE ANIMATION — 5-MINUTE TOMATO PASTA". The dish name lands huge; under it a drawn pot (lid bar + rounded body) with three accent steam paths fading in. The "YOU NEED" card rises: four ingredient lines with quantities. 3.7-7.5s — Title, pot and ingredients clear. "THE METHOD — FOLLOW THE CLOCK": four step rows stack in, each with a timing chip that turns accent as the step activates: 0:00 BOIL / 2:00 SAUCE / 4:00 MIX / 5:00 SERVE — one short instruction each. 7.5-9.0s — Steps clear; the closing lands: "DINNER, DONE." + "Five minutes, start to plate." Footer: "A RECIPE FORMAT DEMO — COOKING TIMES VARY BY STOVE". </structure> <build> One paused GSAP timeline. Steam = three SVG paths whose opacity tweens in stagger (keep them static shapes — flowing dash animations fight the seek capture). Step activation = class toggles at timeline positions, chips styled by the .on class. </build> <gotchas> - Timing chips must add up to a plausible recipe: the last chip is the total, and the footer admits stoves vary. - Vertical layout: ingredients card + pot must clear before the method starts, or the frame crowds — this format is two scenes, not one tall page. - Quantities in the ingredients card use words a home cook has ("a big handful") next to one precise measure — both registers teach. </gotchas> Before you finish: step through the timeline at five points and fix anything that overlaps, clips the frame, or drifts off the beat grid.