/* Tesla Tint LA homepage vivid hero — Zack approved 2026-09-06.
   Desktop is natural 16:9. Mobile 9:16 shows at its natural height so
   the full fleet + any baked-in title stay in frame. */
.hero-banner-photo picture {
  display: block;
  width: 100%;
  line-height: 0;
}

@media (max-width: 767px) {
  body.page-home .hero-banner-photo {
    height: auto;
    max-height: none;
    overflow: visible;
  }

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