/* Keep detail-page imagery compact on phones and small tablets. */
@media (max-width: 959px) {
  .offer-detail img,
  .split__image {
    display: block;
    width: 100%;
    height: clamp(210px, 64vw, 300px);
    max-height: 42svh;
    aspect-ratio: auto;
    object-fit: cover;
  }

  .about-hero__portrait img,
  .about-turning__image img,
  .sarah-photo img {
    width: 100%;
    height: clamp(240px, 78vw, 340px);
    max-height: 45svh;
    aspect-ratio: auto;
    object-fit: cover;
  }

  .about-turning__image {
    min-height: 0;
  }

  #online img {
    object-position: 50% 65%;
  }

  .sarah-photo img {
    object-position: 50% 32%;
  }
}

@media (max-width: 719px) {
  .principle-card {
    grid-template-rows: min(58vw, 260px, 36svh) 1fr;
    min-height: 0;
  }
}