/*!
 * Leadership page styles (aligned with brand palette)
 */

.vu-leadership{
  --leader-bg: #050713;
  --leader-panel: rgba(8, 11, 28, 0.85);
  --leader-surface: rgba(12, 16, 34, 0.95);
  --leader-border: rgba(255, 255, 255, 0.1);
  --leader-border-strong: rgba(255, 217, 0, 0.6);
  --leader-ink: rgba(247, 248, 255, 0.92);
  --leader-muted: rgba(247, 248, 255, 0.65);
  --leader-shadow: 0 35px 60px rgba(3, 6, 16, 0.55);
  display:flex;
  flex-direction:column;
  gap:clamp(20px,3vw,36px);
}

.vu-leadership__hero{
  border-radius:30px;
  padding:clamp(20px,4vw,60px);
  background:var(--grad-leadership-hero, linear-gradient(135deg, #0f1834, #050713));
  color:#fff;
  position:relative;
  overflow:hidden;
  box-shadow:var(--leader-shadow);
}

.vu-leadership__hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:var(--hero-image, none);
  background-size:cover;
  background-position:center;
  opacity:.18;
  pointer-events:none;
}

.vu-leadership__hero-inner{
  position:relative;
  z-index:1;
  max-width:720px;
}

.vu-leadership__eyebrow{
  text-transform:uppercase;
  letter-spacing:.35em;
  color:var(--vu-gold,#ffd900);
  margin:0 0 .6rem;
}

.vu-leadership__hero h1{
  margin:0 0 .75rem;
  font-size:clamp(2.4rem,4vw,3.8rem);
  font-family:var(--vu-hfont,var(--vu-title-font));
  letter-spacing:.04em;
}

.vu-leadership__lead{
  margin:0;
  max-width:46ch;
  color:var(--leader-ink);
  line-height:1.6;
}

.vu-leadership__intro{
  background:var(--leader-panel);
  border-radius:24px;
  padding:clamp(18px,3vw,36px);
  border:1px solid var(--leader-border);
  box-shadow:var(--leader-shadow);
}

.vu-leadership__intro :is(p,li){
  color:var(--leader-ink);
}

.vu-leadership__team{
  display:flex;
  flex-direction:column;
  gap:clamp(14px,2vw,24px);
}

.leader-card{
  border-radius:24px;
  border:1px solid var(--leader-border);
  background:var(--leader-surface);
  box-shadow:var(--leader-shadow);
  overflow:hidden;
  transition:border-color .25s ease, box-shadow .25s ease;
}

.leader-card.is-open{
  border-color:var(--leader-border-strong);
  box-shadow:0 28px 45px rgba(0,0,0,0.45);
}

.leader-card__toggle{
  display:grid;
  grid-template-columns:clamp(100px,18vw,140px) minmax(0,1fr) auto;
  gap:clamp(14px,2vw,22px);
  padding:clamp(16px,3vw,28px);
  border:0;
  background:transparent;
  color:inherit;
  width:100%;
  align-items:center;
  text-align:left;
  cursor:pointer;
}

.leader-card__toggle:focus-visible{
  outline:2px solid var(--vu-gold,#ffd900);
  outline-offset:4px;
}

.leader-card__avatar{
  border-radius:18px;
  overflow:hidden;
  background:rgba(0,0,0,0.35);
  aspect-ratio:3 / 4;
}

.leader-card__avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.leader-card__meta h2{
  margin:0;
  font-size:1.35rem;
  letter-spacing:.04em;
}

.leader-card__eyebrow{
  margin:0 0 .25rem;
  text-transform:uppercase;
  letter-spacing:.3em;
  font-size:.75rem;
  color:var(--leader-muted);
}

.leader-card__role{
  margin:.4rem 0 0;
  color:var(--leader-muted);
}

.leader-card__chevron{
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid var(--leader-border);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:transform .25s ease, border-color .25s ease;
}

.leader-card__chevron::before{
  content:"";
  width:10px;
  height:10px;
  border-right:2px solid var(--leader-ink);
  border-bottom:2px solid var(--leader-ink);
  transform:rotate(-45deg);
  display:block;
}

.leader-card.is-open .leader-card__chevron{
  transform:rotate(90deg);
  border-color:var(--vu-gold,#ffd900);
}

.leader-card__panel{
  border-top:1px solid var(--leader-border);
  padding:0 clamp(16px,3vw,26px) clamp(16px,3vw,28px);
  color:var(--leader-ink);
}

.leader-card__panel[hidden]{
  display:none;
}

.leader-card__panel p:first-child{
  margin-top:clamp(12px,2vw,18px);
}

.leader-card__panel a{
  color:var(--vu-gold,#ffd900);
}

@media (max-width: 900px){
  .leader-card__toggle{
    grid-template-columns:minmax(0,1fr);
  }
  .leader-card__avatar{
    aspect-ratio:16 / 9;
    height:auto;
  }
}