/* Leadership page. Built from the site's About, Industries and Contact components (page hero, orb, sub-navigation,
   section headings, about-pearl band, closing CTA); this file only adds the founder and leader cards.
   Loaded after about.css and site-pages.css, before viewport-scale.css. */
.leadership-orb{align-self:stretch;min-height:420px}   /* same height as the Industries hero photo */

/* Founders */
.leadership-founders .about-intro{margin-bottom:40px}
.founder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.founder-card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);min-width:0;background:#fff;border:1px solid #d6dbea;border-top:3px solid var(--about-blue)}
.founder-photo{position:relative;min-height:360px;overflow:hidden;background:#030c44}
.founder-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.founder-copy{padding:clamp(24px,2.4vw,40px);min-width:0}
.founder-copy .eyebrow{margin-bottom:12px}
.founder-copy h3{font-size:clamp(28px,2.4vw,40px);line-height:1.15;margin:0 0 20px}
.about-page .founder-copy>p:last-child{font-size:clamp(15px,1vw,17px);line-height:1.7;color:#5c637d;margin:0}

/* Leadership team */
.team-group+.team-group{margin-top:clamp(48px,4.5vw,72px)}
.team-group>h3{font-size:clamp(26px,2.1vw,34px);line-height:1.15;margin:0 0 28px;padding-top:28px;border-top:1px solid #cbd3e5}
.team-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.leader-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #d6dbea;transition:box-shadow .25s}
.leader-photo{position:relative;aspect-ratio:1;overflow:hidden;background:#030c44}
.leader-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.leader-photo.is-initials{display:grid;place-items:center;background:radial-gradient(ellipse at 70% 30%,#ffaf7540,transparent 50%),radial-gradient(ellipse at 30% 75%,#00ecff4d,transparent 55%),#030c44}
.leader-photo.is-initials span{font:500 clamp(34px,2.6vw,48px)/1 Outfit,sans-serif;letter-spacing:-.02em;color:#fff}
.leader-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:8px 14px;padding:20px 20px 24px}
.leader-body h4{grid-column:1;font:500 clamp(19px,1.35vw,23px)/1.25 Outfit,sans-serif;letter-spacing:-.03em;color:var(--about-navy);margin:0;text-wrap:balance}
.about-page .leader-body p{grid-column:1/-1;font-size:14px;line-height:1.55;color:#5c637d;margin:0}
.leader-linkedin.social-button{grid-column:2;grid-row:1;width:36px;height:36px;background:#fff}
.leader-linkedin svg{width:18px;height:18px}
.leader-linkedin.social-button:hover,.leader-linkedin.social-button:focus-visible{background:var(--blue);border-color:var(--blue);color:#fff}
@media(hover:hover){.leader-card:hover{box-shadow:inset 0 -3px var(--about-blue)}}

@media(max-width:1199px){
  .founder-grid{grid-template-columns:1fr}
  .founder-card{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}
}
@media(max-width:1023px){
  .team-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
}
@media(max-width:767px){
  .leadership-orb{min-height:260px}
  .founder-card{grid-template-columns:1fr}
  .founder-photo{min-height:0;aspect-ratio:4/3}
  .founder-photo img{object-position:50% 22%}
  .team-group>h3{font-size:26px;margin-bottom:20px}
  .team-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .leader-body{grid-template-columns:1fr;padding:14px 14px 18px;gap:6px}
  .leader-body h4{font-size:18px}
  .about-page .leader-body p{font-size:13px;line-height:1.5}
  .leader-linkedin.social-button{position:absolute;top:8px;right:8px;width:34px;height:34px;border-color:transparent;z-index:1}
}
@media(prefers-reduced-motion:reduce){.leader-card{transition:none}}