.people article {
  position: relative;
  overflow: hidden;
  padding: 0 0 1.35rem;
}

.people .portrait {
  width: 100%;
  height: 245px;
  object-fit: cover;
  object-position: center 24%;
  background: #edf0ec;
  filter: saturate(.86);
}

.people article:nth-child(3) .portrait {
  object-fit: cover;
  object-position: center 32%;
  background: #d6d7d5;
}

.people article:nth-child(1) .portrait {
  object-position: center;
}

.people h3,
.people article > p,
.people .contact-links {
  margin-left: 1.35rem;
  margin-right: 1.35rem;
}

.people h3 {
  margin-top: 1.25rem;
}

.contact-links {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .9rem;
  margin-top: .8rem;
  font-size: .82rem;
  line-height: 1.45;
}

.contact-links a {
  color: #087f87;
  overflow-wrap: anywhere;
  text-underline-offset: .18em;
}

.image-credits {
  margin: 1rem 0 0;
  color: #778182;
  font-size: .72rem;
  line-height: 1.45;
}

.image-credits a {
  color: inherit;
  text-decoration-color: #bdc5c3;
}

@media (max-width: 800px) {
  .people .portrait {
    height: min(78vw, 360px);
  }
}