@charset "UTF-8";
.schools-hero { background:radial-gradient(ellipse at 88% 40%,#e9efde 0,transparent 49%); }
.schools-hero .hero-grid { grid-template-columns:1fr 1.04fr; gap:44px; }
.schools-hero h1 { font-size:clamp(44px,4.35vw,60px); }
.schools-hero .hero-actions { gap:20px; }
.schools-hero .hero-description { max-width:450px; }
.school-visual { position:relative; min-width:0; margin:0; padding:50px 0 74px; isolation:isolate; }
.school-orbit { position:absolute; z-index:-1; border:1px solid #dce5cf; border-radius:50%; left:7%; top:-5%; width:98%; height:103%; transform:rotate(18deg); }
.school-orbit-two { left:-2%; top:-13%; width:117%; height:121%; }
.school-language { display:flex; align-items:center; gap:8px; position:absolute; z-index:2; top:20px; left:25px; padding:12px 15px; border:1px solid #dfe6d8; border-radius:8px; background:#fffefa; transform:rotate(-4deg); box-shadow:0 5px 18px #26442f0a; }
.school-language>span { font-size:10px; font-weight:600; color:#527452; }
.school-language>i { width:1px; height:12px; background:#d9e2cf; }
.school-language>b { font-size:9px; font-weight:400; margin-left:7px; color:#718166; }
.school-browser { position:relative; background:#fffefa; border:1px solid #d7e2d1; border-radius:11px; overflow:hidden; transform:rotate(2deg); box-shadow:0 27px 50px -22px #2f513136; }
.school-portal { padding:0 22px; }
.school-portal-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:23px 0; }
.school-portal-brand { display:flex; align-items:center; gap:8px; font-size:13px; letter-spacing:-.4px; font-weight:600; }
.school-portal-brand>span { display:grid; place-items:center; width:26px; height:28px; background:#527953; color:#eef1d1; font-size:25px; font-weight:400; line-height:1; border-radius:6px 6px 12px 12px; padding-bottom:5px; }
.school-portal-brand small { display:block; font-size:4px; letter-spacing:1.1px; margin-top:4px; color:#7c8c6f; }
.school-portal-nav { font-size:6px; color:#6c7c63; }
.school-portal-hero { display:grid; grid-template-columns:1.15fr 1fr; gap:2px; align-items:center; background:#edf2df; border-radius:7px; padding:25px 16px 24px 22px; }
.school-mini-eyebrow { display:block; font-size:5px; color:#6d855b; letter-spacing:.7px; }
.school-portal-hero p { font-size:23px; line-height:1.2; letter-spacing:-.8px; font-weight:500; margin:15px 0 19px; }
.school-portal-hero p>span { color:#b4a363; }
.school-mini-button { display:inline-flex; align-items:center; gap:13px; padding:10px 11px; border-radius:4px; background:#456c4e; color:#fff; font-size:6px; }
.school-mini-button>span { font-size:12px; }
.school-building { width:100%; height:auto; }
.school-quicklinks { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:23px 0; }
.school-quicklinks>div { display:grid; grid-template-columns:23px 1fr; column-gap:7px; align-items:center; }
.school-quicklinks>div>span { grid-row:span 2; display:grid; place-items:center; background:#f1f3e6; color:#6a8658; width:23px; height:29px; border-radius:5px; font-size:19px; }
.school-quicklinks b { font-size:7px; font-weight:500; }
.school-quicklinks small { font-size:5px; color:#7c896c; margin-top:5px; }
.school-news { display:flex; align-items:center; gap:12px; border-top:1px solid #e3e8d8; padding:19px 0 22px; font-size:10px; }
.school-news>div { display:flex; gap:4px; margin-left:auto; }
.school-news i { width:5px; height:5px; border-radius:50%; background:#dbe4c6; }
.school-news i:first-child { background:#7f9a69; }
.school-news>span:last-child { font-size:6px; color:#6c7c63; }
.school-update { position:absolute; right:-13px; bottom:57px; display:flex; align-items:center; gap:12px; border:1px solid #dce5d2; border-radius:9px; background:#fffefa; padding:15px 18px; transform:rotate(-3deg); box-shadow:0 7px 20px #3046320a; }
.school-update>span { display:grid; place-items:center; width:32px; height:32px; background:#eaf1d8; color:#6f8853; border-radius:50%; font-size:25px; }
.school-update b { display:block; font-size:10px; font-weight:600; }
.school-update small { display:block; font-size:8px; margin-top:6px; color:#718166; }
.school-visual figcaption { position:absolute; left:0; right:0; bottom:10px; text-align:center; color:#6c7865; font-size:10px; line-height:1.6; }
.school-support-section { border-top:1px solid var(--line); background:#f8faf3; }
.school-support-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:85px; }
.school-support-copy>p { max-width:420px; font-size:14px; line-height:1.85; color:#6c7865; margin:23px 0 15px; }
.school-support-cards { display:grid; gap:15px; }
.school-support-cards>article { display:flex; align-items:flex-start; gap:18px; border:1px solid #e0e6d8; background:#fffefa; border-radius:11px; padding:27px; }
.school-service-symbol { flex-shrink:0; width:35px; height:35px; display:grid; place-items:center; background:#edf2e3; color:#6f8853; border-radius:8px; font-size:25px; }
.school-support-cards h3 { margin:3px 0 11px; font-size:17px; font-weight:500; letter-spacing:-.4px; }
.school-support-cards article p { color:#6c7865; font-size:12px; line-height:1.85; margin:0; }
.school-support-cards .text-link { font-size:11px; margin-top:12px; padding-bottom:0; }
.school-support-note { display:flex; align-items:center; gap:12px; padding:8px 27px 0; }
.school-support-note>span { color:#718a58; font-size:20px; }
.school-support-note p { margin:0; color:#6c7865; font-size:11px; line-height:1.75; }
.school-process { background:#fff; }
.schools-footer .brand-symbol { width:39px; }
.schools-footer .brand-name { font-size:20px; }
.schools-footer .brand-tagline { font-size:9px; }
.school-footer-links { display:flex; gap:25px; font-size:11px; color:#6c7865; }
.school-footer-links a:hover { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:1150px) {
  .schools-hero .hero-grid { gap:28px; }
  .schools-hero h1 { font-size:48px; }
  .school-portal { padding-inline:18px; }
  .school-portal-hero { padding:23px 15px; }
  .school-portal-hero p { font-size:21px; }
  .school-portal-brand { font-size:11px; }
  .school-portal-nav { font-size:5px; }
  .school-quicklinks { gap:8px; }
  .school-quicklinks>div { column-gap:5px; }
  .school-quicklinks b { font-size:6px; }
  .school-quicklinks small { font-size:4.5px; }
  .school-support-grid { gap:55px; }
}
@media(max-width:850px) {
  .schools-page .navigation { gap:15px; }
  .schools-page .navigation>a { font-size:10px; }
  .schools-page .button-small { padding-inline:10px; gap:8px; }
  .schools-hero .hero-grid { gap:22px; }
  .schools-hero h1 { font-size:39px; }
  .schools-hero .hero-description { font-size:13px; }
  .school-visual { padding-top:38px; padding-bottom:67px; }
  .school-language { top:10px; left:13px; gap:6px; padding:10px; }
  .school-language>span { font-size:8px; }
  .school-language>b { font-size:7px; margin-left:3px; }
  .school-portal { padding-inline:13px; }
  .school-portal-header { padding-block:17px; gap:9px; }
  .school-portal-brand { font-size:9px; gap:5px; }
  .school-portal-brand>span { width:22px; height:24px; font-size:21px; }
  .school-portal-brand small { font-size:3px; letter-spacing:.6px; }
  .school-portal-nav { font-size:4px; }
  .school-portal-hero { padding:20px 12px; }
  .school-mini-eyebrow { font-size:3.5px; letter-spacing:.3px; }
  .school-portal-hero p { font-size:16px; letter-spacing:-.6px; margin:12px 0 14px; }
  .school-mini-button { font-size:4.5px; padding:8px; gap:9px; }
  .school-mini-button>span { font-size:8px; }
  .school-quicklinks { gap:8px; padding-block:18px; }
  .school-quicklinks>div { grid-template-columns:1fr; }
  .school-quicklinks>div>span { grid-row:auto; width:22px; height:23px; font-size:17px; margin-bottom:7px; }
  .school-quicklinks small { display:none; }
  .school-news { gap:7px; padding:17px 0 20px; font-size:8px; }
  .school-news>span:last-child { font-size:4.5px; }
  .school-news i { width:4px; height:4px; }
  .school-update { right:-7px; bottom:51px; padding:11px 12px; gap:8px; }
  .school-update>span { width:26px; height:26px; font-size:21px; }
  .school-update b { font-size:8px; }
  .school-update small { font-size:6.5px; margin-top:4px; }
  .school-visual figcaption { font-size:8px; bottom:7px; }
  .school-support-grid { gap:34px; }
  .school-support-copy>.eyebrow { font-size:8px; letter-spacing:.7px; }
  .school-support-copy>p { font-size:13px; }
  .school-support-cards>article { padding:23px 20px; gap:13px; }
  .school-support-cards h3 { font-size:15px; line-height:1.5; margin-top:0; }
  .school-support-cards article p { font-size:11px; }
  .school-service-symbol { width:29px; height:29px; font-size:22px; }
  .school-support-note { padding-left:20px; }
  .school-footer-links { flex-direction:column; gap:10px; font-size:10px; }
}
@media(max-width:650px) {
  .schools-page .navigation>a:not(.button) { font-size:14px; }
  .schools-page .navigation .button { font-size:13px; }
  .schools-hero .hero-grid { gap:0; }
  .schools-hero h1 { font-size:clamp(41px,10.5vw,52px); line-height:1.1; letter-spacing:-1.9px; }
  .schools-hero .hero-description { font-size:14px; }
  .schools-hero .hero-actions { flex-direction:column; align-items:flex-start; gap:17px; }
  .schools-hero .hero-actions .text-link { font-size:12px; }
  .school-visual { width:100%; max-width:450px; align-self:center; padding:38px 4px 70px; margin-top:34px; }
  .school-orbit { left:6%; width:97%; height:101%; top:-5%; }
  .school-orbit-two { left:-4%; width:113%; height:117%; top:-13%; }
  .school-language { top:8px; left:20px; padding:10px 13px; gap:7px; }
  .school-language>span { font-size:9px; }
  .school-language>b { font-size:8px; margin-left:5px; }
  .school-portal { padding-inline:16px; }
  .school-portal-header { padding-block:20px; }
  .school-portal-brand { font-size:11px; gap:7px; }
  .school-portal-brand small { font-size:3.5px; letter-spacing:.7px; }
  .school-portal-nav { font-size:4.5px; }
  .school-portal-hero { padding:24px 13px; }
  .school-mini-eyebrow { font-size:4px; letter-spacing:.45px; }
  .school-portal-hero p { font-size:clamp(16px,4.9vw,23px); margin-top:14px; }
  .school-mini-button { font-size:5px; gap:10px; padding:9px; }
  .school-mini-button>span { font-size:9px; }
  .school-quicklinks { padding-block:20px; }
  .school-quicklinks>div { grid-template-columns:23px 1fr; column-gap:6px; }
  .school-quicklinks>div>span { grid-row:span 2; margin:0; height:26px; }
  .school-quicklinks b { font-size:6px; }
  .school-quicklinks small { display:block; font-size:4px; margin-top:4px; }
  .school-news { font-size:9px; padding:18px 0 22px; }
  .school-news>span:last-child { font-size:5px; }
  .school-update { right:0; bottom:50px; padding:12px 14px; gap:10px; }
  .school-update b { font-size:9px; }
  .school-update small { font-size:7px; }
  .school-update>span { width:29px; height:29px; font-size:23px; }
  .school-visual figcaption { font-size:9px; bottom:7px; }
  .school-support-grid { grid-template-columns:1fr; gap:25px; }
  .school-support-copy>.eyebrow { font-size:8px; letter-spacing:.8px; }
  .school-support-copy>p { font-size:14px; margin-top:19px; }
  .school-support-cards>article { padding:24px 21px; gap:15px; }
  .school-support-cards h3 { font-size:17px; margin-bottom:9px; }
  .school-support-cards article p { font-size:13px; }
  .school-support-cards .text-link { font-size:12px; }
  .school-service-symbol { width:31px; height:31px; font-size:24px; }
  .school-support-note { padding:6px 20px 0; }
  .school-support-note p { font-size:11px; }
  .schools-footer .footer-inner { align-items:flex-start; }
  .schools-footer .brand-symbol { width:32px; }
  .schools-footer .brand-name { font-size:18px; }
  .schools-footer .brand-tagline { font-size:8px; }
  .school-footer-links { order:3; flex-basis:100%; flex-direction:row; flex-wrap:wrap; gap:12px 24px; font-size:11px; }
  .schools-footer .footer-inner>span { padding-top:5px; }
}
@media(max-width:360px) {
  .schools-hero h1 { font-size:38px; }
  .schools-hero .hero-description { font-size:13px; }
  .schools-hero .hero-actions .button { font-size:12px; }
  .school-portal { padding-inline:12px; }
  .school-portal-header { gap:6px; padding-block:17px; }
  .school-portal-brand { font-size:9px; }
  .school-portal-nav { font-size:4px; }
  .school-portal-brand small { font-size:3px; letter-spacing:.4px; }
  .school-portal-hero { padding:20px 11px; }
  .school-mini-eyebrow { font-size:3.4px; letter-spacing:.25px; }
  .school-portal-hero p { font-size:16px; }
  .school-mini-button { font-size:4.5px; padding:7px; gap:6px; }
  .school-quicklinks>div { column-gap:4px; grid-template-columns:19px 1fr; }
  .school-quicklinks>div>span { width:19px; height:24px; font-size:16px; }
  .school-quicklinks b { font-size:5px; }
  .school-quicklinks small { font-size:3.5px; }
  .school-news { font-size:8px; }
  .school-news>span:last-child { font-size:4px; }
  .school-language>b { font-size:7px; }
  .school-visual figcaption { font-size:8px; }
  .school-support-cards>article { padding:22px 18px; gap:12px; }
  .school-support-cards article p { font-size:12px; }
  .school-support-cards h3 { font-size:16px; }
}