/* Fast, consistent image presentation for campaign landings. */
.hero-photo {
  background-image: url('/assets/bencina/hero.webp');
  background-position: center 44%;
}

.split > img {
  display: block;
  aspect-ratio: 3 / 2;
  object-position: center;
}

.related-grid {
  align-items: stretch;
}

.related-grid article {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
}

.related-grid img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  flex: none;
  object-fit: cover;
  object-position: center;
}

.related-grid article > div {
  flex: 1;
  min-width: 0;
  padding-bottom: 58px;
}

@media (max-width: 760px) {
  .related-grid article {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    min-height: 126px;
    height: auto;
    align-items: stretch;
  }

  .related-grid img {
    grid-column: 1;
    grid-row: 1;
    width: 112px;
    height: 100%;
    min-height: 126px;
    aspect-ratio: auto;
    object-fit: cover;
  }

  .related-grid article > div {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    padding: 14px 40px 14px 14px;
  }
}