/* Full-bleed lineup band between "Choose your Z." and "Book your Experience."
   Edge to edge: no container, no gutters, no border, no radius. The image keeps
   its own aspect ratio so the lineup is never cropped. */

.lineup-bridge {
  display: block;
  /* Keeps the gap between the cards and the band that the section's own bottom
     padding used to provide. */
  margin-top: clamp(4rem, 9vh, 7rem);
  background-color: var(--zh-black);
}

/* The band closes the section, so the section's bottom padding would only add a
   black gap underneath it. */
.cars:has(> .lineup-bridge) {
  padding-bottom: 0;
}

.lineup-bridge__media {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

/* The band is a 5.3:1 panorama — at phone widths its natural ratio collapses to a
   ~70px hairline. A modest centre crop gives it presence again. */
@media (max-width: 59.9375rem) {
  .lineup-bridge__media {
    aspect-ratio: 2.8 / 1;
    height: auto;
    object-fit: cover;
    object-position: 50% 50%;
  }
}