/* =====================================================================
   FACULTY SUB-PAGE STYLES (leadership / council / team)
   Inherits all typography + nav + footer + faculty-card from styles.css.
   This file only adds: page hero, crumb-nav, and a tiny "active" mark
   on the parent dropdown toggle.
   ===================================================================== */

body.is-faculty-sub{
  background: #04050a;
  color: var(--ink, #e7e9ee);
}

/* ---------- HERO ---------- */
.fac-hero{
  position: relative;
  padding: clamp(140px, 18vh, 200px) var(--pad-x) clamp(40px, 6vh, 70px);
  background: linear-gradient(180deg, #050608 0%, #08090e 100%);
  overflow: hidden;
}
.fac-hero::before{
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse at 50% 100%, rgba(180,200,230,.08), transparent 55%),
    radial-gradient(ellipse at 30% 0%, rgba(220,225,235,.06), transparent 60%);
  pointer-events: none;
}
.fac-hero__inner{
  position: relative;
  max-width: var(--max, 1280px);
  margin: 0 auto;
  display: grid;
  gap: 18px;
  z-index: 1;
}
.fac-hero__title{
  font-family: var(--ff-display);
  font-weight: 200;
  font-size: clamp(34px, 5.6vw, 78px);
  line-height: 1.04;
  letter-spacing: -.022em;
  color: var(--platinum, #f0f3f8);
  margin: 0;
  max-width: 22ch;
}
.fac-hero__lede{
  font-size: clamp(15px, 1.15vw, 19px);
  color: var(--ink-soft, #b8bcc4);
  max-width: 70ch;
  margin: 0;
  font-family: var(--ff-serif);
  font-style: italic;
  line-height: 1.55;
}

/* Sub-page crumb / pivot nav */
.fac-hero__crumbs{
  list-style: none;
  margin: clamp(20px, 3vh, 32px) 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  font-family: var(--ff-mono, monospace);
  font-size: 11px;
  letter-spacing: .25em;
  text-transform: uppercase;
}
.fac-hero__crumbs a{
  display: inline-block;
  padding: 8px 14px;
  border: 1px solid rgba(220,225,235,.16);
  border-radius: 999px;
  color: var(--silver, #c9ced6);
  background: rgba(255,255,255,.04);
  transition: background .25s ease, border-color .25s ease, color .25s ease;
}
.fac-hero__crumbs a:hover{
  border-color: rgba(255,255,255,.45);
  color: #fff;
}
.fac-hero__crumbs a.is-active{
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.55);
  color: #fff;
}

/* The grid below the hero — slightly tighter than the home page Faculty
   since this page only shows a subset. */
.fac-sub{
  padding: clamp(40px, 6vh, 80px) var(--pad-x) clamp(80px, 12vh, 140px);
}

/* Mark the parent dropdown toggle as "current" while on these pages */
.nav__group-toggle--active{
  color: #fff;
}
.nav__group-toggle--active::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, var(--silver, #c9ced6), transparent);
  margin-top: 4px;
}

@media (max-width: 700px){
  .fac-hero__crumbs{ font-size: 10px; }
  .fac-hero__crumbs a{ padding: 7px 12px; }
}