/* Homepage hero photo sizing override. */
.hero-photo[data-site-hero] {
  width: min(100%, 980px);
  margin-inline: auto;
  aspect-ratio: 16 / 9;
  min-height: 0;
  max-height: min(68vh, 620px);
}

.hero-photo[data-site-hero] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (max-width: 680px) {
  .hero-photo[data-site-hero] {
    aspect-ratio: 4 / 5;
    max-height: none;
  }
}