/* A school-focused type system: the reference's font families, adapted to ANET. */
@font-face{font-family:'Open Sans';src:url('assets/fonts/open-sans-upright-latin-variable.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('assets/fonts/playfair-display-upright-latin-variable.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--serif:'Playfair Display',Georgia,serif;--sans:'Open Sans','Segoe UI',Arial,sans-serif;--navy:#183451;--green:#183451;--deep:#10283f;--ink:#233449;--muted:#526173;--cream:#faf8f3;--paper:#fff;--gold:#8c641f;--orange:#8c641f;--line:#d5dee7;--sage:#edf2f7;--soft:#faf8f3;--blue-paper:#edf2f7;--sand:#edf2f7;--peach:#f7f0de}
/* The crest's blue and gold guide a consistent, readable school palette. */
.topbar{background:var(--navy);color:#fff}
.site-header{border-color:var(--line)}
.eyebrow,nav a[aria-current=page]:not(.button){color:var(--gold)}
.home-hero,.page-intro,.career-hero,.admission-preparation,.trust-note{background:var(--cream)}
.learning-priorities,.schools,.classes-fees,.faq{background:var(--blue-paper)}
.enquiry-card{background:#fff;border-color:var(--line)}
.field input,.field select,.field textarea{background:#fff;color:var(--ink);border-color:#8797a8}
.visit-invitation,.career-application{background:var(--navy)}
.visit-invitation .eyebrow,.visit-invitation h2 em,.invitation-contact>span,.career-application .eyebrow,.career-application h2 em{color:#e4c675}
.visit-invitation p:not(.eyebrow),.invitation-contact .invitation-office,.career-application-grid>div>p:not(.eyebrow){color:#dce5ec}
.invitation-contact .contact-role,.career-application-grid>div>.career-role-note{color:#dce5ec!important}
.invitation-contact{border-color:#61768b}
.button-cream{background:#f6ecd2;border-color:#f6ecd2;color:var(--navy)}
.button-cream:hover{background:#e4c675;border-color:#e4c675}
.mobile-contact{background:var(--navy)}
.mobile-contact>a:first-child{border-color:#61768b}
.mobile-contact>a:last-child{background:#e4c675;color:var(--navy)}
footer{background:#f4f3ee}
::selection{background:#e4c675;color:#10283f}
body{font-family:var(--sans);font-size:16px;line-height:1.75}
h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.025em}
h1 em,h2 em{font-style:normal;font-weight:600}
h3,h4{font-optical-sizing:auto}
nav{gap:25px}
nav>a{font-size:14px;font-weight:500;letter-spacing:0}
.button{font-size:13px;font-weight:600;line-height:1.55}
.button-small{font-size:13px}
.text-link{font-size:14px;font-weight:600}
.eyebrow{font-size:10px;letter-spacing:1.35px;line-height:1.6}
.top-admissions,.topbar-second,.topbar-second a{font-size:11px!important}
.home-hero-grid{grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}
.home-hero h1{font-family:var(--serif);font-size:clamp(40px,4.1vw,56px);font-weight:600;letter-spacing:-1px;line-height:1.22;margin-bottom:25px}
.hero-copy .eyebrow{font-size:9px;letter-spacing:1.1px}
.hero-copy .hero-lead{font-size:18px;font-weight:600;line-height:1.7}
.hero-copy .hero-description{font-size:16px;line-height:1.8;max-width:590px}
.hero-actions{gap:24px;flex-wrap:wrap}
.hero-actions .button,.hero-actions .text-link{font-size:13px}
.neighbourhood-line,.hero-footnote>span,.hero-footnote a{font-size:12px}
.community-photo{height:465px}
.community-photo>span{font-size:12px}
.hero-community figcaption>span{font-size:10px}
.hero-community figcaption>strong{font:600 27px/1.35 var(--serif)}
.office-notices{background:var(--paper);padding:0 0 10px}
.office-notice-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.office-notice-grid article{padding:31px 38px 32px 0}
.office-notice-grid article+article{border-left:1px solid var(--line);padding-left:38px;padding-right:0}
.office-notice-grid .eyebrow{color:var(--gold);margin:0 0 10px}
.office-notice-grid h3{font:600 25px/1.4 var(--serif);letter-spacing:-.25px;max-width:440px;margin:0 0 11px}
.office-notice-grid p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);max-width:470px;margin:0 0 15px}
.office-notice-grid .text-link{font-size:12px}
.section-heading h2,.priorities-grid h2,.trust-note-grid h2,.about-community h2{font-size:44px;line-height:1.24;letter-spacing:-.8px}
.section-heading>p,
.priorities-grid>div>p:not(.eyebrow),
.trust-note-grid>div>p:not(.eyebrow),
.founder-grid>div>p:not(.eyebrow),
.family-name p:not(.eyebrow),
.two-column-copy p,
.early-years-grid p:not(.eyebrow),
.classes-grid>div>p:not(.eyebrow),
.preparation-grid>div>p:not(.eyebrow),
.career-hero-copy>p:not(.eyebrow),
.career-section-intro>p:not(.eyebrow),
.career-vacancy-copy p{font-size:16px;line-height:1.8}
.section-heading>p{max-width:520px}
.curriculum-pathways{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:29px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:29px 0 21px}
.curriculum-pathways article+article{border-left:1px solid var(--line);padding-left:36px}
.curriculum-pathways .eyebrow{color:var(--gold);margin:0 0 11px}
.curriculum-pathways h3{font:600 24px/1.35 var(--serif);letter-spacing:-.3px;margin:0 0 12px}
.curriculum-pathways p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin:0;max-width:490px}
.curriculum-pathways strong{font-weight:600;color:var(--ink)}
.school-pathways{padding:0 0 22px}
.school-pathways .curriculum-pathways{margin:0}
.campus-row h3{font-family:var(--serif);font-size:30px;font-weight:600;line-height:1.35}
.campus-row p{font-size:14px;line-height:1.75}
.priority-list h3{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.35}
.priority-list p,.journal-copy p:not(.eyebrow),.journal-side p:not(.eyebrow){font-size:16px;line-height:1.8}
.journal-copy h3,.journal-side h3{font-family:var(--serif);font-weight:600;line-height:1.3;letter-spacing:-.5px}
.page-intro h1{font-size:clamp(38px,4.2vw,54px);line-height:1.22;letter-spacing:-.9px;max-width:1080px}
.page-intro>div>p:last-child{font-size:16px;line-height:1.8;max-width:760px}
.founder-grid h2{font-size:40px;line-height:1.25}
.founder-grid .large-copy{font:500 22px/1.65 var(--serif)!important}
.founder-portrait figcaption>strong{font:600 27px/1.35 var(--serif)}
.founder-portrait figcaption>span{font-size:13px}
.family-name h2{font-size:44px;line-height:1.22}
.family-name .large-copy{font:500 25px/1.55 var(--serif)!important}
.school-card h4{font-family:var(--serif);font-size:27px;font-weight:600;line-height:1.3;letter-spacing:-.25px}
.school-card>p{font-size:15px;line-height:1.8}
.school-level{font-size:14px;line-height:1.7}
.curriculum-line{font-size:12px;line-height:1.7;letter-spacing:0}
.school-enquire{font-size:12px}
.school-footnote{font-size:13px;line-height:1.8}
.campus-intro h3{font-family:var(--serif);font-size:32px;font-weight:600;line-height:1.3}
.campus-tabs button{font-size:15px}
.campus-tabs button>span{font-size:10px}
.story-card h3,.video-card-body h3{font-family:var(--serif);font-weight:600;line-height:1.35}
.story-card>p,.video-card-body p{font-size:15px;line-height:1.8}
.admissions h1{font-size:clamp(37px,4vw,52px);font-weight:600;line-height:1.24;letter-spacing:-.8px}
.admissions .section-intro{font-size:16px;line-height:1.8}
.admission-facts span,.contact-number-role{font-size:10px;letter-spacing:1px}
.admission-facts strong{font-size:15px}
.admission-steps h3{font:600 15px/1.5 var(--sans)}
.admission-steps p,.admission-note p{font-size:14px;line-height:1.8}
.admission-note h3{font-size:15px}
.enquiry-card .form-heading{font:600 30px/1.35 var(--serif)}
.enquiry-card>p{font-size:14px;line-height:1.8}
.enquiry-card .form-note{font-size:12px;line-height:1.8}
.enquiry-card .form-privacy{font-size:12px!important;line-height:1.8!important}
.field label{font-size:13px}
.field input,.field select,.field textarea{font-family:var(--sans);font-size:16px}
.form-submit{font-size:13px}
.document-checklist h3{font:600 25px/1.4 var(--serif)}
.document-checklist li{font-size:15px}
.faq summary{font-size:15px;line-height:1.7}
.faq details>p{font-size:14px;line-height:1.85}
.visit-invitation h2{font-size:44px;line-height:1.25;letter-spacing:-.7px}
.visit-invitation p:not(.eyebrow){font-size:15px;line-height:1.85}
.visit-invitation .visit-confirmation{font-size:12px;line-height:1.8;margin-top:14px;opacity:.85;max-width:460px}
.invitation-contact>span,.invitation-contact .contact-role{font-size:10px;letter-spacing:1px}
.invitation-contact>a:not(.invitation-office){font-size:26px}
.invitation-contact .invitation-office{font-size:12px;line-height:1.8}
.contact-call>p:not(.eyebrow),.office-card address{font-size:16px;line-height:1.85}
.office-note,.visit-grid p{font-size:14px;line-height:1.8}
.office-card h2{font-size:34px;line-height:1.3}
.large-phone{font-size:32px;font-weight:600}
.contact-email>a{font-size:15px}
.visit-grid h3{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.35}
.classes-fees-grid>div>p:not(.eyebrow){font-size:16px;line-height:1.8}
.fee-table{font-size:16px}
.fee-table caption{font:600 26px/1.4 var(--serif)}
.fee-table thead th{font-size:11px;letter-spacing:1px}
.career-hero h1{font-size:clamp(38px,4.2vw,56px);line-height:1.22;letter-spacing:-.9px}
.career-hero-copy>.career-lead{font:500 24px/1.65 var(--serif)!important}
.career-section h2{font-size:43px;line-height:1.25;letter-spacing:-.7px}
.career-values-list h3,.career-question-list h3{font-family:var(--serif);font-size:26px;font-weight:600;line-height:1.35}
.career-values-list p,.career-question-list p{font-size:15px;line-height:1.8}
.career-application-grid>div>p:not(.eyebrow){font-size:16px;line-height:1.8}
.career-apply-panel h3{font:600 31px/1.35 var(--serif)}
.career-upload-notes li,.career-apply-panel .button{font-size:14px;line-height:1.75}
.career-apply-panel .career-data-note,.career-privacy-link{font-size:12px;line-height:1.8}
.legal-copy h1{font-size:49px;line-height:1.25}
.legal-copy h2{font:600 22px/1.5 var(--sans)}
.legal-copy p{font-size:16px;line-height:1.85}
.footer-main>p,.footer-social{font-size:12px;line-height:1.8}
.footer-bottom,.footer-link,.back-top{font-size:11px}
.footer-bottom>span{color:var(--muted)}
@media(max-width:1150px){
  nav{gap:20px}nav>a{font-size:13px}
  .home-hero-grid{gap:45px}.home-hero h1{font-size:46px}
  .hero-copy .hero-lead{font-size:17px}.hero-copy .eyebrow{font-size:8px}
  .community-photo{height:440px}
}
@media(max-width:1040px){
  .nav-inner{position:relative;height:90px}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:3px;background:var(--paper);width:42px;height:40px;padding:11px}
  nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:18px 24px 24px;box-shadow:0 13px 22px #17185814;border-bottom:1px solid var(--line);align-items:stretch;gap:0;z-index:10}
  nav.open{display:flex;flex-direction:column}
  nav>a:not(.button){font-size:15px;padding:12px 0}
  nav>a:not(.button)::after{display:none}
  nav>.button{justify-content:center;margin-top:12px}
  .home-hero h1{font-size:42px}
  .hero-copy .hero-description{font-size:15px}
  .community-photo{height:415px}
}
@media(max-width:720px){
  .top-admissions,.topbar-second,.topbar-second a{font-size:9px!important}
  .nav-inner{height:83px}
  .home-hero-grid{grid-template-columns:1fr;gap:32px}
  .home-hero h1{font-size:clamp(34px,8.7vw,45px);line-height:1.25;letter-spacing:-.6px}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:.9px}
  .hero-copy .hero-lead{font-size:17px;line-height:1.7}
  .hero-copy .hero-description{font-size:15px;line-height:1.85}
  .hero-actions{gap:18px}.hero-actions .button,.hero-actions .text-link{font-size:12px}
  .neighbourhood-line,.hero-footnote>span,.hero-footnote a{font-size:11px}
  .community-photo{height:405px}
  .hero-community figcaption>strong{font-size:25px}
  .office-notice-grid{grid-template-columns:1fr}
  .office-notice-grid article{padding:26px 0}
  .office-notice-grid article+article{border-left:0;border-top:1px solid var(--line);padding:26px 0}
  .office-notice-grid h3{font-size:24px}
  .section-heading h2,.priorities-grid h2,.trust-note-grid h2,.about-community h2{font-size:34px;line-height:1.28;letter-spacing:-.45px}
  .section-heading>p,.priorities-grid>div>p:not(.eyebrow),.trust-note-grid>div>p:not(.eyebrow),.founder-grid>div>p:not(.eyebrow),.family-name p:not(.eyebrow),.two-column-copy p,.early-years-grid p:not(.eyebrow),.classes-grid>div>p:not(.eyebrow),.preparation-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.85}
  .curriculum-pathways{grid-template-columns:1fr;gap:24px;padding:24px 0;margin-top:25px}
  .curriculum-pathways article+article{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
  .curriculum-pathways h3{font-size:23px}
  .campus-row h3{font-size:27px}.campus-row p{font-size:13px}
  .priority-list h3{font-size:25px}.priority-list p{font-size:15px}
  .page-intro h1{font-size:clamp(34px,8.4vw,43px);line-height:1.26;letter-spacing:-.5px}
  .page-intro>div>p:last-child{font-size:15px;line-height:1.85}
  .founder-grid h2,.family-name h2{font-size:34px;line-height:1.28}
  .founder-grid .large-copy{font-size:20px!important}.family-name .large-copy{font-size:22px!important}
  .school-card h4{font-size:26px}.school-card>p{font-size:15px}
  .school-level{font-size:14px}.curriculum-line{font-size:12px}
  .campus-tabs button{font-size:12px}
  .campus-intro h3{font-size:29px;line-height:1.3}
  .admissions h1{font-size:35px;line-height:1.28;letter-spacing:-.5px}
  .admissions .section-intro{font-size:15px;line-height:1.85}
  .admission-facts strong{font-size:14px}.admission-facts span{font-size:9px}
  .admission-steps h3{font-size:15px}.admission-steps p{font-size:14px}
  .enquiry-card .form-heading{font-size:28px}
  .enquiry-card .form-note{font-size:12px!important}.enquiry-card .form-privacy{font-size:11px!important}
  .field label{font-size:13px}.form-submit{font-size:12px}
  .faq summary{font-size:15px}.faq details>p{font-size:14px}
  .visit-invitation h2{font-size:34px;line-height:1.28}
  .visit-invitation p:not(.eyebrow){font-size:15px}
  .visit-invitation .visit-confirmation{font-size:12px}
  .invitation-contact>a:not(.invitation-office){font-size:28px}
  .invitation-contact .president-phone{font-size:25px!important}
  .contact-call>p:not(.eyebrow),.office-card address{font-size:15px}
  .contact-email>a{font-size:13px}.office-card h2{font-size:31px}
  .large-phone{font-size:31px}.office-note{font-size:14px}
  .classes-fees-grid>div>p:not(.eyebrow){font-size:15px}
  .fee-table{font-size:15px}.fee-table caption{font-size:25px}
  .career-hero h1{font-size:36px;line-height:1.26;letter-spacing:-.5px}
  .career-section h2{font-size:34px;line-height:1.28}
  .career-hero-copy>p:not(.eyebrow),.career-section-intro>p:not(.eyebrow),.career-vacancy-copy p,.career-application-grid>div>p:not(.eyebrow){font-size:15px;line-height:1.85}
  .career-hero-copy>.career-lead{font-size:22px!important}
  .career-values-list h3,.career-question-list h3{font-size:25px}
  .career-apply-panel h3{font-size:29px}
  .legal-copy h1{font-size:37px}.legal-copy p{font-size:15px}
  .footer-main>p,.footer-social{font-size:12px}
  .footer-bottom>div{gap:19px}.footer-link{font-size:11px}
}
@media(max-width:360px){
  .home-hero h1{font-size:32px}.hero-copy .eyebrow{font-size:7px;letter-spacing:.6px}
  .hero-actions .button,.hero-actions .text-link{font-size:11px}
  .page-intro h1,.admissions h1,.career-hero h1{font-size:32px}
  .large-phone{font-size:28px}.contact-email>a{font-size:12px}
  .curriculum-pathways h3{font-size:22px}.campus-tabs button{font-size:11px}
  .form-submit{font-size:11px}
}