.schools-page{--school-muted:#a3a3a3;--school-rule:#ffffff25;--school-panel:#121212;max-width:1440px;padding:0 48px;margin:auto}
html[data-theme=light] .schools-page{--school-muted:#626762;--school-rule:#00000020;--school-panel:#f3f5f2}
.schools-page h1,.schools-page h2,.schools-page h3{font-weight:700;letter-spacing:-.045em}
.school-hero{text-align:center;padding:56px 20px 95px;max-width:1000px;margin:auto}
.school-eyebrow{font-size:15px;color:var(--school-muted);margin:0 0 24px}
.school-hero h1{font-size:clamp(48px,6.3vw,88px);line-height:1.06;margin:0}
.school-hero>p:not(.school-eyebrow){font-size:21px;line-height:1.6;color:var(--school-muted);margin:28px 0 32px}
.school-text-link{display:block;font-size:15px;text-decoration:underline;text-underline-offset:5px;margin-top:24px;color:var(--school-muted)}
.school-section{padding:88px 0;scroll-margin-top:150px}
.school-section h2{font-size:clamp(36px,4.5vw,62px);line-height:1.08;margin:0}
.school-manifesto{padding:80px 55px;background:var(--school-panel);border-radius:25px;text-align:center}
.school-manifesto h2{font-size:clamp(42px,5.4vw,76px)}
.school-handdrawn{position:relative;white-space:nowrap}
.school-handdrawn svg{position:absolute;left:0;bottom:-12px;width:100%;height:20px;overflow:visible}
.school-handdrawn path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.school-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:75px;text-align:left}
.school-benefits article>span,.school-setup li>span{font-size:14px;color:var(--school-muted)}
.school-benefits h3{font-size:25px;line-height:1.15;margin:15px 0}
.school-benefits p,.school-setup li p{font-size:16px;line-height:1.6;color:var(--school-muted);margin:0}
.school-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.school-body{font-size:19px;line-height:1.6;color:var(--school-muted);max-width:440px;margin:28px 0 0}
.school-app-list>div{padding:24px 0;border-bottom:1px solid var(--school-rule)}
.school-app-list span{font-size:15px;color:var(--school-muted);display:block;margin-bottom:8px}
.school-app-list strong{font-size:clamp(28px,3vw,40px);letter-spacing:-.04em}
.school-setup{text-align:center;border-top:1px solid var(--school-rule);border-bottom:1px solid var(--school-rule)}
.school-setup ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:0;margin:55px 0 45px;text-align:left}
.school-setup h3{font-size:25px;line-height:1.2;margin:20px 0 14px}
.school-comparison{text-align:center;max-width:1000px;margin:auto}
.school-comparison-table{margin-top:45px;border:1px solid var(--school-rule);border-radius:20px;overflow:hidden;text-align:left}
.school-comparison table{width:100%;border-collapse:collapse;font-size:18px;line-height:1.5}
.school-comparison th,.school-comparison td{padding:25px 28px;border-bottom:1px solid var(--school-rule)}
.school-comparison thead{font-size:14px;color:var(--school-muted)}
.school-comparison tbody th{width:30%;font-weight:600}
.school-comparison tbody td{color:var(--school-muted)}
.school-highlight{background:var(--school-panel)}
.school-comparison .school-highlight td{color:inherit;font-weight:600}
.school-comparison tbody tr:last-child>*{border-bottom:0}
.school-small{font-size:14px;line-height:1.65;color:var(--school-muted);max-width:670px;margin:22px auto 0}
.school-faq{max-width:820px;margin:auto;padding-top:20px}
.school-faq h2{margin-bottom:35px}
.school-contact{text-align:center;border-top:1px solid var(--school-rule)}
.school-contact>p:not(.school-eyebrow):not(.school-small){font-size:19px;color:var(--school-muted);margin:25px 0 30px}
.schools-page a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:900px){.school-split{gap:40px}.school-benefits{gap:25px}.school-manifesto{padding:60px 30px}.school-setup ol{gap:25px}}
@media(max-width:700px){.schools-page{padding:0 22px}.school-hero{padding:28px 0 44px}.school-hero h1{font-size:clamp(40px,10vw,58px)}.school-eyebrow{margin-bottom:16px}.school-hero>p:not(.school-eyebrow){font-size:18px;margin:20px 0 25px}.school-section{padding:44px 0;scroll-margin-top:110px}.school-section h2{font-size:clamp(34px,8.5vw,46px)}.school-manifesto{padding:35px 24px;border-radius:18px}.school-benefits{grid-template-columns:1fr;margin-top:42px;gap:28px}.school-benefits h3{margin:9px 0;font-size:24px}.school-split{grid-template-columns:1fr;gap:24px}.school-body{font-size:17px;margin-top:20px}.school-app-list>div{padding:18px 0}.school-setup ol{grid-template-columns:1fr;gap:26px;margin:30px 0}.school-setup h3{margin:9px 0;font-size:23px}.school-comparison-table{margin-top:28px}.school-comparison table{font-size:15px}.school-comparison th,.school-comparison td{padding:17px 13px}.school-comparison tbody th{width:33%}.school-faq h2{margin-bottom:24px}.school-contact .parents-cta{font-size:14px;padding:16px 20px}}

