/* HERO: make both cards feel matched + intentional */
.hero{
  display:grid;
  gap:18px;
  align-items:stretch; /* key: makes cards align in height */
}

/* On desktop: 2 columns */
@media (min-width: 980px){
  .hero{
    grid-template-columns: 1.2fr 0.9fr;
  }
}

/* Control line length so text looks premium */
.hero h2{
  max-width: 18ch; /* keeps headline elegant */
  letter-spacing: -0.02em;
}
.hero .lead{
  max-width: 60ch; /* readable, clean paragraph width */
}

/* Tighten spacing rhythm */
.hero .pad{
  padding: 26px;
}
.hero .btns{
  margin-top: 18px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* Image card: make it look “framed” and consistent */
.hero .card img{
  width:100%;
  height:100%;
  max-height: 520px;        /* controls the “tower” effect */
  object-fit: cover;        /* crops neatly instead of stretching */
  object-position: 50% 18%; /* keeps face centered higher */
  border-radius: 18px;      /* match your card rounding */
  display:block;
}

/* If your card already has radius, this prevents image edges from misaligning */
.card{
  overflow:hidden;
}

/* Optional: subtle divider line inside card for structure */
.hero .kicker{
  display:inline-block;
  margin-bottom: 10px;
}

/* Partnership Page Layout */

.page-section{
  margin-top: 40px;
}

.page-grid{
  display:grid;
  gap:24px;
}

@media (min-width: 900px){
  .page-grid{
    grid-template-columns:1fr 1fr;
  }
}

.page-card{
  background:#0c1628;
  border-radius:18px;
  padding:28px;
  border:1px solid rgba(255,255,255,0.06);
}

.page-card h3{
  margin-top:0;
}

.page-card p{
  line-height:1.7;
  color:#cfd7e6;
}


/* Leadership Page */

.leadership-grid{
  display:grid;
  gap:24px;
  margin-top:32px;
}

@media (min-width:900px){
  .leadership-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

.leader-card{
  background:#0c1628;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.06);
}

.leader-card img{
  width:100%;
  height:340px;
  object-fit:cover;
}

.leader-body{
  padding:18px;
}

.leader-body h4{
  margin:0 0 6px 0;
}

.leader-body span{
  font-size:14px;
  color:#9fb0cc;
}