
/* QUOTE BAND */
.quote-band{background:var(--navy);padding:3.5rem 0;position:relative;overflow:hidden}
.quote-band::before{content:'\201C';font-family:'Barlow Condensed',sans-serif;font-size:18rem;line-height:1;color:rgba(255,255,255,.04);position:absolute;top:-3rem;left:2rem;pointer-events:none}
.quote-inner{position:relative;z-index:1;max-width:720px;margin:0 auto;text-align:center}
.quote-text{font-family:'Barlow Condensed',sans-serif;font-size:clamp(1.3rem,2.5vw,1.85rem);font-weight:600;color:#fff;line-height:1.45;font-style:italic}
.quote-text span{color:var(--gold-light)}
.quote-author{margin-top:1.25rem;font-size:.82rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold)}
.quote-divider{width:48px;height:2px;background:var(--gold);margin:.9rem auto}

/* DIRECTOR – featured card */
.director-wrap{display:flex;justify-content:center;margin-bottom:4rem}
.director-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:2.5rem 3rem;display:flex;align-items:center;gap:2.5rem;box-shadow:var(--shadow-lg);border-top:4px solid var(--gold);max-width:680px;width:100%;transition:box-shadow var(--t),transform var(--t)}
.director-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}
.director-photo-wrap{position:relative;flex-shrink:0}
.director-photo{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:top;border:4px solid var(--gold);box-shadow:var(--shadow)}
.director-photo-fallback{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--navy-dark),var(--navy-mid));border:4px solid var(--gold);display:grid;place-items:center;color:var(--gold-light);font-size:3rem}
.director-rank-badge{position:absolute;bottom:4px;right:4px;background:var(--gold);color:var(--navy-dark);font-size:.6rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:.25rem .55rem;border-radius:20px;white-space:nowrap}
.director-info{}
.director-label{font-size:.68rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:.4rem}
.director-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.5rem;color:var(--navy);line-height:1.2;margin-bottom:.35rem}
.director-role{font-size:.9rem;font-weight:600;color:var(--blue-light);margin-bottom:.75rem}
.director-desc{font-size:.85rem;color:var(--gray-500);line-height:1.7}

/* SECTION LABELS */
.sec-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:.75rem}
.sec-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--navy);line-height:1.15;margin-bottom:.75rem}
.sec-title span{color:var(--blue-light)}
.divider{width:48px;height:3px;background:var(--gold);border-radius:2px;margin:.9rem 0 1rem}
.sec-header{margin-bottom:3rem}
.sec-header.centered{text-align:center}
.sec-header.centered .divider{margin:.9rem auto 1rem}

/* STAFF GRID */
.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.staff-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--t),transform var(--t)}
.staff-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.staff-card-inner{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 1.75rem;text-align:center}
.staff-photo-wrap{position:relative;margin-bottom:1.25rem}
.staff-photo{width:110px;height:110px;border-radius:50%;object-fit:cover;object-position:top;border:3px solid var(--gray-200);transition:border-color var(--t);box-shadow:var(--shadow-sm)}
.staff-card:hover .staff-photo{border-color:var(--gold)}
.staff-photo-fallback{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,var(--navy-dark),var(--navy-mid));border:3px solid var(--gray-200);display:grid;place-items:center;color:var(--gold-light);font-size:2.2rem;transition:border-color var(--t)}
.staff-card:hover .staff-photo-fallback{border-color:var(--gold)}
.staff-rank{position:absolute;bottom:2px;right:2px;background:var(--navy);color:var(--gold-light);font-size:.58rem;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:.2rem .5rem;border-radius:20px;border:2px solid var(--white)}
.staff-name{font-weight:700;font-size:.95rem;color:var(--navy);margin-bottom:.35rem;line-height:1.35}
.staff-grade{font-size:.75rem;font-weight:600;color:var(--blue-light);margin-bottom:.5rem}
.staff-role{font-size:.8rem;color:var(--gray-500);line-height:1.55}
.staff-card-footer{border-top:1px solid var(--gray-100);padding:.85rem 1.5rem;display:flex;justify-content:center}
.staff-link{font-size:.78rem;font-weight:600;color:var(--blue-light);display:inline-flex;align-items:center;gap:.35rem;transition:color var(--t),gap var(--t)}
.staff-link:hover{color:var(--navy);gap:.55rem}

/* RESPONSIVE */
@media(max-width:1024px){
  .staff-grid{grid-template-columns:repeat(2,1fr)}
  .director-card{flex-direction:column;text-align:center;padding:2rem}
  .footer-grid{grid-template-columns:1fr 1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat+.stat::before{display:none}
}
@media(max-width:768px){
  .gov-strip-links,.nav-links{display:none}
  .section{padding:3.5rem 0}
  .staff-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .staff-grid{grid-template-columns:1fr}
}