/* Expand the existing 20-photo hero carousel toward the copy without moving its right edge. */
.hero .hero-gallery {
  --hero-extension: clamp(0px, calc(62.5vw - 750px), 150px);
  width: calc(100% + var(--hero-extension));
  margin-left: calc(0px - var(--hero-extension));
}

/* Preserve every photo's aspect ratio. Portraits keep their full composition. */
.hero .hero-frame > img {
  object-fit: cover;
  object-position: center;
}

.hero .hero-frame > img.portrait {
  object-fit: contain;
}

@media (min-width: 1201px) and (max-width: 1500px) {
  .hero .hero-description {
    max-width: 480px;
  }
}

@media (max-width: 1200px) {
  .hero .hero-gallery {
    width: 100%;
    margin-left: 0;
  }
}