# Script Scroll Animation

## Essence

Generic motion visual for a scrolling script, scenario, or structured text surface.

`Script Scroll Animation` is a child component of `Use Case Item`. It describes a visual pattern, not a specific use-case.

When a pre-rendered loop is available, `Script Scroll Video Animation` wraps this runtime source and renders WebM/MP4 instead.

## Use When

- A use-case needs to suggest drafts, scenarios, scripts, structured documents, or readable production artifacts.
- The visual should feel like a document in motion without becoming the main reading surface.

## Internal Rules

- Keep the component name generic.
- Use only as a visual child for `Use Case Item` / `Use Case Card` gallery presentation.
- Stay parent-container agnostic: do not assume a fixed aspect ratio from `Use Case Item`.
- Scale document typography from the animation container rather than the browser viewport.
- Respect reduced-motion preferences.
- Do not put real article or page copy inside this component.
- Do not delete this runtime source when adding video loops; video wrappers should keep it as the source/fallback child.

## Code Paths

- `packages/design-system/src/components/ScriptScrollAnimation.astro`
- `packages/design-system/src/components/ScriptScrollVideoAnimation.astro`
- `packages/design-system/src/components/UseCaseCard.astro`
- `apps/portfolio-site/src/pages/design-system/index.astro`