/* Tesla city doorway banners — owner white artwork.
   Linked from tesla-tint-{city}/ pages only. Homepage lineup is untouched.
   Show the file at its natural height — do not force a short landscape crop. */
.hero-banner--city {
  background: #ffffff;
}

.hero-banner--city .hero-banner-photo {
  background: #ffffff;
}

/* City banners: mobile art is owner-supplied 1080×1920 with the city title
   across the frame. Show that file at its natural 9:16 height. Desktop stays
   the landscape file. PNG-only cities fall back to the same landscape file. */
@media (max-width: 767px) {
  .hero-banner--city {
    overflow: visible;
    background: #ffffff;
  }
  .hero-banner--city .hero-banner-photo {
    position: static;
    width: 100%;
    height: auto;
    max-height: none;
    overflow: visible;
    line-height: 0;
    background: #ffffff;
  }
  .hero-banner--city .hero-banner-photo picture,
  .hero-banner--city .hero-banner-photo img {
    position: static;
    inset: auto;
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center;
    background: #ffffff;
  }
}