@media(min-width:1024px){
 .site-header .header-inner{display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(220px,1fr);gap:24px;min-height:88px}
 .site-header #navigation{display:contents}
 .site-header .header-center{grid-column:2;display:flex;justify-content:center;align-items:center;gap:32px}
 .site-header .header-actions{grid-column:3;display:flex;justify-content:flex-end;align-items:center;gap:16px}
 .site-header .menu-button{display:none}
}
.site-header .wordmark:has(img){width:210px;min-width:0;flex:none;justify-self:start}
.site-header .wordmark img{display:block;width:210px;max-width:100%;height:auto}
@media(max-width:1023px){
 .site-header .wordmark:has(img),.site-header .wordmark img{width:180px}
 .site-header .header-inner{display:flex;justify-content:space-between;min-height:76px}
 .site-header #navigation{display:none}
 .site-header #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:16px}
 .site-header .header-center{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 .site-header .header-actions{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:14px}
 .site-header .header-actions>a{flex:1;justify-content:center;text-align:center}
}

.site-header .header-actions>a{display:inline-flex;align-items:center;justify-content:center;min-width:100px;min-height:46px;padding:10px 20px;border:1px solid var(--primary);border-radius:var(--radius-control);font-weight:600;text-decoration:none;white-space:nowrap}
.site-header .header-actions>a[href="/contact"]{background:var(--primary);color:var(--on-primary)}
.site-header .header-actions>.nav-login{background:#fff;color:var(--primary);align-self:auto}
.site-header .header-center>a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}

/* Overlay header for page banners; solid header after scrolling. */
body:has(.site-header){--public-header-height:88px}
.site-header{position:fixed;inset:0 0 auto;z-index:30;background:transparent;border-bottom:1px solid #ffffff30}
.site-header .wordmark img{filter:none}
.site-header:not(.is-scrolled):not(.is-menu-open) .wordmark img{filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.site-header:not(.is-scrolled):not(.is-menu-open) .header-center>a,.site-header:not(.is-scrolled):not(.is-menu-open) .course-menu-label,.site-header:not(.is-scrolled):not(.is-menu-open) .menu-button{color:#fff}
.site-header:not(.is-scrolled):not(.is-menu-open) .header-actions>a{border-color:var(--primary);background:#edf5ef;color:var(--primary)}
.site-header:not(.is-scrolled):not(.is-menu-open) .header-actions>a[href="/contact"]{background:var(--primary);color:var(--on-primary)}
.site-header.is-scrolled,.site-header.is-menu-open{background:#fff;border-bottom-color:var(--border)}
.site-header .course-submenu{background:#fff;color:var(--ink)}
.site-header .course-submenu a{color:var(--ink)}
body:has(.site-header) main>.hero.hero-slideshow .hero-grid{padding-top:168px;min-height:708px}
body:has(.site-header) main>.page-hero{padding-top:140px;background-color:#195b4e;color:#fff}
body:has(.site-header) main>.page-hero h1,body:has(.site-header) main>.page-hero .page-caption,body:has(.site-header) main>.page-hero p{color:#fff}
body:has(.site-header) main>.page-hero .about-section-nav{border-bottom-color:#ffffff40}
body:has(.site-header) main>.page-hero .about-section-nav a{color:#fff}
@media(max-width:1023px){body:has(.site-header){--public-header-height:76px}.site-header #navigation.open{background:#fff;color:var(--ink)}.site-header.is-menu-open .header-center>a,.site-header.is-menu-open .course-menu-label{color:var(--ink)}}
@media(max-width:767px){body:has(.site-header) main>.hero.hero-slideshow .hero-grid{padding-top:132px;min-height:686px}body:has(.site-header) main>.page-hero{padding-top:112px}}

/* Equal education banners and two-line descriptions. */
body:has(.site-header) main>.page-hero.education-banner{height:420px;min-height:420px;display:flex;align-items:center;padding:140px 0 64px}
body:has(.site-header) main>.page-hero.education-banner .education-banner-description{font-size:clamp(12px,3.1vw,17px);line-height:1.8;max-width:none}
.education-banner-description>span{display:block;white-space:nowrap}
@media(max-width:767px){body:has(.site-header) main>.page-hero.education-banner{height:360px;min-height:360px;padding:112px 0 44px}}
