.inner-page .section-heading {
  margin-bottom: 32px;
}
.leaders-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 36px;
}
.leader-card {
  min-height: 520px;
  padding: 22px 22px 30px;
  background: #fff;
  text-align: center;
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  transition-property: opacity, transform, box-shadow;
  transition-duration: 700ms, var(--normal), var(--normal);
  transition-timing-function: var(--ease);
}
.leader-card[data-delay] {
  transition-delay: calc(var(--delay-index, 0) * 80ms);
}
.leader-card:hover {
  transform: translateY(-7px);
  box-shadow: var(--shadow-md);
}
.leader-photo {
  width: 100%;
  aspect-ratio: 3/4;
  object-fit: cover;
  object-position: center top;
  background: #eef2f6;
}
.leader-photo--placeholder {
  display: grid;
  place-items: center;
  color: var(--muted);
  font-size: 13px;
  letter-spacing: 0.08em;
  background: linear-gradient(135deg, var(--bg), #e7ebf0);
  border: 1px solid var(--line);
}
.leader-role {
  margin-top: 20px;
  color: var(--blue);
  font-size: 13px;
}
.leader-card h2 {
  margin-top: 7px;
  color: var(--navy-950);
  font-size: 22px;
}
.leader-card p {
  margin: 18px auto 0;
  max-width: 240px;
  color: var(--text);
  line-height: 1.75;
}
@media (max-width: 1024px) {
  .leaders-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .leaders-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .leader-card {
    min-height: 0;
    padding: 14px 14px 22px;
  }
  .leader-role {
    margin-top: 14px;
    font-size: 11px;
  }
  .leader-card h2 {
    font-size: 17px;
  }
  .leader-card p {
    margin-top: 10px;
    font-size: 11px;
    line-height: 1.6;
  }
}
@media (max-width: 480px) {
  .leader-card {
    padding: 10px 10px 18px;
  }
  .leader-card p {
    min-height: 54px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .leader-card {
    transition-delay: 0ms;
  }
}