/* program hero */
.phero{background:
    linear-gradient(90deg,var(--navy) 0%,rgba(20,33,58,.93) 40%,rgba(20,33,58,.66) 100%),
    var(--navy-3) url("../img/institute-facade.webp") center/cover no-repeat;
  color:var(--parchment);padding-block:clamp(4rem,8vw,7rem)}
.phero .eyebrow{margin-bottom:1.4rem}
.phero h1{color:var(--parchment);font-weight:300;font-size:clamp(2.3rem,1.9rem + 3.4vw,4.2rem);max-width:18ch;line-height:1.02}
.phero h1 em{font-style:italic;color:var(--brass-2);font-weight:400}
.phero .lede{margin-top:1.6rem;max-width:52ch;font-size:clamp(1.05rem,1rem + .35vw,1.22rem);color:rgba(244,241,234,.86)}
.meta-row{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.6rem}
.chip{font-family:var(--sans);font-weight:600;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-2);border:1px solid var(--line-navy);border-radius:100px;padding:.5rem 1rem}
.phero .actions{margin-top:2.2rem;display:flex;gap:1rem;flex-wrap:wrap}

/* generic section */
.section{padding-block:clamp(3.5rem,6vw,6rem)}
.section--parch{background:var(--parchment)}
.section--parch2{background:var(--parchment-2)}
.section--navy{background:var(--navy);color:var(--parchment)}
.section--navy .sec-head h2{color:var(--parchment)}
.section--navy .sec-head h2 em{color:var(--brass-2)}
.section--navy .sec-head p{color:rgba(244,241,234,.82)}

/* intro statement */
.statement{max-width:24ch;font-family:var(--display);font-size:clamp(1.8rem,1.4rem + 2.4vw,3rem);line-height:1.12;color:var(--ink)}
.statement em{font-style:italic;color:var(--brass-lo)}
.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.statement-grid > div p{font-size:1.08rem;max-width:52ch}
.statement-grid > div p + p{margin-top:1.1rem}

/* modules */
.modules{margin-top:3rem;display:grid;gap:1rem}
.module{display:grid;grid-template-columns:4.5rem 1fr;gap:clamp(1rem,2.5vw,2rem);padding:1.8rem;border:1px solid var(--line);border-radius:4px;background:var(--parchment);transition:border-color .2s,box-shadow .2s}
.module:hover{border-color:var(--brass);box-shadow:0 20px 40px -30px rgba(20,33,58,.5)}
.module .num{font-family:var(--display);font-size:1.7rem;color:var(--brass-lo);font-variant-numeric:tabular-nums}
.module h3{font-size:1.4rem}
.module .lead{margin-top:.5rem;font-size:1rem;max-width:60ch}
.module ul{margin-top:1rem;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem .5rem}
.module li{font-family:var(--sans);font-size:.82rem;color:var(--slate);background:var(--parchment-2);border:1px solid var(--line);border-radius:100px;padding:.35rem .85rem}

/* format grid */
.fgrid{margin-top:2.8rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.fcard{border:1px solid var(--line-navy);border-radius:4px;padding:1.7rem;background:linear-gradient(180deg,rgba(244,241,234,.03),transparent)}
.fcard .k{font-family:var(--sans);font-weight:600;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-2)}
.fcard h3{color:var(--parchment);font-size:1.25rem;margin-top:.7rem}
.fcard p{margin-top:.55rem;font-size:.95rem;color:rgba(244,241,234,.74)}

/* fit columns */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);margin-top:2.6rem}
.fit-col{border-top:2px solid var(--brass);padding-top:1.4rem}
.fit-col.no{border-top-color:var(--slate);opacity:.9}
.fit-col h3{font-size:1.3rem}
.fit-col ul{margin-top:1.1rem;list-style:none;display:flex;flex-direction:column;gap:.85rem}
.fit-col li{display:flex;gap:.7rem;font-size:1rem}
.fit-col li::before{content:"\2014";color:var(--brass-lo);flex:none}

/* faculty (reuse from home) */
.fac-grid{margin-top:2.6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.fac-card{border:1px solid var(--line-navy);border-radius:3px;padding:1.6rem;background:linear-gradient(180deg,rgba(244,241,234,.03),transparent)}
.fac-card .badge{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--brass-2);display:flex;align-items:center;justify-content:center;font-family:var(--display);color:var(--brass-2);font-size:1.05rem;margin-bottom:1.1rem}
.fac-card .role{font-family:var(--display);font-size:1.2rem;color:var(--parchment)}
.fac-card p{margin-top:.6rem;font-size:.92rem;color:rgba(244,241,234,.72)}
.fac-note{margin-top:1.6rem;font-size:.82rem;color:rgba(244,241,234,.55)}

/* apply band */
.applyband{background:
   linear-gradient(rgba(14,22,38,.90),rgba(14,22,38,.94)),
   var(--navy-3) url("../img/hero-law-library.webp") center/cover no-repeat;
   color:var(--parchment);padding-block:clamp(4rem,7vw,7rem);text-align:center}
.applyband .eyebrow{color:var(--brass-2)}
.applyband h2{color:var(--parchment);font-size:clamp(2rem,1.6rem + 2.2vw,3.2rem);margin-top:1rem;max-width:22ch;margin-inline:auto}
.applyband h2 em{font-style:italic;color:var(--brass-2)}
.applyband p{margin:1.3rem auto 0;max-width:52ch;color:rgba(244,241,234,.82);font-size:1.06rem}
.applyband .actions{margin-top:2.2rem;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

@media(max-width:820px){
  .statement-grid,.fit{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .fac-grid{grid-template-columns:1fr}
  .module{grid-template-columns:3rem 1fr}
}