Build a 4.5s motion-graphics video: Punchy phrases slam in on the beat with colour-block flips. Built for hooks and taglines.

## Skills
- Use the `remotion-best-practices` skill for all composition code. If this project uses HyperFrames instead of Remotion, use `/hyperframes` with `hyperframes-animation` and keep the same beats.
- Use the `motion-graphics` skill (if installed) for motion direction and polish.
- If there is no Remotion project yet, scaffold one first with the `remotion-create` workflow, then open Studio so I can watch the preview while you build.

## Hooks (set up first)
Merge this into `.claude/settings.json` so every edit is type-checked and every finished turn renders a verification still:
```json
{
  "hooks": {
    "PostToolUse": [
      {
        "matcher": "Edit|Write|MultiEdit",
        "hooks": [
          {
            "type": "command",
            "command": "npx tsc --noEmit -p . 2>&1 | head -30"
          }
        ]
      }
    ],
    "Stop": [
      {
        "hooks": [
          {
            "type": "command",
            "command": "npx remotion still KineticSlam out/KineticSlam-check.png --frame=94 2>&1 | tail -5"
          }
        ]
      }
    ]
  }
}
```

## Composition
- id `KineticSlam`, 1080x1920 (9:16), 30 fps, 135 frames.
- Define a zod schema for the props below and pass them as `defaultProps`, so the copy stays editable in Studio.
- Default props:
```json
{
  "phrases": [
    "Stop",
    "scrolling.",
    "This oat milk",
    "actually",
    "foams."
  ],
  "accentIndex": 4,
  "beatFrames": 18
}
```

## Look
- Colours: background #FFFBE6, surface #FFEC99, text #231F0A, single accent #E8357A. Use only these.
- Typeface: Unbounded (load it with `@remotion/google-fonts`), heavy weights for display text, tight negative tracking.
- Motion vocabulary: kinetic typography, giant bold sans words slamming onto a flat colour field on each beat, scale overshoot 1.7 to 1, side snaps and rise-rotate entrances, background colour flips every beat, one accent word, final word locks with an underline sweep, no camera movement.

## Beats
- 0.0s: "Stop" scale-slam: scale 1.7 to 1 with a bouncy spring and a ±5° rotation settle. Background alternates between background and surface colours each beat with a quick accent flash (18% to 0 over 6 frames). Previous phrase squashes out over the last 3 frames of its beat.
- 0.6s: "scrolling." side-snap: slides in from the left edge on a snappy spring. Background alternates between background and surface colours each beat with a quick accent flash (18% to 0 over 6 frames). Previous phrase squashes out over the last 3 frames of its beat.
- 1.2s: "This oat milk" rise-rotate: rises 260px from below while rotating from -9° to 0°. Background alternates between background and surface colours each beat with a quick accent flash (18% to 0 over 6 frames). Previous phrase squashes out over the last 3 frames of its beat.
- 1.8s: "actually" scale-slam: scale 1.7 to 1 with a bouncy spring and a ±5° rotation settle. Background alternates between background and surface colours each beat with a quick accent flash (18% to 0 over 6 frames). Previous phrase squashes out over the last 3 frames of its beat.
- 2.4s: "foams." side-snap: slides in from the right edge on a snappy spring. Background alternates between background and surface colours each beat with a quick accent flash (18% to 0 over 6 frames). Previous phrase squashes out over the last 3 frames of its beat. This phrase is in the accent colour.
- 3.0s: final phrase locks; an accent underline bar sweeps out from the centre (power4 ease over 18 frames) and holds for 1.5s.

## Rules
- Drive every animation from `useCurrentFrame()` with `interpolate()`/`spring()` and clamped extrapolation. No CSS transitions or Tailwind animation classes.
- Deterministic only: no `Math.random()` or `Date.now()`; use `random(seed)` from remotion.
- Animate transforms and opacity only (`scale`, `translate`, `rotate`); never linear easing for movement.
- Keep key content inside the platform safe area (on 9:16 leave about 220px top and 420px bottom clear). Size display text so the longest word never overflows.
- One accent colour. Strong contrast for all text. No em dashes in on-screen copy.

## Done when
- Studio plays the full 4.5s without errors, and the Stop hook still renders cleanly.
- You have rendered stills at frames 0, 47, 94 and 134 and checked each for overflow, clipped text and contrast.
- Do not render the final MP4 unless I ask.