/* French Riviera camp pages (Mouratoglou Experiences Program.dc.html only): Geometria everywhere, and bigger
   labels in the "Typical day" list on desktop. */
body :is(h1,h2,h3,h4,p,span,strong,em,small,time,li,a,button,label,dt,dd,th,td,figcaption,blockquote,.r-heading){font-family:Geometria,Arial,sans-serif!important}
body :is(h1,h2,.r-heading){letter-spacing:-.02em}

@media(min-width:901px){
  .brochure-day-list time,.brochure-day-list time .sc-interp{font:800 30px/1 Geometria,Arial,sans-serif!important;letter-spacing:-.01em}
  .brochure-day-list li>:not(time),.brochure-day-list li>:not(time) .sc-interp{font-size:18px!important;line-height:1.3!important}
}

/* Camp H1: 46px max on desktop, 28px on mobile (was ~69px / 55px). The :is(#no-id,…) raises specificity above the
   brand-typography.css rules, one of which targets an id. */
html body :is(#camp-h1-size,h1).r-heading{font-size:clamp(32px,3.2vw,46px)!important;line-height:1.03!important}
@media(max-width:900px){html body :is(#camp-h1-size,h1).r-heading{font-size:28px!important;line-height:1.08!important}}

/* Swap backgrounds: camp details block in sky blue, typical day in navy (texts and buttons kept readable). */
html body .brochure-camp{background:#1F92F0!important;color:#fff}
html body .brochure-camp .brochure-camp-heading h2,html body .brochure-camp .brochure-camp-heading h2 .sc-interp,html body .brochure-camp .brochure-included h3{color:#001937!important}
html body .brochure-camp .brochure-button{background:#001937!important;color:#fff!important;border-color:#001937!important}
html body .brochure-day{background:#001937!important;color:#fff}
html body .brochure-day :is(#camp-day-title,h2){color:#fff!important}
html body .brochure-day h2 :is(span,em,.sc-interp){color:#1F92F0!important}
html body .brochure-day time,html body .brochure-day time .sc-interp{color:#1F92F0!important}

/* Contact & booking: brand stripes on the right instead of the clipped dotted square. */
html body .brochure-contact{position:relative;overflow:hidden;isolation:isolate;background-image:none!important}
html body .brochure-contact::after{content:"";position:absolute;top:-20%;right:-4%;bottom:-20%;width:34%;z-index:-1;background:url("uploads/brand/level-white.svg") right center/contain no-repeat;opacity:.12;pointer-events:none}
/* Camp hero, desktop: copy centred vertically, same space above and below. */
@media(min-width:901px){html body .program-hero.camp-split-hero>.r-wrap{align-items:flex-start!important;justify-content:center!important;padding-top:56px!important;padding-bottom:56px!important}}