/* Portrait restraint pass: credibility without allowing a headshot to dominate the page. */

body.page-home .founder {
  grid-template-columns: 14rem minmax(0, 1fr) !important;
  gap: clamp(2rem, 4vw, 3.75rem) !important;
}

body.page-home .founder-photo {
  width: 14rem !important;
  max-width: 14rem !important;
  justify-self: start;
  border-radius: 1.25rem !important;
}

body.page-about .about-portrait-card {
  grid-template-columns: 8.5rem minmax(0, 1fr) !important;
  min-height: 17rem !important;
}

body.page-about .about-portrait-card img {
  min-height: 17rem !important;
}

body.media-page .media-hero-grid {
  grid-template-columns: minmax(0, 1fr) 15rem !important;
  gap: clamp(2.5rem, 5vw, 5rem) !important;
}

body.media-page .media-hero-grid > div:last-child {
  width: 100%;
  max-width: 15rem;
  justify-self: end;
  text-align: center;
}

body.media-page .media-photo {
  display: block;
  width: 100% !important;
  max-width: 15rem !important;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 18%;
  border-radius: 1.25rem !important;
}

body.media-page .media-hero-grid .small {
  margin: .8rem 0 0 !important;
  font-size: .78rem !important;
}

body.page-clarity-os .clarity-author-grid {
  grid-template-columns: 12.5rem minmax(0, 1fr) !important;
  gap: clamp(2.25rem, 4vw, 3.5rem) !important;
}

body.page-clarity-os .clarity-author-photo {
  width: 12.5rem !important;
  height: 15.625rem !important;
  min-height: 0 !important;
  justify-self: start;
  border-radius: 1.25rem !important;
}

body.page-clarity-os .clarity-author-photo img {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center 18% !important;
  border-radius: inherit !important;
}

body.page-speaking-inquiry .speaking-visual-card {
  grid-template-columns: 10.5rem 9.5rem !important;
  justify-content: center !important;
}

body.page-speaking-inquiry .speaking-photo-wrap {
  width: 10.5rem !important;
  height: 13.125rem !important;
  justify-self: center !important;
}

@media (max-width: 980px) {
  body.page-home .founder {
    grid-template-columns: 11rem minmax(0, 1fr) !important;
    align-items: start !important;
  }

  body.page-home .founder-photo {
    width: 11rem !important;
    max-width: 11rem !important;
  }

  body.media-page .media-hero-grid {
    grid-template-columns: minmax(0, 1fr) 12rem !important;
  }

  body.media-page .media-hero-grid > div:last-child,
  body.media-page .media-photo {
    max-width: 12rem !important;
  }
}

@media (max-width: 760px) {
  body.page-home .founder,
  body.media-page .media-hero-grid,
  body.page-clarity-os .clarity-author-grid {
    grid-template-columns: 1fr !important;
  }

  body.page-home .founder-photo {
    width: 8.5rem !important;
    max-width: 8.5rem !important;
  }

  body.page-about .about-portrait-card {
    grid-template-columns: 6.75rem minmax(0, 1fr) !important;
    min-height: 13.5rem !important;
  }

  body.page-about .about-portrait-card img {
    min-height: 13.5rem !important;
  }

  body.page-about .portrait-copy {
    padding: 1.15rem !important;
  }

  body.page-about .portrait-credentials li {
    font-size: .8rem !important;
  }

  body.media-page .media-hero-grid > div:last-child {
    max-width: 9rem;
    justify-self: start;
    text-align: left;
  }

  body.media-page .media-photo {
    max-width: 9rem !important;
    border-radius: 1rem !important;
  }

  body.page-clarity-os .clarity-author-photo {
    width: 9rem !important;
    height: 11.25rem !important;
  }

  body.page-speaking-inquiry .speaking-visual-card {
    grid-template-columns: 1fr !important;
  }

  body.page-speaking-inquiry .speaking-photo-wrap {
    width: 9rem !important;
    height: 11.25rem !important;
  }
}