/* Three personal contacts in the selected setup section. */
.service-intro--team { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 48px; }
.people.people--three { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; width: 100%; max-width: 660px; }
.people--three figure { min-width: 0; }
.people--three figure img { display: block; aspect-ratio: 4 / 5; }
.people--three figure:nth-child(3) img { object-position: 50% 35%; }
.people--three figcaption { line-height: 1.45; font-size: 14px; }
.people--three .team-location { color: var(--ink); font-weight: 550; }

/* A compact introduction at the end of the page. */
.team-story {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.65fr);
  gap: 48px;
  padding-block: 56px;
}
.team-story h2 {
  margin: 0;
  color: var(--ink);
  font-size: 23px;
  line-height: 1.4;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.team-story-copy p { margin: 0; font-size: 16px; line-height: 1.75; }
.team-story-copy p + p { margin-top: 14px; }
.inquiry-person .inquiry-location { display: block; margin-block: 4px; color: var(--ink); }
@media (max-width: 900px) {
  .service-intro--team { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .team-story { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .team-story-copy { max-width: 680px; }
}
@media (max-width: 680px) {
  .people.people--three { gap: 10px; }
  .people--three figcaption { font-size: 13px; }
  .team-story { padding-block: 36px; }
  .team-story h2 { font-size: 21px; }
}