.leadership-strip{
  background: var(--navy-2); border-bottom: 1px solid rgba(231,163,62,0.2);
  padding: 22px 0;
}
.leadership-strip .wrap{
  display:flex; flex-wrap:wrap; gap: 14px 40px; align-items:center; justify-content:center;
}
.leadership-badge{ display:flex; align-items:center; gap:10px; }
.leadership-badge .lb-label{
  font-family: var(--mono); font-size:11px; text-transform:uppercase; letter-spacing:.1em;
  color: var(--gold-pale);
}
.leadership-badge .lb-name{ color: var(--white); font-size:15px; font-weight:600; }
.leadership-sep{ width:1px; height:22px; background: rgba(255,255,255,0.18); }
@media (max-width:700px){ .leadership-sep{ display:none; } }

.testi-section{ padding: 90px 0 100px; background: var(--ivory); }
.testi-intro{ max-width: 680px; margin: 0 auto 60px; text-align:center; }
.testi-intro h2{ font-size: clamp(28px,3.6vw,40px); margin-top:14px; }
.testi-intro p{ color: var(--ink-soft); margin-top:16px; font-size:15.5px; }

.testi-grid{
  display:grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
@media (max-width: 980px){ .testi-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px){ .testi-grid{ grid-template-columns: 1fr; } }

/* Featured (photo) testimonial card */
.testi-card{
  background: var(--white); border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card); overflow:hidden;
  display:flex; flex-direction:column;
  border: 1px solid rgba(43,36,28,0.06);
}
.testi-photo-row{ display:flex; gap:14px; align-items:center; padding: 20px 20px 0; }
.testi-photo{
  width:58px; height:58px; border-radius:50%; overflow:hidden; flex-shrink:0;
  border: 2px solid var(--gold-pale); box-shadow: 0 6px 16px -6px rgba(43,36,28,0.35);
}
.testi-photo img{ width:100%; height:100%; object-fit:cover; object-position: top center; }
.testi-who .name{ font-family:var(--display); font-size:19px; color:var(--navy); line-height:1.25; }
.testi-who .role{ font-family: var(--mono); font-size:11.5px; text-transform:uppercase; letter-spacing:.07em; color: var(--vermilion-deep); margin-top:4px; display:block; }
.testi-quote{
  padding: 14px 20px 22px; color: var(--ink-soft); font-size:14px; position:relative; flex:1;
}
.testi-quote .mark{
  font-family: var(--display); font-size:52px; color: var(--gold); line-height:0;
  position:relative; top:22px; opacity:.7;
}
.testi-quote p{ margin-top:-6px; }
.testi-quote .signoff{ display:block; margin-top:16px; font-style:italic; color: var(--ink); }

/* Placeholder / ghost card so the user knows how to add members */
.testi-card.ghost{
  border: 2px dashed rgba(43,36,28,0.22); box-shadow:none; background: rgba(255,255,255,0.5);
  align-items:center; justify-content:center; text-align:center; padding: 44px 28px; gap:14px;
}
.testi-card.ghost .ghost-icon{
  width:56px; height:56px; border-radius:50%; background: var(--ivory-2);
  display:flex; align-items:center; justify-content:center; margin:0 auto 6px;
}
.testi-card.ghost h4{ font-family: var(--display); font-size:18px; color:var(--navy); margin-bottom:8px; font-weight:400; }
.testi-card.ghost p{ color: var(--ink-soft); font-size:14px; max-width:280px; margin:0 auto; }

.howto-note{
  max-width: 780px; margin: 70px auto 0; background: var(--ivory-2);
  border-radius: var(--radius-md); padding: 26px 30px; font-size:14px; color: var(--ink-soft);
  border-left: 4px solid var(--gold-deep);
}
.howto-note strong{ color: var(--navy); }
.howto-note code{
  background: rgba(43,36,28,0.08); padding:2px 7px; border-radius:6px; font-family: var(--mono); font-size:12.5px;
}