/* Keep the featured fleet card horizontal without forcing its image into a portrait crop. */
@media (min-width: 621px) {
  .bw-fleet-card--featured {
    grid-template-columns: 1fr;
    grid-template-rows: clamp(340px, 28vw, 400px) minmax(0, 1fr);
  }

  .bw-fleet-card--featured .bw-fleet-card__media {
    min-height: 0;
  }

  .bw-fleet-card--featured .bw-fleet-card__media img {
    object-position: center 56%;
  }

  .bw-fleet-card--featured .bw-fleet-card__body {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(300px, 1.18fr);
    grid-template-rows: auto auto 1fr;
    column-gap: 32px;
    align-content: start;
  }

  .bw-fleet-card--featured .bw-card-overline {
    grid-column: 1;
    grid-row: 1;
  }

  .bw-fleet-card--featured h3 {
    grid-column: 1;
    grid-row: 2 / 4;
    margin-bottom: 0;
  }

  .bw-fleet-card--featured dl {
    grid-column: 2;
    grid-row: 1 / 3;
    margin: 0 0 21px;
  }

  .bw-fleet-card--featured .bw-fleet-card__body > a {
    grid-column: 2;
    grid-row: 3;
    align-self: end;
  }
}

@media (min-width: 621px) and (max-width: 820px) {
  .bw-fleet-card--featured .bw-fleet-card__body {
    grid-template-columns: minmax(0, .72fr) minmax(280px, 1.28fr);
    column-gap: 24px;
  }
}