.school-hero{min-height:550px;background:#f4fbff;padding:56px clamp(22px,8.5vw,135px) 72px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;overflow:hidden}.school-hero h1{font:700 clamp(48px,5.5vw,79px)/.98 Fraunces,serif;letter-spacing:-4px;margin:0}.school-hero>div:first-child>p:not(.eyebrow):not(.crumb){max-width:480px;line-height:1.7;font-size:16px;margin:26px 0}.school-scene{height:402px;border-radius:48% 48% 32px 32px;position:relative;overflow:hidden;background:#a8d8ff}.school-sun{position:absolute;right:42px;top:36px;color:#fff;font-size:56px}.school-house{position:absolute;width:220px;height:180px;bottom:0;left:50%;transform:translateX(-50%);background:#0c62bd;border-radius:18px 18px 0 0}.school-house:before{content:"";position:absolute;width:170px;height:170px;background:#176fcb;top:-68px;left:25px;transform:rotate(45deg);border-radius:15px}.house-door{position:absolute;z-index:2;width:50px;height:76px;background:#fff;border-radius:28px 28px 0 0;bottom:0;left:85px}.window{position:absolute;z-index:2;width:34px;height:34px;background:#d9f0ff;border-radius:50%}.window.one{left:35px;top:49px}.window.two{right:35px;top:49px}.school-cloud{position:absolute;top:74px;left:52px;color:white;font-size:63px}.school-star{position:absolute;color:white;left:35px;bottom:48px;font-size:36px}.school-intro{display:grid;grid-template-columns:.55fr 1fr;gap:80px;background:white}.school-intro h2,.levels h2,.school-note h2{font:700 clamp(38px,4.3vw,62px)/1 Fraunces;letter-spacing:-3px;margin:0}.school-intro div>p{max-width:620px;line-height:1.8;font-size:16px;margin:28px 0 0}.levels{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;background:#e9f6ff}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.level-grid article{min-height:152px;background:white;border-radius:14px;padding:19px;position:relative}.level-grid article:last-child{grid-column:1/-1;background:#1068bf;color:white}.level-grid span{color:#0d6efd;font:700 14px Fraunces}.level-grid article:last-child span{color:#bde4ff}.level-grid h3{font:700 27px Fraunces;margin:15px 0 4px}.level-grid p{margin:0;font-size:13px}.level-grid i{font:normal 36px Fraunces;position:absolute;right:18px;bottom:15px;color:#8fc8f5}.school-note{padding:100px clamp(22px,8.5vw,135px);display:grid;grid-template-columns:.8fr 1fr;gap:clamp(50px,12vw,180px);align-items:center;background:#d6edff}.note-mark{width:min(325px,75vw);aspect-ratio:1;border-radius:50%;background:#0d6efd;display:grid;place-items:center;color:white;font:italic 145px Fraunces;transform:rotate(-9deg);box-shadow:15px 15px 0 #8ac1ec}.note-mark span{font:normal 55px DM Sans;color:#d6edff;margin-left:-23px}.school-note>div:last-child>p:not(.eyebrow){line-height:1.75;max-width:460px;margin:25px 0}.school-note .button{margin-top:7px}
@media(max-width:760px){.school-hero,.school-intro,.levels,.school-note{grid-template-columns:1fr;gap:38px}.school-hero{padding-top:35px}.school-hero h1{font-size:54px}.school-scene{height:320px}.school-intro,.levels,.school-note{padding-top:70px;padding-bottom:70px}.level-grid{grid-template-columns:1fr}.level-grid article:last-child{grid-column:auto}.school-note{justify-items:center}.school-note>div:last-child{justify-self:start}}