/* lead — leadership cards.
   Not built on .card: these are portraits on the page ground, not panels. */
.lead .sec__inner { display: flex; flex-direction: column; align-items: flex-start; }
.lead__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.lead-card__photo {
  aspect-ratio: 1;
  border-radius: var(--radius-card);
  background: var(--gray-200) center / cover no-repeat;
  filter: grayscale(100%);
}
.tone--navy .lead-card__photo { background-color: #ffffff1f; }
.lead-card__name {
  font-family: var(--font-display);
  font-weight: var(--weight-poster-heavy);
  text-transform: uppercase;
  font-size: 16px;
  color: inherit;
  margin: 12px 0 2px;
}
.lead-card__role { color: var(--text-subtle); font-size: var(--fs-meta); letter-spacing: .1em; text-transform: uppercase; margin: 0; }
.lead-card__bio  { color: var(--text-muted); font-size: var(--fs-body-sm); line-height: 1.5; margin: 10px 0 0; }

@media (max-width: 1023px) { .lead__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767px)  { .lead__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }