landing-hero

# Landing Hero Pipeline Use this skill when the user says things like: - "update the hero image" - "refresh the landing hero" - "the devices look wrong" - "redo the landing art" This skill is the whole workflow. Do not invent a separate process doc or task note. The current shipping hero is a Remotion video assembled from real product captures, with a generated poster for loading and reduced-motion contexts. The tabbed showcase and README use the same captured timeline/search/session assets, so refresh the demo corpus before rendering any derived media. ## Entry Assume the user wants the shipping hero updated unless they explicitly ask for concepts only. Start here: 1. Inspect the current hero in `web/src/components/landing/HeroSection.tsx` and `web/src/styles/landing.css` 2. Inspect the screenshots, poster, and video in `web/public/images/landing/` and `web/public/videos/` 3. Bring up local dev and capture desktop + mobile screenshots 4. Decide whether the problem is: - asset quality - crop/geometry - CSS composition - or some mix of the three ## Exit You are done when all of these are true: - the hero looks intentional on desktop - the hero still reads on mobile - the hero video and poster use current product captures - no stale legacy hero image is still referenced or lingering - the skill/docs do not contradict the implementation - **you actually looked at the live result** — see "Vision Check Before Calling Done" below ## Vision Check Before Calli...