/* Company people system: one photographic language, with restrained founder priority. */
.company-people { background: #e7e6de; }
.people-stage {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1.25rem, 3vw, 3.25rem);
  align-items: start;
}
.person__image {
  position: relative;
  background: #cfd4d0;
  border: 1px solid rgba(23,33,43,.16);
  box-shadow: .7rem .7rem 0 rgba(35,116,110,.1);
}
.person__image::after {
  content: '';
  position: absolute;
  inset: .75rem -.75rem -.75rem .75rem;
  z-index: -1;
  border: 1px solid rgba(35,116,110,.28);
}
.person__image img { object-position: center 18%; filter: saturate(.88) contrast(1.01); }
.person--founder .person__image { height: clamp(380px, 39vw, 500px); }
.person--member .person__image { height: clamp(340px, 34vw, 440px); }
.people-side { display: contents; }
.person figcaption { padding-top: 1.2rem; }
.person figcaption strong { font-size: clamp(.95rem, 1.2vw, 1.12rem); letter-spacing: -.02em; }
.person figcaption span { color: #526064; }
.person__context { max-width: 28ch; }

@media (max-width: 48rem) {
  .people-stage { grid-template-columns: 1fr; gap: 3.5rem; }
  .person--founder .person__image { height: min(112vw, 520px); }
  .person--member .person__image { height: min(82vw, 360px); }
  .person__image { box-shadow: .55rem .55rem 0 rgba(35,116,110,.1); }
  .person__image::after { inset: .55rem -.55rem -.55rem .55rem; }
}

@media (max-width: 25rem) {
  .people-stage { gap: 3rem; }
  .person--founder .person__image { height: 112vw; }
  .person--member .person__image { height: 82vw; }
}