@import url('school-footer.css');
:root{--p-purple:#6a2a8b;--p-blue:#0099bc;--p-orange:#f39200;--p-green:#92c83e}
html{scroll-padding-top:135px}.school-header{font-family:'Outfit',Arial,sans-serif;position:sticky;top:0;z-index:1000;width:100%;background:white;box-shadow:0 2px 12px #280b3808;color:#131113}.school-header a{text-decoration:none}.school-announcement{height:50px;background:radial-gradient(circle at center,#5b1e78 0%,#280b38 100%);display:flex;align-items:center;justify-content:flex-end;padding:0 5%;color:white;font-size:16px;font-weight:500}.school-announcement a{display:flex;gap:12px;align-items:center;color:white}.school-announcement b{color:var(--p-orange);font-weight:700}.school-logo-panel{position:absolute;top:0;left:5%;height:107px;width:190px;display:flex;align-items:flex-start;justify-content:center;background:white;padding:3px 15px;z-index:2}.school-logo-panel img{width:160px;height:90px;object-fit:contain;display:block}.school-nav-bar{height:57px;padding:0 40px;display:flex;align-items:center;justify-content:flex-end}.school-navigation{display:flex;align-items:center;gap:30px}.school-navigation>a,.school-dropdown>summary{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;letter-spacing:.5px;white-space:nowrap;color:#131113;cursor:pointer;min-height:44px}.school-navigation i{font-size:12px}.school-navigation a:hover,.school-dropdown>summary:hover,.school-dropdown[open]>summary{color:var(--p-orange)}.school-navigation>.school-register{color:var(--p-orange)}.school-dropdown{position:relative}.school-dropdown>summary{list-style:none}.school-dropdown>summary::-webkit-details-marker{display:none}.school-dropdown>summary .fa-chevron-down{font-size:12px;margin-left:2px;transition:transform .2s}.school-dropdown[open]>summary .fa-chevron-down{transform:rotate(180deg)}.school-dropdown ul{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:245px;list-style:none;background:white;padding:15px;margin:0;border-radius:15px;border:1px solid #eee;box-shadow:0 10px 30px #0002}.school-dropdown li{margin:0 0 5px;padding:0}.school-dropdown li:last-child{margin:0}.school-dropdown li a{display:block;color:#121212;font-family:'Montserrat',Arial,sans-serif;font-size:13px;font-weight:600;border-radius:10px;padding:11px 13px;line-height:1.4}.school-dropdown li a:hover{background:var(--p-purple);color:white}.school-menu-toggle{display:none;background:none;border:0;color:#5d037c;width:44px;height:44px;font-size:24px;align-items:center;justify-content:center}.poster-sticky{top:131px}.layout{padding-bottom:50px}.premium-footer{margin-top:30px}.premium-footer h2,.premium-footer h4,.premium-footer p{margin-top:0}.premium-footer .pf-brand h2{line-height:1.3}.premium-footer .pf-title{line-height:1.5;letter-spacing:normal}.premium-footer .pf-logo{height:auto;display:block}.premium-footer .pf-brand p{margin-top:4px}.premium-footer .pf-list li{line-height:1.5}.premium-footer .food-list-item{margin-top:15px}.premium-footer .pf-title{max-width:100%}.premium-footer .pf-designer img{width:auto;max-width:150px;object-fit:contain}.premium-footer .pf-designer a{flex-wrap:wrap;justify-content:center}.premium-footer .pf-column{min-width:0}.premium-footer .pfc-text{min-width:0}.premium-footer .pfc-text b,.premium-footer .pfc-text span{overflow-wrap:anywhere}.preview-banner{margin:0;border-radius:0;border:0;padding:7px 18px;font-size:10px}
@media(min-width:1241px) and (max-width:1450px){.school-navigation{gap:20px}.school-navigation>a,.school-dropdown>summary{font-size:14px}.school-nav-bar{padding-right:30px}.school-logo-panel{left:4%;width:180px}}
@media(max-width:1240px){.school-logo-panel{top:50px;left:50%;transform:translateX(-50%);height:70px;width:180px;padding:5px 15px;align-items:center}.school-logo-panel img{height:60px;width:auto;max-width:150px}.school-announcement{padding:0 20px;justify-content:center;font-size:13px}.school-nav-bar{height:70px;padding:0 20px}.school-menu-toggle{display:flex;margin-left:auto;z-index:3}.school-navigation{display:none;position:absolute;top:120px;left:0;width:100%;max-height:calc(100dvh - 120px);overflow-y:auto;background:linear-gradient(135deg,#5b1e78,#280b38 65%,#100817);padding:20px 25px 28px;align-items:stretch;gap:0;box-shadow:0 12px 20px #0002}.school-header.menu-open .school-navigation{display:flex;flex-direction:column}.school-navigation>a,.school-dropdown>summary{color:white;border-bottom:1px solid #ffffff1a;min-height:56px;font-size:15px;padding:12px 0;gap:12px}.school-navigation .school-register{color:#ffb249}.school-dropdown>summary .fa-chevron-down{margin-left:auto}.school-dropdown ul{position:static;transform:none;width:100%;background:transparent;border:0;box-shadow:none;padding:6px 0 12px 26px}.school-dropdown li a{font-family:'Outfit',Arial,sans-serif;color:#eee0f6;font-size:15px;font-weight:400;padding:11px 0}.school-dropdown li a:hover{background:transparent;color:#ffb249}.poster-sticky{top:144px}.premium-footer .pf-grid{gap:35px}.premium-footer .pf-container{padding:0 5%}.premium-footer .pf-title{font-size:17px}}
@media(min-width:1025px) and (max-width:1240px){.premium-footer .pf-grid{grid-template-columns:1.5fr 1.2fr 1fr 1.3fr;gap:25px}.premium-footer .pf-brand h2{font-size:23px}.premium-footer .pf-title{font-size:15px}.premium-footer .pf-list a,.premium-footer .pfc-text b,.premium-footer .pfc-text span{font-size:14px}}
@media(max-width:760px){.school-announcement{height:44px;font-size:11px;padding:0 10px}.school-announcement a{gap:7px}.school-logo-panel{top:44px}.school-navigation{top:114px;max-height:calc(100dvh - 114px)}.layout{padding-bottom:35px}.premium-footer{margin-top:0}.premium-footer .pf-grid{gap:44px;margin-bottom:50px}.premium-footer .pf-container{padding:0 24px}.premium-footer .pf-brand h2{font-size:26px}.premium-footer .pf-brand p{max-width:350px}.premium-footer .pf-title{font-size:18px}.premium-footer .pf-bottom{gap:18px}.premium-footer .pf-designer a{font-size:11px}html{scroll-padding-top:125px}}
@media(prefers-reduced-motion:reduce){.school-header *,.premium-footer *{transition:none!important}}

/* Poster follows the document; navigation sits over the image. */
.poster-sticky{position:static;top:auto}
.poster-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:54px;border:1px solid #ffffff38;border-radius:12px;background:rgba(15,20,48,.28);color:rgba(255,255,255,.8);font-size:28px;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s}
.poster-arrow:hover,.poster-arrow:focus-visible{background:rgba(15,20,48,.65);color:#fff}
.poster-arrow:focus-visible{outline:2px solid #fff;outline-offset:-4px}
#previous-slide{left:10px}#next-slide{right:10px}
.registration h1.event-brand{aspect-ratio:960/560;background:var(--paper);border-radius:0;isolation:isolate}
.event-brand img{width:140.625%;height:301.4286%;left:-19.7917%;top:-78.5714%;mix-blend-mode:multiply}
.premium-footer .pf-bottom{justify-content:center}
@media(max-width:760px){.poster-arrow{width:40px;height:48px}#previous-slide{left:8px}#next-slide{right:8px}}