/* Homepage vivid heroes — Zack home art 2026-09-16.
   Desktop 16:9 (2560×1440). Mobile 9:16 (1080×1920) shows at natural height
   so baked-in AUDIO MOTORSPORTS / CAR BEATS titles stay readable.
   HTML .hero-banner-copy is visually hidden — type is in the JPEG. */
.hero-banner-photo picture {
  display: block;
  width: 100%;
  line-height: 0;
}

body.page-home .hero-banner:not(.hero-banner--fold) .hero-banner-photo img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  max-height: none;
  object-fit: cover;
  object-position: center;
  background: transparent;
}

/* Art carries brand type — keep H1 for a11y/SEO, no visible double text. */
body.page-home .hero-banner > .container:has(.hero-banner-copy) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 767px) {
  body.page-home .hero-banner:not(.hero-banner--fold) .hero-banner-photo {
    aspect-ratio: auto;
    height: auto;
    max-height: none;
    overflow: visible;
    background: #0A0A0A;
  }

  body.page-home .hero-banner:not(.hero-banner--fold) .hero-banner-photo picture,
  body.page-home .hero-banner:not(.hero-banner--fold) .hero-banner-photo img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
  }
}