/* Short, concrete student story and one enquiry destination. */
.schools-simple .school-hero{max-width:1200px;padding-bottom:65px}
.schools-simple .school-hero h1{font-size:clamp(42px,5.6vw,76px)}
.school-classroom-photo{aspect-ratio:16/9;margin:0;border-radius:25px;overflow:hidden;background:var(--school-panel)}
.school-classroom-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.student-capabilities{max-width:1000px;margin:auto}
.student-capabilities>h2,.student-capabilities>.school-eyebrow{text-align:center}
.student-capability-list{margin-top:45px}
.student-capability-list article{display:flex;align-items:baseline;gap:30px;padding:28px 0;border-bottom:1px solid var(--school-rule)}
.student-capability-list article>span{font-size:14px;color:var(--school-muted)}
.student-capability-list h3{font-size:clamp(25px,3vw,36px);line-height:1.15;margin:0 0 12px}
.student-capability-list p{font-size:18px;line-height:1.6;color:var(--school-muted);margin:0;max-width:680px}
.student-capabilities .school-small{text-align:center;max-width:none}
.student-capabilities .school-small a{text-decoration:underline;text-underline-offset:4px}
.schools-simple #school-contact{padding-top:0}
.school-inquiry-box{text-align:center;background:var(--school-panel);border:1px solid var(--school-rule);border-radius:28px;padding:85px 35px}
.school-inquiry-box h2{font-size:clamp(40px,5.5vw,76px)}
.school-inquiry-box>p:not(.school-eyebrow){font-size:19px;color:var(--school-muted);line-height:1.6;margin:25px auto 32px;max-width:530px}
.school-inquiry-email{display:block;width:fit-content;margin:34px auto 0;font-size:15px;color:var(--school-muted)}
.school-inquiry-email a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.school-inquiry-email a:hover{color:inherit;opacity:.8}
@media(max-width:700px){.schools-simple .school-hero{padding-bottom:32px}.schools-simple .school-hero h1{font-size:clamp(34px,8.5vw,48px)}.school-classroom-photo{aspect-ratio:4/3;border-radius:18px}.student-capability-list{margin-top:26px}.student-capability-list article{gap:16px;padding:22px 0}.student-capability-list p{font-size:16px}.student-capability-list h3{font-size:25px}.school-inquiry-box{padding:42px 20px;border-radius:20px}.school-inquiry-box>p:not(.school-eyebrow){font-size:17px;margin:22px 0 25px}.school-inquiry-box .parents-cta{font-size:15px;padding:16px 19px}.school-hero>p br{display:none}}

/* Single big enquiry CTA replacing the mail-client chooser. */
.school-enquire-cta{min-height:62px;padding:0 44px;font-size:17px;margin-top:10px}
.school-enquire-cta:hover{transform:translateY(-1px)}

/* The stat bar's 126px top margin was what cleared the fixed header; it is
   gone, so the hero needs the clearance itself. */
.schools-page .school-hero{padding-top:126px}

/* Photos on capability rows 02 and 03. */
.student-capability-list article>div{flex:1}
.capability-photo{margin:0;flex:0 0 210px;align-self:center}
.capability-photo img{display:block;width:100%;height:auto;border-radius:16px}
@media(max-width:700px){.student-capability-list article{flex-wrap:wrap}.capability-photo{flex:1 1 100%;max-width:340px;margin-top:6px}}

/* The long empowerment headline needs a calmer scale than the old
   two-word pair. */
.schools-simple .school-hero h1{line-height:1.12;letter-spacing:-.035em;margin:0 auto}

.schools-simple .school-hero h1{font-size:clamp(27px,3.2vw,42px);max-width:760px}
.school-hero .parents-cta{margin-top:30px}

/* Capability cards in the parents-slider layout. */
.student-capabilities .setup-slide h3{font-size:19px;margin:14px 2px 0;text-align:left}
.student-capabilities .setup-slide p{font-size:14px;line-height:1.55;color:var(--school-muted);margin:6px 2px 0;max-width:none;text-align:left}
.student-capabilities .school-cap-doodle{margin:6px 0 0}

/* Enquiry: no box, just the headline and CTA. */
.school-inquiry-box{background:transparent;border:0;padding:30px 0}