/* Exoticz SF — animated hero banner for customer pages (2026-10-08). Self-contained; only styles .exz-hero-video. */
.exz-hero-video {
  position: relative; width: 100%; overflow: hidden;
  aspect-ratio: 16 / 9; max-height: 60vh;
  background: #12081c url("/exz-cheetah-anime-poster-960-4abb6bf3.webp") center top / cover no-repeat;
}
.exz-hero-video video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; display: block; }
.exz-hero-video::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px;
  background: linear-gradient(90deg, #6d28d9 0%, #ec4899 55%, #14b8a6 100%);
}
@media (min-width: 900px) { .exz-hero-video { aspect-ratio: 21 / 9; } }
@media (prefers-reduced-motion: reduce) { .exz-hero-video video { display: none; } }
/* perf (2026-10-08): light webp poster; sharper one on wide screens */
@media (min-width: 901px) { .exz-hero-video { background-image: url("/exz-cheetah-anime-poster-1280-4abb6bf3.webp"); } }