/* leadership-grid (phase 6e)
   - auto-fit instead of auto-fill so a row of 2 cards expands to fill
     the container instead of leaving a phantom third track.
   - Headshot is now 1:1 (square) instead of 4:5 (portrait) so the
     photo no longer dominates ~70% of card height.
   - Bio rendered in --fg (not --fg-muted) and line-clamped to 3 lines
     so it reads as substance, not afterthought. */
.abc-leadership-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--s-4);
}
.abc-leadership-card {
  background: var(--bg-elev);
  border: 1px solid var(--border);
  border-radius: var(--r-lg);
  overflow: hidden;
  display: flex; flex-direction: column;
}
.abc-leadership-headshot {
  /* Fix E 3a: smaller headshots. A 4/3 landscape slot capped at 200px tall
     keeps the photo from dominating the card (was 1/1 capped at 280px). With
     object-fit: cover the face stays centered when the box crops. */
  aspect-ratio: 4 / 3;
  max-height: 200px;
  background: var(--bg-sunken);
  display: flex; align-items: center; justify-content: center;
  overflow: hidden;
}
.abc-leadership-headshot img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.abc-leadership-monogram {
  font-family: var(--font-display);
  font-weight: 700;
  font-size: var(--fs-h2);
  color: var(--fg-subtle);
}
.abc-leadership-body {
  padding: var(--s-4);
  display: flex; flex-direction: column;
  gap: var(--s-1);
}
.abc-leadership-name {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: var(--fs-h5);
  color: var(--fg);
  margin: 0;
  line-height: var(--lh-tight);
}
.abc-leadership-role {
  font-family: var(--font-body);
  font-weight: 500;
  font-size: var(--fs-sm);
  color: var(--accent-deep);
  margin: 0;
}
/* Fix E 3b: bios were removed from leadership cards (they live on the person
   detail page). The card is now name + role + image only. */