.leadership {
  padding: 105px clamp(20px, 8vw, 125px);
  background: #101f5b;
  color: #fff;
}

.leadership-heading { max-width: 900px; margin: 0 auto 58px; text-align: center; }
.leadership-heading .eyebrow { color: #ffd447; }
.leadership-heading h2 { color: #fff; }
.leadership-heading > p:last-child { color: #dce5ff; font-size: 18px; }
.leadership-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; max-width: 1320px; margin: auto; align-items: stretch; }
.leader-card { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.15); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; }

.leader-photo { position: relative; max-width: 390px; width: 100%; margin: 0 auto 28px; }
.leader-photo::before {
  content: "";
  position: absolute;
  inset: -14px 18px 18px -14px;
  border: 3px solid #13c9c1;
  border-radius: 28px;
  transform: rotate(-2deg);
}
.leader-photo img {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(0,0,0,.28);
}
.leader-copy h3 { font-size: 25px; line-height: 1.2; margin: 0; color: #fff; }
.leader-title { color: #13c9c1; font-weight: 900; margin: 2px 0 22px; }
.leader-copy > p:not(.eyebrow):not(.leader-title) { font-size: 18px; color: #dce5ff; max-width: 720px; }
.leader-copy blockquote {
  margin: 28px 0 0;
  padding: 20px 24px;
  border-left: 5px solid #ffd447;
  background: rgba(255,255,255,.08);
  font-size: 20px;
  font-weight: 800;
  border-radius: 0 14px 14px 0;
}

@media (max-width: 900px) {
  .leadership { padding-top: 74px; padding-bottom: 74px; }
  .leadership-grid { grid-template-columns: 1fr; gap: 38px; }
  .leader-photo { max-width: 420px; margin: 0 auto 28px; }
}