/* Leadership and mission staff presentation */
.leadership-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.25rem;
  max-width:900px;
  margin:0 auto;
}
.mission-staff-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.staff-card{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  min-height:310px;
}
.staff-card h3{
  margin:.9rem 0 .2rem;
  color:var(--green);
  font-size:1.08rem;
  line-height:1.25;
}
.staff-card h3 a{
  color:var(--green);
  border-bottom:2px solid var(--red);
}
.staff-card h3 a:hover{
  color:var(--red);
}
.staff-card p{
  margin:0;
  color:var(--muted);
  font-weight:800;
  line-height:1.35;
}
.staff-photo,
.staff-placeholder{
  width:100%;
  max-width:220px;
  height:260px;
  border-radius:18px;
  display:block;
  object-fit:cover;
  object-position:center 18%;
  border:1px solid var(--line);
  background:#f8fbf8;
  box-shadow:0 12px 30px rgba(0,0,0,.10);
  margin:0 auto;
  padding:0;
}
.leadership-card .staff-photo,
.leadership-card .staff-placeholder{
  max-width:280px;
  height:330px;
}
.staff-placeholder{
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,var(--green),#062a19);
  color:white;
  font-weight:900;
  font-size:1.9rem;
  letter-spacing:.04em;
}
.leadership-card .staff-placeholder{
  font-size:2.25rem;
}
@media(max-width:980px){
  .mission-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .leadership-pair,.mission-staff-grid{grid-template-columns:1fr}
  .staff-card{min-height:auto}
  .staff-photo,.staff-placeholder{max-width:260px;height:300px}
  .leadership-card .staff-photo,.leadership-card .staff-placeholder{max-width:280px;height:320px}
}


/* Ensure Consulate Leadership portrait is visually centered in the card. */
.leadership-single .leadership-card{width:100%;max-width:360px;margin-left:auto;margin-right:auto;text-align:center;align-items:center}
.leadership-single .leadership-card .staff-photo{margin-left:auto;margin-right:auto;display:block}


/* Fourth adjustment pass: ensure the Consul General card sits centered under the leadership heading. */
#leadership .leadership-single{
  width:100%;
  max-width:100%;
  margin-left:auto !important;
  margin-right:auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-start !important;
  grid-template-columns:none !important;
}
#leadership .leadership-single .leadership-card{
  width:min(100%, 360px);
  max-width:360px;
  margin-left:auto !important;
  margin-right:auto !important;
}
#leadership .leadership-single .leadership-card .staff-photo{
  margin-left:auto !important;
  margin-right:auto !important;
}


/* Fifth adjustment pass: final navigation, President portrait spacing, and symmetrical management portraits */
.kenya-overview-grid .president-portrait-card{
  overflow:hidden;
  align-self:stretch;
}
.kenya-overview-grid .president-portrait-card > a{
  display:block;
  flex:1 1 auto;
  min-height:0;
  line-height:0;
  background:#f8fbf8;
}
.kenya-overview-grid .president-portrait-card img{
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  max-height:none;
  object-fit:cover;
  object-position:center top;
}
.kenya-overview-grid .president-caption{
  flex:0 0 auto;
}
.staff-card .staff-photo,
.staff-card .staff-placeholder{
  width:100%;
  max-width:220px;
  height:260px;
  aspect-ratio:11/13;
  object-fit:cover;
  object-position:center top;
  flex:0 0 auto;
}
.leadership-card .staff-photo,
.leadership-card .staff-placeholder{
  max-width:280px;
  height:330px;
}
.mission-staff-grid .staff-card{
  min-height:338px;
}
@media (max-width:980px){
  .kenya-overview-grid .president-portrait-card{
    align-self:start;
  }
  .kenya-overview-grid .president-portrait-card img{
    height:360px;
    min-height:360px;
  }
}