/* A full-screen school menu, drawn from the supplied MAT Solutions reference. */
.website .school-menu{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow-y:auto;overscroll-behavior:contain;background:#820b24;color:#fffaf3}
.website .school-menu::backdrop{background:#820b24}
html.school-menu-open,html.school-menu-open body{overflow:hidden}
.website .school-menu-inner{width:min(920px,calc(100% - 64px));margin:auto;padding:28px 0 36px}
.website .school-menu-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:26px;border-bottom:1px solid #fffaf340}
.website .school-menu-header .brand{display:flex;align-items:center;gap:12px;padding:0;background:none;color:#fffaf3;font:500 28px/1.04 Playfair,Georgia,serif}
.website .school-menu-header .school-logo{width:60px;height:60px;flex:0 0 60px;padding:2px;border:1px solid #d7eaf0;border-radius:50%;background:#fffaf3;object-fit:contain}
.website .school-menu-header .brand>span>span{display:block;margin-top:6px;color:#d7eaf0;font:500 10px/1.2 Jakarta,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.website .school-menu-close{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 17px;border:1px solid #fffaf360;border-radius:30px;background:transparent;color:#fffaf3;font:500 14px/1 Jakarta,Arial,sans-serif;cursor:pointer}
.website .school-menu-close svg{width:21px;height:21px;transition:transform 200ms}
.website .school-menu-close:hover svg{transform:rotate(90deg)}
.website .school-menu-primary{display:block;margin-top:28px}
.website .school-menu-row{overflow:clip;border-bottom:1px solid #fffaf340}
.website .school-menu-primary a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;padding:13px 0;color:#fffaf3;text-decoration:none;font:650 clamp(32px,6vw,58px)/1.08 Jakarta,Arial,sans-serif;letter-spacing:-.04em}
.website .school-menu-primary a[aria-current=page]{color:#d7eaf0}
.website .school-menu-primary a>span{display:block}
.website .school-menu-primary a>svg{flex:none;width:32px;height:32px;stroke-width:1.3;color:#d7eaf0;transition:transform 220ms cubic-bezier(.16,1,.3,1)}
.website .school-menu-primary a:hover>svg{transform:translate(4px,-4px)}
.website .school-menu-primary a:hover{color:#d7eaf0}
.website .school-menu-more{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:25px}
.website .school-menu-more a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;color:#fffaf3;font-size:14px;text-decoration:none}
.website .school-menu-more a[aria-current=page],.website .school-menu-more a:hover{color:#d7eaf0}
.website .school-menu-more svg{width:18px;height:18px;color:#d7eaf0;stroke-width:1.5}
.website .school-menu-footer{display:flex;align-items:end;gap:20px;flex-wrap:wrap;padding-top:30px}
.website .school-menu-footer p{flex:1 1 100%;margin:0 0 8px;font:500 italic clamp(26px,4vw,40px)/1.2 Playfair,Georgia,serif;letter-spacing:-.025em}
.website .school-menu-footer a{display:inline-flex;align-items:center;min-height:44px;color:#d7eaf0;font-size:12px;text-underline-offset:4px}
.website .school-menu :focus-visible{outline:2px solid #d7eaf0;outline-offset:-3px}
.website .school-menu-fallback{display:none}
@media(max-width:1023px){
 .website .site-header .menu-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:82px;min-height:44px;padding:9px 12px;border:1px solid #fffaf370;border-radius:30px;background:transparent;color:#fffaf3;font:500 12px/1 Jakarta,Arial,sans-serif}
 .website .site-header .menu-toggle svg{width:19px;height:19px}
 .website .site-header #site-nav{display:none}
 .website .site-header #site-nav.is-open{display:flex}
 html:not(.site-script-ready) .website .menu-toggle{display:none}
 .website .school-menu-fallback{display:block;padding:0 20px;background:#820b24;color:#fffaf3}
 .website .school-menu-fallback summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;cursor:pointer}
 .website .school-menu-fallback summary svg{width:20px;height:20px}
 .website .school-menu-fallback a{display:block;padding:12px 0;color:#fffaf3;border-top:1px solid #fffaf340}
}
@media(max-width:560px){
 .website .school-menu-inner{width:calc(100% - 40px);padding-top:20px}
 .website .school-menu-header{padding-bottom:20px}
 .website .school-menu-header .brand{font-size:24px;gap:9px}
 .website .school-menu-header .school-logo{width:48px;height:48px;flex-basis:48px}
 .website .school-menu-header .brand>span>span{font-size:9px}
 .website .school-menu-close{min-height:44px;padding:9px 13px;gap:8px;font-size:13px}
 .website .school-menu-primary{margin-top:22px}
 .website .school-menu-primary a{min-height:68px;font-size:clamp(30px,8.5vw,42px);padding:14px 0;gap:12px}
 .website .school-menu-primary a>svg{width:26px;height:26px}
 .website .school-menu-more{column-gap:22px;margin-top:20px}
 .website .school-menu-footer{padding-top:24px;gap:4px 18px}
}
@media(max-width:360px){.website .site-header .brand{font-size:18px}.website .site-header .school-logo{width:40px;height:40px;flex-basis:40px}.website .school-menu-header .brand{font-size:21px}.website .school-menu-header .school-logo{width:42px;height:42px;flex-basis:42px}.website .school-menu-header .brand>span>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.website .school-menu,.website .school-menu *{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
@media print{.website .school-menu,.website .school-menu-fallback{display:none!important}}