@charset "UTF-8";
.arts-page{--soft:#f2f6fa}
.arts-page .eyebrow{font-size:13px}
.arts-hero .hero-track{height:580px}
.arts-hero .hero-photo{object-position:center 43%}
.arts-hero .hero-slide:after{background:linear-gradient(90deg,#f6f9fbfa,#f6f9fbe6 27%,#f6f9fb30 62%,transparent 82%)}
.arts-hero h1{font-size:52px}
.arts-hero h2{font-size:39px}
.arts-hero .hero-lead{font-size:28px}
.arts-hero .hero-copy{padding-bottom:40px}
.arts-page .principles p{font-size:16px}
.scope-note{border-top:1px solid var(--line);margin-top:32px;padding-top:22px;display:flex;gap:12px;align-items:flex-start;color:#5b6a78;font-size:14px}
.scope-note svg{margin-top:3px;color:#207761}
.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:14px;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}
.arts-page .grade-panel{min-height:315px}
.arts-page .grade-panel p,.arts-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}
.arts-story .story-trust h2{font-size:42px}
.arts-story .story-online .story-photo{object-position:center 43%}
.arts-story .story-learning{min-height:410px}
.arts-story .story-learning:after{background:#152b49c9}
.arts-story .story-learning h2 strong{color:#c7e7db}
.arts-story .story-learning .story-photo{object-position:center 52%}
.arts-story .story-together .story-photo{object-position:center 35%}
.arts-story .story-banner .story-content>p:not(.story-kicker){font-size:16px}
.arts-story .promise-points dd{font-size:28px}
.arts-story .promise-points .point-detail{font-size:13px}
.arts-story .story-disclosure{font-size:12px}
.arts-page .faq-list details p{font-size:15px}
.arts-page .closing-band{background:#eef5f3}
@media(min-width:1600px){.arts-hero .hero-track{height:620px}}
@media(min-width:701px) and (max-width:1000px){
 .arts-hero h1{font-size:43px}.arts-hero h2{font-size:34px}.arts-hero .hero-lead{font-size:25px}
 .arts-hero .hero-photo{object-position:65% center}
 .student-paths{gap:30px}.student-paths h3{font-size:23px}
 .student-paths article>p br{display:none}
 .arts-story .story-trust h2{font-size:36px}
}
@media(max-width:700px){
 .arts-hero .hero-track{height:clamp(460px,calc(100svh - 180px),590px)}
 .arts-hero .hero-photo{object-position:80% center;transform:translateY(-16%)}
 .arts-hero .hero-slide:after{background:linear-gradient(0deg,#12253afa,#12253ad9 37%,#12253a26 70%,transparent)}
 .arts-hero .hero-copy{padding-bottom:78px}
 .arts-hero h1{font-size:34px;line-height:1.4;margin-bottom:12px}
 .arts-hero h2{font-size:28px}
 .arts-hero .hero-lead{font-size:22px;margin-bottom:12px}
 .arts-hero .hero-description{font-size:13px}
 .arts-hero .hero-description br{display:none}
 .arts-page .eyebrow{font-size:12px}
 .arts-page .hero .eyebrow{font-size:11px}
 .arts-page .intro-heading h2{font-size:25px}
 .arts-page .principles p{font-size:15px}
 .scope-note{font-size:13px}
 .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}
 .arts-page .grade-tabs button{min-width:0;padding-inline:8px}
 .arts-page .grade-panel{min-height:395px;gap:16px}
 .arts-page .grade-panel p,.arts-page .grade-panel li{font-size:15px}
 .curriculum-note{gap:12px}.curriculum-note p{font-size:13px}
 .arts-story .story-trust h2{font-size:30px}
 .arts-story .story-banner .story-content>p:not(.story-kicker){font-size:14px}
 .arts-story .story-banner .story-content>p:not(.story-kicker) br{display:none}
 .arts-story .story-online{min-height:620px}
 .arts-story .story-online .story-photo{object-position:76% 20%}
 .arts-story .story-online:after{background:linear-gradient(0deg,#edf2f3 12%,#edf2f3f2 42%,#edf2f3c9 51%,transparent 73%)}
 .arts-story .story-together{min-height:630px}
 .arts-story .story-together .story-photo{object-position:77% 25%;transform:translateY(-14%)}
 .arts-story .story-together:after{background:linear-gradient(0deg,#f3f6fa 15%,#f3f6faf5 43%,#f3f6fae6 52%,transparent 76%)}
 .arts-story .story-learning{min-height:390px}
 .arts-story .story-learning .story-content{padding-block:48px}
 .arts-story .story-learning h2{font-size:24px}
 .arts-story .promise-points dd{font-size:22px}
 .arts-story .promise-points .point-detail{font-size:12px}
 .arts-story .promise-description{font-size:14px}
 .arts-story .story-disclosure{font-size:11px}
 .arts-page .faq-list details p{font-size:14px}
}
@media(max-width:360px){
 .arts-hero h1{font-size:30px}.arts-hero h2{font-size:25px}.arts-hero .hero-lead{font-size:20px}
 .arts-page .intro-heading h2{font-size:23px}
 .student-paths h3{font-size:21px}
 .arts-story .story-trust h2{font-size:28px}
}
@media(max-width:700px) and (max-height:660px){
 .arts-hero .hero-track{height:440px}
 .arts-hero .hero-description{display:none}
}