# Modular Geometry Video Animation

## Essence

Pre-renderable video shell for the modular geometry animation.

`Modular Geometry Video Animation` lets the Portfolio use a WebM/MP4 loop for production performance while keeping `Modular Geometry Animation` as the runtime source and fallback child.

## Use When

- A modular/component-system visual is decorative and should cost less browser runtime work.
- A pre-rendered WebM or MP4 loop exists for `Modular Geometry Animation`.
- `Use Case Card` needs the modular-geometry visual but should be able to switch from runtime motion to video without parent overrides.

## Internal Rules

- Keep this component generic; it is not named after a specific use-case.
- Accept `webmSrc`, `mp4Src`, and `posterSrc` props.
- Prefer WebM first and MP4 second when both are available.
- Render the original `Modular Geometry Animation` child when no video source is supplied.
- Do not render both video and runtime animation at the same time when a video source exists.
- Preserve cover behavior with `object-fit: cover`.
- Keep `Modular Geometry Animation` as the source-of-truth visual that can be pre-rendered into video assets.

## Code Paths

- `packages/design-system/src/components/ModularGeometryVideoAnimation.astro`
- `packages/design-system/src/components/animations/ModularGeometryVideoAnimation.astro`
- `packages/design-system/src/components/ModularGeometryAnimation.astro`
- `packages/design-system/src/components/UseCaseCard.astro`
- `apps/portfolio-site/src/pages/design-system/index.astro`