Brand Showcase

System summary

The system uses clear roles: detailed for hero, core for headers/cards, and micro for favicon and tight UI surfaces.

Ambient energy (WebM loop)

Light background loop — same asset as optional hero snapshot ambient on the homepage (no autoplay here: use controls).

Motion System

• 120ms micro, 220ms base, 420ms expressive, 650ms reveal.
• Easing standard: cubic-bezier(0.22, 1, 0.36, 1).
• Easing technical in/out: cubic-bezier(0.4, 0, 0.2, 1).
• Tier 1 UI standard, Tier 2 hero, Tier 3 campaign only.
• prefers-reduced-motion falls back to opacity-only reveal.