@charset "UTF-8";
.international-page{--soft:#f2f6fa}
.international-hero .hero-track{height:580px}
.international-hero h1{font-size:43px;line-height:1.35}
.international-hero .hero-lead{font-size:26px}
.international-hero .hero-copy{padding-bottom:42px}
.international-hero .hero-photo{object-position:center 48%}
.international-hero .hero-slide:after{background:linear-gradient(90deg,rgba(247,250,252,.98),rgba(247,250,252,.92) 26%,rgba(247,250,252,.2) 60%,transparent 82%)}
.international-page .eyebrow{font-size:13px}
.international-page .principles p{font-size:16px}
.student-band{background:#eef5f3}
.student-paths{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.student-paths article{border-top:2px solid #203b61;padding-top:24px}
.path-label{font-size:12px;font-weight:800;color:#207761;margin-bottom:16px}
.student-paths h3{font-size:25px;margin-bottom:18px}
.student-paths article>p:not(.path-label){font-size:16px;color:#4b5f67}
.student-paths ul{list-style:none;padding:0;display:grid;gap:15px;margin:28px 0;font-size:15px}
.student-paths li{display:flex;gap:10px;align-items:flex-start}
.student-paths li svg{width:18px;height:18px;margin-top:4px;color:#207761}
.text-consult{display:inline-flex;align-items:center;gap:12px;padding:10px 0;border:0;border-bottom:1px solid #203b61;color:#203b61;background:transparent;font-size:15px;font-weight:700}
.text-consult:hover{color:#207761;border-color:#207761}
.student-note{margin-top:34px;font-size:13px;color:#596d71}
.subject-promo{width:min(1120px,calc(100% - 64px));margin:64px auto 0;scroll-margin-top:150px}
.subject-promo img{display:block;width:100%;height:auto}
.subject-promo+#subjects{padding-top:56px}
.international-page .grade-panel{min-height:304px}
.international-page .grade-panel p{font-size:16px}
.international-page .grade-panel li{font-size:16px}
.curriculum-note{border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:16px;padding-top:24px}
.curriculum-note svg{color:var(--green);margin-top:4px}
.curriculum-note p{font-size:14px;color:#5b6a78}
.international-story .story-trust h2{font-size:42px}
.international-story .story-learning{min-height:420px}
.international-story .story-learning:after{background:#152b49c9}
.international-story .story-learning h2 strong{color:#c7e7db}
.international-story .story-learning .story-photo{object-position:center 52%}
.international-story .story-together .story-photo{object-position:center 43%}
.international-story .story-banner .story-content>p:not(.story-kicker){font-size:16px}
.international-story .promise-points dd{font-size:28px}
.international-story .promise-points .point-detail{font-size:13px}
.international-story .story-disclosure{font-size:12px}
.international-page .poster-wrap{max-width:710px}
.international-page .faq-list details p{font-size:15px}
.international-page .closing-band{background:#eef5f3}
@media(min-width:1600px){.international-hero .hero-track{height:620px}}
@media(min-width:701px) and (max-width:1000px){
 .international-hero h1{font-size:36px}.international-hero .hero-lead{font-size:23px}
 .international-hero .hero-photo{object-position:65% center}
 .student-paths{gap:30px}.student-paths h3{font-size:22px}.student-paths article>p br{display:none}
}
@media(max-width:700px){
 .subject-promo{width:100%;margin-top:32px;scroll-margin-top:123px}
 .subject-promo+#subjects{padding-top:36px}
 .international-hero .hero-track{height:clamp(470px,calc(100svh - 180px),590px)}
 .international-hero .hero-photo{object-position:74% center;transform:translateY(-16%)}
 .international-hero .hero-slide:after{background:linear-gradient(0deg,rgba(18,37,58,.98),rgba(18,37,58,.85) 37%,rgba(18,37,58,.15) 70%,transparent)}
 .international-hero .hero-copy{padding-bottom:78px}
 .international-hero h1{font-size:28px;line-height:1.4;margin-bottom:12px}
 .international-hero h2{font-size:28px}
 .international-hero .hero-lead{font-size:20px;margin-bottom:12px}
 .international-hero .hero-description{font-size:13px}
 .international-hero .hero-description br{display:none}
 .international-hero .eyebrow{font-size:11px}
 .international-page .section-nav .wrap{gap:25px}
 .international-page .eyebrow{font-size:12px}
 .international-page .hero .eyebrow{font-size:11px}
 .international-page .intro-heading h2{font-size:25px}
 .international-page .principles p{font-size:15px}
 .student-paths{grid-template-columns:1fr;gap:38px}
 .student-paths h3{font-size:23px}
 .student-paths article>p:not(.path-label){font-size:15px}
 .student-paths ul{font-size:14px;gap:12px}
 .student-note{font-size:12px}
 .international-page .grade-panel{min-height:380px;gap:16px}
 .international-page .grade-panel p,.international-page .grade-panel li{font-size:15px}
 .curriculum-note{gap:12px}.curriculum-note p{font-size:13px}
 .international-story .story-trust h2{font-size:30px}
 .international-story .story-banner .story-content>p:not(.story-kicker){font-size:14px}
 .international-story .story-banner .story-content>p:not(.story-kicker) br{display:none}
 .international-story .story-online{min-height:610px}
 .international-story .story-online .story-photo{object-position:74% 20%}
 .international-story .story-online:after{background:linear-gradient(0deg,#edf2f3 12%,#edf2f3f2 42%,#edf2f3c9 51%,transparent 73%)}
 .international-story .story-together{min-height:640px}
 .international-story .story-together .story-photo{object-position:85% 25%;transform:translateY(-16%)}
 .international-story .story-together:after{background:linear-gradient(0deg,#f3f6fa 15%,#f3f6faf5 43%,#f3f6fae6 52%,transparent 76%)}
 .international-story .story-learning{min-height:390px}
 .international-story .story-learning .story-content{padding-block:48px}
 .international-story .story-learning h2{font-size:24px}
 .international-story .promise-points dd{font-size:22px}
 .international-story .promise-points .point-detail{font-size:12px}
 .international-story .promise-description{font-size:14px}
 .international-story .story-disclosure{font-size:11px}
 .international-page .poster-wrap{max-width:none}
 .international-page .faq-list details p{font-size:14px}
}
@media(max-width:360px){
 .international-hero h1{font-size:25px}.international-hero h2{font-size:25px}
 .international-hero .hero-lead{font-size:18px}
 .international-page .intro-heading h2{font-size:23px}
 .student-paths h3{font-size:21px}
}
@media(max-width:700px) and (max-height:660px){
 .international-hero .hero-track{height:440px}
 .international-hero .hero-description{display:none}
}