/* English site foundation. Component and page layout styles remain separate. */
:root { --blue:#2b649f;--green:#419284;--purple:#705296;--lavender:#b5abc9;--ink:#221a18;--paper:#faf8f5;--line:#e4dfe8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0;color:var(--ink);background:var(--paper);font-family:Archivo,'Noto Sans SC',sans-serif;font-size:16px;line-height:1.7; }
a { color:inherit;text-decoration:none; }
a:focus-visible { outline:3px solid var(--purple);outline-offset:5px; }
img { max-width:100%;display:block; }
.text-link:hover { color:var(--purple); }
.eyebrow { display:block;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--purple);margin-bottom:24px; }
h1 { font-size:clamp(58px,6.4vw,104px);line-height:1.02;font-weight:400;letter-spacing:-.045em;margin:0 0 30px;font-family:Newsreader,'Noto Sans SC',serif; }
h1 em { color:var(--lavender);font-style:italic; }
.button { display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 24px;background:var(--purple);color:white;font-size:14px; }
.button:hover { background:#5d407f; }
.text-link { font-size:14px;border-bottom:1px solid var(--lavender);padding-bottom:5px; }
h2 { font-family:Newsreader,'Noto Sans SC',serif;font-size:clamp(32px,3.5vw,56px);line-height:1.15;font-weight:400;letter-spacing:-.025em;margin:0;color:var(--purple); }
h3 { font-size:19px;font-weight:500;margin:20px 0 10px; }
.school-button { background:var(--blue);white-space:nowrap; }
.school-button:hover { background:#245386; }
@media(max-width:600px) {
h1 { font-size:64px; }
h2 { font-size:36px; }
}
@media(prefers-reduced-motion:reduce) {
html { scroll-behavior:auto; }
}
:root { --paper:#f6f3f0; }
body { font-family:Archivo,'Noto Sans SC',sans-serif; }
h1 { font-family:Archivo,'Noto Sans SC',sans-serif;font-weight:700;font-size:clamp(84px,10.5vw,164px);line-height:.9;letter-spacing:-.065em;margin:34px 0; }
h1 em { font-family:Newsreader,'Noto Sans SC',serif;font-weight:400;letter-spacing:-.055em;font-style:italic; }
.button { border-radius:0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:16px 22px; }
.eyebrow { font-size:10px;letter-spacing:.18em;font-weight:600; }
h2 { font-family:Archivo,'Noto Sans SC',sans-serif;font-size:clamp(36px,4.4vw,68px);font-weight:500;letter-spacing:-.055em;line-height:1.1; }
h1 { font-family:Newsreader,'Noto Sans SC',serif;font-size:clamp(58px,6.4vw,104px);line-height:1.02;font-weight:400;letter-spacing:-.045em;margin:0 0 30px; }
h1 em { font-weight:400;letter-spacing:inherit;color:var(--lavender);font-style:italic; }
html { scroll-padding-top:calc(var(--header-height,100px) + 16px); }
:root { --section-space:72px; }
@media(max-width:900px) {
:root { --section-space:60px; }
}
@media(max-width:600px) {
:root { --section-space:48px; }
}
.eyebrow { font-size:12px; }
.text-link { font-size:16px; }