/* Keep the home-page opening composition within a desktop screen.
   The source photo's portrait proportions must not size the grid row. */
@media (min-width: 981px) {
  .hero-grid {
    height: clamp(700px, calc(100svh - 78px), 820px);
    min-height: 0;
    overflow: hidden;
  }
  .hero-copy {
    min-height: 0;
    padding-top: 56px;
    padding-bottom: 56px;
  }
  .hero-image {
    min-height: 0;
    height: 100%;
    overflow: hidden;
  }
  .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 52%;
  }
}

@media (max-width: 980px) {
  .hero-grid { height: auto; min-height: 0; }
  .hero-copy { min-height: 0; padding-top: 64px; padding-bottom: 64px; }
  .hero-image { height: min(70vw, 460px); min-height: 0; overflow: hidden; }
  .hero-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
}

@media (max-width: 640px) {
  .hero-copy { padding: 52px 22px 58px; }
  .hero-image { height: min(82vw, 390px); }
}