/* ============================================================
   site-v28.css — Leadership 2-column layout (v1.6.4)
   ============================================================ */

.leaders.leaders-2col {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  max-width: 980px !important;
  margin: 0 auto !important;
}
.leaders.leaders-2col .leader {
  display: grid !important;
  grid-template-columns: 220px 1fr !important;
  gap: 0 !important;
  background: #ffffff !important;
  border: 1px solid rgba(20,33,61,0.08) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px -6px rgba(20,33,61,0.10) !important;
  transition: transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s !important;
}
.leaders.leaders-2col .leader:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px -12px rgba(20,33,61,0.18) !important;
}
.leaders.leaders-2col .leader .img-real {
  width: 100% !important;
  height: 100% !important;
  min-height: 280px !important;
  border-radius: 0 !important;
  background-color: #f5f6f8 !important;
}
.leaders.leaders-2col .leader .body {
  padding: 20px 22px !important;
  display: flex; flex-direction: column;
}
.leaders.leaders-2col .leader h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
  color: #14213D !important;
}
.leaders.leaders-2col .leader .role {
  font-size: 12px !important;
  color: #4F8EDC !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin-bottom: 12px !important;
}
.leaders.leaders-2col .leader .rule {
  width: 38px;
  height: 2px;
  background: #4F8EDC !important;
  margin: 4px 0 12px;
  border-radius: 100px;
}
.leaders.leaders-2col .leader p {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #4a5568 !important;
  margin: 0 0 8px !important;
}
.leaders.leaders-2col .leader .link {
  font-size: 12px !important;
  color: #4F8EDC !important;
  font-weight: 600 !important;
}

@media (max-width: 980px) {
  .leaders.leaders-2col { grid-template-columns: 1fr !important; max-width: 560px !important; }
}
@media (max-width: 560px) {
  .leaders.leaders-2col .leader {
    grid-template-columns: 1fr !important;
  }
  .leaders.leaders-2col .leader .img-real {
    min-height: 240px !important;
    aspect-ratio: 4 / 3 !important;
  }
}