/* Person: headshot, name with credentials, role, bio. Used for the board. */
.person {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 28px;
  padding: 32px 0;
  border-bottom: 1px solid var(--c-line);
}
.person:last-child { border-bottom: 0; }
.person img {
  width: 160px;
  height: 160px;
  object-fit: cover;
  border-radius: 50%;
}
.person h2 { font-size: 24px; margin-bottom: 0.1em; }
.person__role {
  font-family: var(--f-ui);
  font-weight: 600;
  color: var(--c-muted);
  margin-bottom: 0.8em;
}
@media (max-width: 600px) {
  .person { grid-template-columns: 1fr; gap: 14px; }
  .person img { width: 120px; height: 120px; }
}