/* Two separate marks: only the school mark and school name are links. */
.site-header .header-row{min-height:112px;gap:24px}
.site-header .header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand-header{min-width:0;gap:11px;flex-shrink:0}
.brand-header .school-logo-link{display:block;flex-shrink:0;line-height:0}
.brand-header .school-logo-link img{width:76px;height:64px;object-fit:contain;border-radius:0}
.brand-header>.partner-logo{width:62px;height:88px;object-fit:contain;border-radius:0;flex-shrink:0}
.brand-header .brand-name{display:block;white-space:nowrap}
.brand-header .brand-name strong{font-size:24px;letter-spacing:-.6px}
.brand-header .brand-name small{font-size:10px;letter-spacing:.14em;margin-bottom:5px}
.brand-header .brand-name .location{font-size:11px;margin-top:5px}

@media(max-width:1160px){
 .site-header .header-row{gap:12px}
 .site-header .header-actions{margin-left:auto}
 .nav{display:none}
 .mobile-toggle{display:grid}
 .nav.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;background:white;flex-direction:column;align-items:stretch;gap:0;padding:10px 24px 20px;max-height:75vh;overflow-y:auto;border-bottom:1px solid var(--line)}
 .nav>details>summary,.nav>a{padding:13px 0;font-size:15px}
 .nav-panel{position:static;display:block;padding:5px 0 15px;box-shadow:none;border:0}
}
@media(max-width:700px){
 .site-header .header-row{min-height:88px;gap:8px}
 .site-header .header-actions{gap:8px}
 .brand-header{gap:8px}
 .brand-header .school-logo-link img{width:48px;height:46px}
 .brand-header>.partner-logo{width:36px;height:52px}
 .brand-header .brand-name strong{font-size:19px;letter-spacing:-.5px}
 .brand-header .brand-name small{font-size:9px;letter-spacing:.08em;margin-bottom:4px}
 .brand-header .brand-name .location{font-size:10px;margin-top:4px}
}
@media(max-width:380px){
 .brand-header{gap:6px}
 .brand-header .school-logo-link img{width:36px;height:36px}
 .brand-header>.partner-logo{width:30px;height:44px}
 .brand-header .brand-name strong{font-size:17px}
 .brand-header .brand-name small{font-size:8.5px;letter-spacing:.05em}
 .site-header .header-actions{gap:6px}
}

/* A single gentle entrance; text remains visible without animation support. */
@keyframes vm-welcome-enter{
 from{opacity:0;transform:translateY(8px)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes vm-welcome-word{
 from{opacity:0}
 to{opacity:1}
}
@media(prefers-reduced-motion:no-preference){
 .hero .vm-welcome{animation:vm-welcome-enter .85s cubic-bezier(.2,.65,.3,1) both}
 .hero .vm-welcome em{animation:vm-welcome-word .85s ease .18s both}
}