/* Keep the desktop homepage hero comfortably within the viewport without making it feel cramped. */

@media (min-width: 1081px) {
  .page-home .hero {
    height: clamp(435px, 53vh, 485px);
    min-height: 435px;
    max-height: 485px;
    align-items: stretch;
  }

  .page-home .hero-copy,
  .page-home .hero-media {
    height: 100%;
    min-height: 0;
    max-height: 485px;
    overflow: hidden;
  }

  .page-home .hero-media img {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: 485px;
    object-fit: cover;
    object-position: 50% 30%;
    transform: none;
  }
}