/* ---------- People cards ---------- */
.people-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1.6rem 1rem;
  margin:1.5rem 0 2rem;
  padding:0;
  list-style:none;
}
.people-list > li{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:.75rem;padding:.5rem;min-width:0;text-align:center;
  flex:0 1 calc((100% - 3rem) / 4);
  background:transparent;border:0;
}
.people-list > li > p{margin:0}
.people-list > li > p:last-child{display:flex;flex-direction:column;align-items:center;min-width:0;color:var(--muted);font-size:.85rem;line-height:1.35}
.people-list img{
  width:112px;height:112px;object-fit:cover;border-radius:50%;
  border:1px solid var(--line);
}
.people-list .person-name{display:inline-block;color:var(--ink);font-size:1.05rem;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
a.person-name{color:var(--logo-navy);text-decoration:underline;text-decoration-color:var(--logo-gray);text-underline-offset:.18em}
a.person-name:hover{text-decoration-color:var(--logo-navy)}
.people-list a:hover img{border-color:var(--logo-navy)}

@media (max-width:860px){
  .people-list > li{flex-basis:calc((100% - 2rem) / 3)}
}
@media (max-width:640px){
  .people-list{gap:1.4rem .6rem}
  .people-list > li{flex-basis:calc((100% - .6rem) / 2)}
  .people-list img{width:96px;height:96px}
}