# Animation Protocol

## Motion language

Norden motion should feel engineered, deliberate, premium, and controlled. Avoid decorative movement without narrative meaning.

### Approved families

- Typewriter: short technical phrases only.
- Fade and slide: supporting copy and chapter transitions.
- Kinetic typography: one hero sentence or metric per scene.
- Text reveal/masking: headings and series names.
- Parallax: background texture and product depth with low travel.
- Scroll-triggered reveal: preferred for feature chapters.
- Sticky scrollytelling: factory, export map, and series anatomy.
- Smooth inertia: optional; never hijack native scrolling.

## Composition rules

- Alternate text alignment intentionally: left, right, centered, split layout.
- A scene needs a visual anchor, a single main sentence, one factual explanation, and one controlled interaction.
- Attach callout lines to measured product coordinates.
- Product light sweeps must be clipped to the product alpha/mask or a tightly bounded media frame.
- Hero/type effects can replay after a meaningful revisit; scroll chapters must not flicker around thresholds.

## Performance and accessibility

- Prefer transform and opacity.
- Maximum two simultaneous continuous animations above the fold.
- Pause off-screen loops with IntersectionObserver.
- Provide reduced-motion states: no typewriter loop, parallax, or inertia.
- Never block scrolling or require hover.
- Lazy-load below-fold media and dynamically load heavy scene code.

## Acceptance

- 60 FPS target on a normal desktop.
- Mobile remains useful without hover and without blank half-screens.
- Text remains readable during motion.
- No effect crosses unrelated page regions.