/* Public identity: a serif wordmark with a quiet group and institution line. */
.brand{min-width:0;flex-shrink:1;gap:14px}
.brand-icon{flex-shrink:0}
.brand-copy{min-width:0}
.brand .brand-title{font:normal 27px/1.1 var(--serif);letter-spacing:-.55px;color:var(--ink)}
.brand-title span{white-space:nowrap}
.brand small{font-size:11px;font-weight:400;line-height:1.4;letter-spacing:.35px;text-transform:none;color:var(--muted);margin-top:7px}
.footer-grid .footer-title{font:normal 28px/1.18 var(--serif);letter-spacing:-.45px;color:#edf2e7;margin-bottom:17px;max-width:16ch}
@media(min-width:1024px) and (max-width:1199px){.brand .brand-title{font-size:25px}.brand small{font-size:10.5px}}
@media(max-width:1023px){
  .header-inner{min-height:92px;flex-wrap:wrap;padding:20px 0;gap:16px}
  .brand{max-width:calc(100% - 90px)}
  .brand .brand-title{font-size:25px}
  .brand-icon{width:36px;height:40px}
  .brand small{font-size:10.5px}
  .js .menu-toggle{display:block}
  .nav{width:100%;gap:15px 25px;flex-wrap:wrap;padding:5px 0}
  .js .nav{display:none}
  .js .nav[data-open=true]{display:flex}
}
@media(max-width:600px){
  .header-inner{padding:17px 0;gap:14px}
  .brand{gap:10px;max-width:calc(100% - 90px)}
  .brand .brand-title{font-size:clamp(20px,5.7vw,22px);line-height:1.03;letter-spacing:-.35px}
  .brand-title span{display:block}
  .brand-icon{width:32px;height:39px}
  .brand small{font-size:10px;letter-spacing:.15px;margin-top:7px}
  .brand-location{display:none}
  .footer-grid .footer-title{font-size:27px}
}