/* Leadership messages (ported from dbuglobal-new) */
.leaders-area { --hm-ink: #192f59; --hm-green: #3db166; --hm-soft: #f5f8fc; --hm-line: rgba(25, 47, 89, .09); --hm-shadow: 0 8px 28px rgba(25, 47, 89, .07); padding: 80px 0; background: var(--hm-soft); }
.leaders-area .leader-card + .leader-card { margin: 0; }
.leader-card {
  height: 100%;
  padding: 26px;
  background: #fff;
  border: 1px solid var(--hm-line);
  border-radius: 20px;
  box-shadow: var(--hm-shadow);
}
.leader-head { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.leader-head img {
  width: 84px;
  height: 84px;
  flex-shrink: 0;
  object-fit: cover;
  object-position: top center;
  border-radius: 50%;
  border: 3px solid rgba(61, 177, 102, .35);
}
.leader-head h3 { font-size: 19px; font-weight: 700; color: var(--hm-ink); margin: 0 0 2px; }
.leader-head span { font-size: 13px; font-weight: 600; color: var(--hm-green); }
.leader-lead { font-size: 15px; font-weight: 500; color: var(--hm-ink); margin: 0 0 8px; }
.leader-body { position: relative; max-height: 96px; overflow: hidden; font-size: 14px; line-height: 1.7; color: #5b6475; transition: max-height .4s ease; }
.leader-body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 48px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
  pointer-events: none;
}
.leader-body.is-open { max-height: 1400px; }
.leader-body.is-open::after { display: none; }
.leader-body p { margin: 0 0 10px; }
.leader-list { list-style: none; margin: 0 0 10px; padding: 0; }
.leader-list li { padding: 2px 0; }
.leader-list i { color: var(--hm-green); margin-right: 6px; }
.leader-toggle {
  margin-top: 8px;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--hm-green);
  background: none;
  border: 0;
  cursor: pointer;
}
.leader-toggle i { font-size: 11px; margin-left: 4px; transition: transform .2s; }
.leader-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.leader-toggle:hover { color: var(--hm-ink); }
.leader-body { text-align: left; }
.leader-toggle { padding: 8px 20px; margin-top: 12px; }
@media (max-width: 575.98px) { .leader-card { padding: 20px; } .leaders-area { padding: 56px 0; } }
@media (max-width: 767.98px) { .leaders-area { display: none; } }