# Motion System

Motion principle: the page should feel like evidence becoming interface.

Primary motions:

- black frame to platform reveal
- train light sweep
- reflection lag
- manga panel selection
- archive wall reveal
- anime-to-terminal product transition
- conviction lock compression
- shared portrait transition for subject pages

Implementation rules:

- transform and opacity only for core motion
- reduced-motion mode keeps content readable
- no flashing
- no autoplay audio
- pause or avoid offscreen video in production
- sticky scenes on desktop
- poster-first fallback on mobile

Scrollable skill adaptation: the production asset path should use pre-rendered clips and scroll-scrub mapping. This prototype uses code-driven scenes and a generated still while preserving the same pacing structure.