feat: the automation chapter opens with a scroll film

The homepage read as sections to scroll past. The automation chapter now
opens the way the social media films do: one continuous shot on a dark
stage that stays in place while the visitor scrolls. Scrolling moves the
camera (close on a dot hopping between two squares, pull back to a whole
office carrying things from tool to tool, freeze, lines take over) and
changes the statement; a second clock keeps the dots moving when the
visitor stops. The statements are the approved ones from the film.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

CLAUDE.md

@@ -62,6 +62,12 @@ App lives in `apps/web`. Concept and scope: `apps/web/plans/freelance-relaunch.m
   `BinaryTicker`, `ScrollBits`, `BitBurst`, `BitCurtain` (the language switch transition), `BitAura` (a lit
   edge that sheds digits; glow only on dark surfaces, on light ones just a few blue digits), `BitSeam`,
   `BitGlow`. Reuse them instead of inventing new effects.
+- Scroll films live in `apps/web/src/components/film/`: `ScrollFilm` is a dark stage that stays in place
+  while the visitor scrolls; scrolling is the timeline (camera, statements), a second clock keeps things
+  alive when the visitor stops. They are the website form of the films in `apps/video` (same pattern: close
+  on something abstract, pull back, resolve) and use their approved statements. `OrderFilm` opens the
+  automation chapter. Coordinates rendered on the first frame must be rounded (see `motion.ts`), or server
+  and browser disagree in the last digit.
 - `DecodeText` is for monospaced text only; in proportional type the changing glyph widths make text jump.
 - Never put an in-view trigger on an element that clips itself away (clip-path): a fully clipped element
   never counts as visible. Observe an unclipped wrapper (see `BitWipe`).