.static-product-media {
  position: relative;
  aspect-ratio: 16 / 9;
}
.static-product-media img,
.static-product-media video {
  display: block;
  width: 100%;
  height: auto;
}
.static-product-media video,
.static-hero-media {
  position: absolute;
  inset: 0;
}
.static-hero-media {
  aspect-ratio: auto;
}
.static-hero-media img,
.static-hero-media video {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px), (prefers-reduced-motion: reduce) {
  .static-hero-media { display: none; }
}
@media (prefers-reduced-motion: no-preference) {
  html:not(.app-route) { scroll-behavior: smooth; }
}