.school-bar{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;padding:20px 20px 0}.hero .header{padding-top:16px}.hero-content{padding-top:35px}
[hidden]{display:none!important}.hero-campuses{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.hero-campuses a{padding:7px 15px;border:1px solid #ffffff80;border-radius:24px;background:#ffffff12;font-size:14px;line-height:1.4}.hero-campuses a:hover{background:#ffffff2b}.hero-intro{margin-bottom:18px}.campus-addresses h3{font:400 23px var(--serif);margin-bottom:8px}.contact .campus-programs{font-size:13px!important;color:#d8e6d1!important;margin-bottom:10px!important}.campus-addresses>div+div{margin-top:28px;padding-top:25px;border-top:1px solid #ffffff30}.whatsapp-link{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:12px 17px;border:1px solid #bfe3c8;border-radius:28px;background:#e8f6e9;color:#254d30;font-size:15px;white-space:nowrap}.whatsapp-link:hover{background:white}.contact-details{grid-template-columns:1.05fr 1.3fr 1fr}.hero-content .hero-intro{max-width:600px}@media(max-width:760px){.hero-content{padding-top:45px}.hero-campuses{gap:8px}.hero-campuses a{font-size:12px;padding:7px 11px}.hero-content .hero-intro{max-width:330px;font-size:20px}.contact-details{grid-template-columns:1fr}.hero{min-height:740px}}
.school-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;width:280px;flex-shrink:0;height:54px;padding:5px;border-radius:40px;border:1px solid #bdceb3;background:#dfe9d8;box-shadow:inset 0 2px 5px #253f2a12;cursor:pointer;color:#486044;touch-action:pan-y}
.school-switch-thumb{position:absolute;z-index:-1;inset:5px auto 5px 5px;width:calc(50% - 5px);border-radius:32px;background:linear-gradient(155deg,#7aab62,#52834c);box-shadow:0 3px 8px #253f2a30,inset 0 1px 1px #ffffff70;transition:transform .55s cubic-bezier(.22,1,.36,1),background .5s}
.school-option{display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;transition:color .3s}.school-switch[aria-checked=false] .school-option:first-of-type{color:white}.school-switch[aria-checked=false] .school-option:nth-child(2){color:white}.school-switch[aria-checked=true] .school-option:last-child{color:white}.school-switch[aria-checked=true] .school-switch-thumb{transform:translateX(100%);background:linear-gradient(155deg,#74a8a3,#477d78)}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.school-placeholder{background:#dbe7e2;object-fit:cover}.school-changing main,.school-changing .hero-content{animation:school-enter .45s ease both}@keyframes school-enter{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:none}}
html{scroll-padding-top:35px}body{transition:background-color .5s,color .5s}body[data-school=primary]{--green:#477d78;--bright:#76a69c;--forest:#294943;--paper:#f3f7f3;--ink:#354640}body[data-school=primary] .school-switch{background:#dce8e3;border-color:#b4cbc3}body[data-school=primary] .hero{background:#2c514a}body[data-school=primary] .hero-shade{background:linear-gradient(90deg,#1b3935e8,#21494183 60%,#21494122)}body[data-school=primary] .button-green,body[data-school=primary] .nav-button{background:var(--green)}body[data-school=primary] .story{background:#e4eeea;border-color:#ccdcd4}body[data-school=primary] .contact{background:#2e534e}body[data-school=primary] .contact-shade{background:linear-gradient(90deg,#294c48f5,#365f58e8)}body[data-school=primary] .button-white{color:var(--forest)}body[data-school=primary] .activity-tags li{background:#e4eeea;color:#3c625c;border-color:#c2d7ce}body[data-school=primary] .hero-photo{object-position:center}.primary-note{color:var(--green)}
@media(max-width:760px){.school-bar{padding:16px 20px 0}.school-switch{width:260px;height:50px}.hero{min-height:780px;height:100svh}.hero-content{padding-top:32px}.school-option{font-size:14px}}
@media(prefers-reduced-motion:reduce){.school-switch-thumb,.school-option,.school-bar,body{transition:none}.school-changing main,.school-changing .hero-content{animation:none}}
