/* School Only: Mouratoglou International School identity (this page only).
   Palette: Azur #5AC4CC, Persan #0098AA, RAL 5013 Cobalt Blue #001937. Type: Cormorant Garamond (titles) + Geometria (text).
   Bevel shapes from the school identity in uploads/brand/school/. Header and button shapes unchanged. */
@font-face{font-family:'Cormorant Garamond';src:url('fonts/CormorantGaramond-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/CormorantGaramond-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/CormorantGaramond-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/CormorantGaramond-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('fonts/CormorantGaramond-MediumItalic.ttf') format('truetype');font-weight:500;font-style:italic;font-display:swap}

body.school-only-page{--mis-azur:#5ac4cc;--mis-persan:#0098aa;--mis-navy:#001937;--mis-mist:#eef8f9;--mis-line:#cfe9ec;--mis-text:#3f5163;--mis-serif:'Cormorant Garamond',Garamond,'Times New Roman',serif;background:#fff}

/* Titles: Cormorant Garamond, sentence case, navy; the second line in Persan (Azur on dark backgrounds) */
html body.school-only-page :is(.edu-hero h1,.edu-section-head h2,.edu-intro-copy h2,.edu-admission h2,.edu-card h3,.edu-campus-card h3,.edu-value h3):not(#mis){font-family:var(--mis-serif)!important;font-weight:500!important;letter-spacing:-.01em!important;text-transform:none!important}
html body.school-only-page :is(.edu-section-head h2,.edu-intro-copy h2,.edu-admission h2){font-size:clamp(46px,4.6vw,72px)!important;line-height:1!important;color:var(--mis-navy)}
html body.school-only-page :is(.edu-section-head h2,.edu-intro-copy h2) span{display:inline;color:var(--mis-persan);font-style:italic}
html body.school-only-page .edu-eyebrow{color:var(--mis-persan);font:700 11px/1.3 Geometria,Arial,sans-serif;letter-spacing:.2em}
/* The short Azur rule of the brochures, under each eyebrow */
html body.school-only-page .edu-eyebrow::after{content:"";display:block;width:44px;height:2px;margin-top:14px;background:var(--mis-azur)}
html body.school-only-page .edu-section-head>p{border-top:2px solid var(--mis-azur);color:var(--mis-text);font-size:16px}

/* Buttons: same shape, school colours */
html body.school-only-page .edu-button{border-color:#fff;color:#fff}
html body.school-only-page .edu-button.primary{border-color:var(--mis-azur);background:var(--mis-azur);color:var(--mis-navy)}
html body.school-only-page .edu-button:hover{filter:brightness(1.06)}

/* Hero: film on a Cobalt veil, Cormorant title, bevels bottom right */
html body.school-only-page .edu-hero::before{background:linear-gradient(90deg,rgba(0,25,55,.9),rgba(0,25,55,.5) 55%,rgba(0,25,55,.15))}
html body.school-only-page .edu-hero::after{right:0;bottom:0;width:min(34vw,440px);height:min(34vw,440px);background:url("uploads/brand/school/bevel-navy-azur-right.svg") right bottom/contain no-repeat;opacity:1}
html body.school-only-page .edu-hero .edu-eyebrow{color:var(--mis-azur)}
html body.school-only-page .edu-hero .edu-eyebrow::after{display:none}
html body.school-only-page .edu-hero h1:not(#mis){max-width:980px;font-size:clamp(64px,6.4vw,104px)!important;line-height:.95!important;letter-spacing:-.015em!important;color:#fff}

/* Make it Bright band: Persan, Cormorant italic */
html body.school-only-page .edu-bright-marquee{border:0;background:var(--mis-persan);color:#fff}
html body.school-only-page .edu-bright-track span:not(#mis){min-height:84px;font:italic 500 clamp(34px,3.2vw,52px)/1 var(--mis-serif);text-transform:none;letter-spacing:0}
html body.school-only-page .edu-bright-track strong{color:var(--mis-navy);font:inherit}
html body.school-only-page .edu-bright-track span::after{content:"";width:14px;height:14px;margin-left:38px;background:var(--mis-azur);clip-path:polygon(0 0,100% 0,100% 55%,0 100%)}

/* Key figures: Cobalt, Azur bars above each figure (as on the school website) */
html body.school-only-page .edu-stats{background:var(--mis-navy);color:#fff}
html body.school-only-page .edu-stat{border-left:0;padding:0 28px 0 0}
html body.school-only-page .edu-stat::before{content:"";display:block;height:4px;margin-bottom:22px;background:var(--mis-azur)}
html body.school-only-page .edu-stat strong{font:500 clamp(54px,5vw,80px)/.9 var(--mis-serif);color:#fff}
html body.school-only-page .edu-stat span{color:var(--mis-azur);font-weight:700;letter-spacing:.12em}

/* Intro: white page with a bevel in the top right corner */
html body.school-only-page .edu-intro{position:relative;overflow:hidden;background:#fff}
html body.school-only-page .edu-intro::before{content:"";position:absolute;top:0;right:0;width:240px;height:240px;background:url("uploads/brand/school/bevel-persan-azur-top.svg") right top/contain no-repeat;pointer-events:none}
html body.school-only-page .edu-intro-copy{position:relative}
html body.school-only-page .edu-intro-copy p{color:var(--mis-text)}
html body.school-only-page .edu-positioning{border-top-color:var(--mis-line)!important;color:var(--mis-navy)}
html body.school-only-page .edu-positioning strong{color:var(--mis-persan)!important}
html body.school-only-page .edu-points{border-top-color:var(--mis-azur)}
html body.school-only-page .edu-points div{border-color:var(--mis-line)}
html body.school-only-page .edu-points strong{color:var(--mis-navy);letter-spacing:.06em}
html body.school-only-page .edu-points span{color:var(--mis-text)}

/* Two sections: mist background, white cards with a Persan top edge */
html body.school-only-page .edu-pathways{background:var(--mis-mist)}
html body.school-only-page .edu-pathways .edu-card{border:0;border-top:4px solid var(--mis-persan);border-radius:4px;box-shadow:0 10px 30px rgba(0,25,55,.06)}
html body.school-only-page .edu-card-label{color:var(--mis-persan)!important;font-size:11px!important;font-weight:700;letter-spacing:.18em!important}
html body.school-only-page .edu-card h3{font-size:clamp(34px,3.2vw,50px)!important;line-height:1!important;color:var(--mis-navy)}
html body.school-only-page .edu-card p{color:var(--mis-text)}
html body.school-only-page .edu-card li{position:relative;padding-left:20px;border-top-color:var(--mis-line);color:var(--mis-navy)}
html body.school-only-page .edu-card li::before{content:"";position:absolute;left:0;top:13px;width:8px;height:8px;background:var(--mis-azur);clip-path:polygon(0 0,100% 0,100% 55%,0 100%)}
html body.school-only-page .edu-card-link{color:var(--mis-persan)}

/* Timetable: Persan band, photo cards on a Cobalt gradient, bevel bottom right */
html body.school-only-page .edu-schedule{position:relative;overflow:hidden;background:var(--mis-persan)}
html body.school-only-page .edu-schedule::after{content:"";position:absolute;right:0;bottom:0;width:260px;height:260px;background:url("uploads/brand/school/bevel-azur-right.svg") right bottom/contain no-repeat;pointer-events:none;opacity:.9}
html body.school-only-page .edu-schedule>*{position:relative;z-index:1}
html body.school-only-page .edu-schedule .edu-section-head h2{color:#fff}
html body.school-only-page .edu-schedule .edu-section-head h2 span{color:var(--mis-navy)}
html body.school-only-page .edu-schedule .edu-section-head>p{border-color:#fff;color:#fff}
html body.school-only-page .edu-schedule .edu-card{border-radius:4px!important;border-top:0}
html body.school-only-page .edu-schedule .edu-card-label{color:var(--mis-azur)!important}
html body.school-only-page .edu-schedule .edu-card h3{color:#fff!important}

/* Next Gen: white, Cormorant numbers and statements; the manifesto on Cobalt with Azur accents */
html body.school-only-page .edu-nextgen{background:#fff}
html body.school-only-page .edu-nextgen-list{border-top-color:var(--mis-azur)}
html body.school-only-page .edu-nextgen-list li{border-bottom-color:var(--mis-line)}
html body.school-only-page .edu-nextgen-num{font:italic 500 44px/1 var(--mis-serif);color:var(--mis-persan)}
html body.school-only-page .edu-nextgen-list p{font-family:var(--mis-serif);font-size:clamp(28px,2.8vw,42px);letter-spacing:0;color:var(--mis-text)}
html body.school-only-page .edu-nextgen-list strong{font-weight:600;color:var(--mis-navy)}
html body.school-only-page .edu-manifesto{background:var(--mis-navy);box-shadow:0 0 0 100vmax var(--mis-navy)}
html body.school-only-page .edu-manifesto-label{color:var(--mis-azur)!important;font-weight:700}
html body.school-only-page .edu-manifesto p:not(.edu-manifesto-label)::before{background:var(--mis-azur)}
html body.school-only-page .edu-manifesto p strong{font-family:var(--mis-serif);font-style:italic;font-weight:500;font-size:clamp(26px,2.3vw,34px);letter-spacing:0;color:var(--mis-azur)}

/* Values: white, Cormorant numbers, Azur rules */
html body.school-only-page .edu-values{position:relative}
html body.school-only-page .edu-value-grid{border-color:var(--mis-azur)}
html body.school-only-page .edu-value+.edu-value{border-left-color:var(--mis-line)}
html body.school-only-page .edu-value span{font:italic 500 48px/1 var(--mis-serif);color:var(--mis-persan)}
html body.school-only-page .edu-value h3{font-size:26px!important;line-height:1.1!important;color:var(--mis-navy)}
html body.school-only-page .edu-value p{color:var(--mis-text)}

/* Campus: mist background, white cards, bevel bottom left */
html body.school-only-page .edu-campus{position:relative;overflow:hidden;background:var(--mis-mist)}
html body.school-only-page .edu-campus::before{content:"";position:absolute;left:0;bottom:0;width:220px;height:220px;background:url("uploads/brand/school/bevel-persan-left.svg") left bottom/contain no-repeat;pointer-events:none}
html body.school-only-page .edu-campus>*{position:relative;z-index:1}
html body.school-only-page .edu-campus .edu-section-head h2 span{color:var(--mis-persan)}
html body.school-only-page .edu-campus .edu-section-head>p{border-color:var(--mis-azur);color:var(--mis-text)}
html body.school-only-page .edu-campus-card{border-top:4px solid var(--mis-azur);background:#fff;color:var(--mis-navy)}
html body.school-only-page .edu-campus-card h3{font-size:28px!important;line-height:1.1!important;color:var(--mis-navy)}
html body.school-only-page .edu-campus-card p{color:var(--mis-text)}

/* Admissions: Cobalt with the brochure bevels on the right */
html body.school-only-page .edu-admission{position:relative;overflow:hidden;background:var(--mis-navy)}
html body.school-only-page .edu-admission::after{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:url("uploads/brand/school/bevel-persan-azur-top.svg") right top/contain no-repeat;pointer-events:none}
html body.school-only-page .edu-admission>*{position:relative;z-index:1}
html body.school-only-page .edu-admission .edu-eyebrow{color:var(--mis-azur)}
html body.school-only-page .edu-admission h2{color:#fff}
html body.school-only-page .edu-admission p{color:#d9e6ee}
html body.school-only-page .edu-admission .edu-button{border-color:var(--mis-azur);background:var(--mis-azur);color:var(--mis-navy)}

@media(max-width:900px){
  html body.school-only-page .edu-hero h1:not(#mis){font-size:clamp(44px,12vw,64px)!important}
  html body.school-only-page .edu-hero::after{width:44vw;height:44vw;opacity:.9}
  html body.school-only-page :is(.edu-section-head h2,.edu-intro-copy h2,.edu-admission h2){font-size:clamp(40px,11vw,56px)!important}
  html body.school-only-page .edu-bright-track span{min-height:64px;font-size:32px}
  html body.school-only-page .edu-stat{padding-right:16px}
  html body.school-only-page .edu-stat strong{font-size:52px}
  html body.school-only-page .edu-intro::before,html body.school-only-page .edu-campus::before{width:130px;height:130px}
  html body.school-only-page .edu-schedule::after,html body.school-only-page .edu-admission::after{width:150px;height:150px}
  html body.school-only-page .edu-card h3{font-size:30px!important}
  html body.school-only-page .edu-nextgen-list p{font-size:25px}
  html body.school-only-page .edu-value h3{font-size:22px!important}
  html body.school-only-page .edu-campus-card h3{font-size:22px!important}
}
html body.school-only-page .edu-bright-track :is(span,strong):not(#mis){font-family:var(--mis-serif)!important;font-style:italic;font-weight:500;letter-spacing:0!important}
html body.school-only-page .edu-bright-track span:not(#mis){font-size:clamp(34px,3.2vw,52px)}
@media(max-width:900px){html body.school-only-page .edu-bright-track span:not(#mis){font-size:32px}}
html body.school-only-page .edu-nextgen-list :is(p,strong,em):not(#mis){font-family:var(--mis-serif)!important;letter-spacing:0!important}
html body.school-only-page .edu-nextgen-list em:not(#mis){font-style:italic;font-weight:400;color:var(--mis-persan)}
/* Admissions on Persan, so the section stands apart from the Cobalt footer */
html body.school-only-page .edu-admission{background:var(--mis-persan)}
html body.school-only-page .edu-admission::after{background-image:url("uploads/brand/school/bevel-azur-navy-top.svg")}
html body.school-only-page .edu-admission .edu-eyebrow{color:#fff}
html body.school-only-page .edu-admission .edu-eyebrow::after{background:var(--mis-azur)}
html body.school-only-page .edu-admission p{color:#fff}
html body.school-only-page .edu-admission .edu-button{border-color:var(--mis-navy);background:var(--mis-navy);color:#fff}

/* Newsletter on Azur (after the Persan admissions block), footer on white with a school bevel */
html body.school-only-page .shared-newsletter:not(#mis){background:var(--mis-azur)!important;color:var(--mis-navy)}
html body.school-only-page .shared-newsletter .newsletter-eyebrow,html body.school-only-page .shared-newsletter .newsletter-email-label{color:var(--mis-navy)!important}
html body.school-only-page .shared-newsletter h2#newsletter-heading:not(#mis){font-family:var(--mis-serif)!important;font-weight:500!important;font-size:clamp(40px,3.8vw,60px)!important;line-height:1!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--mis-navy)!important}
html body.school-only-page .shared-newsletter .newsletter-description{color:var(--mis-navy)!important}
html body.school-only-page .shared-newsletter .newsletter-entry{border-color:#fff}
html body.school-only-page .shared-newsletter .newsletter-entry>button:not(#mis){background:var(--mis-navy)!important;color:#fff!important}
html body.school-only-page .shared-newsletter .newsletter-status{color:var(--mis-navy)}
html body.school-only-page .shared-footer:not(#mis){background:#fff!important;border-top:1px solid var(--mis-line)}
html body.school-only-page .shared-footer .footer-column h2{color:var(--mis-persan)!important}
html body.school-only-page .shared-footer a:hover{color:var(--mis-persan)}
html body.school-only-page .shared-footer .footer-bottom{border-top-color:var(--mis-line)}
/* Mobile: shorter section cards (smaller description) and the sticky CTA bar in the school charter: CONTACT (outline) + ÊTRE RAPPELÉ (Persan), both to the French Riviera school contacts */
@media(max-width:760px){
  html body.school-only-page .edu-pathways .edu-card p:not(.edu-eyebrow){font-size:13px!important;line-height:1.45!important}
  html body.school-only-page .mobile-header-actions{background:var(--mis-cobalt,#001937)!important;border-top:0!important}
  html body.school-only-page:not(#s1):not(#s2) .mobile-header-actions button:first-child{background:transparent!important;border:1px solid #fff!important;color:#fff!important}
  html body.school-only-page:not(#s1):not(#s2) .mobile-header-actions button:last-child{background:var(--mis-persan,#0098AA)!important;border-color:var(--mis-persan,#0098AA)!important;color:#fff!important}
}