/* Shared H1 and H2 typography, taken from the homepage. */
@font-face {
  font-family: "Onest";
  src: url("../fonts/onest.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --site-hero-title-size: 60px;
}

/* These properties override the legacy page styles and inline title rules.
   Colours, emphasis, margins and the surrounding hero layout stay local. */
h1.site-hero-title {
  font-family: "Onest", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: var(--site-hero-title-size) !important;
  font-weight: 950 !important;
  font-style: normal !important;
  line-height: .99 !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  overflow-wrap: anywhere;
}

/* H2 reference: « Choisissez la classe de votre enfant. » */
h2 {
  font-family: "Onest", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(28px, 3.2vw, 42px) !important;
  font-weight: 850 !important;
  font-style: normal !important;
  line-height: 1.15 !important;
  letter-spacing: -.04em !important;
  word-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  overflow-wrap: anywhere;
}

/* Video-dialog titles use the homepage's body typography. */
.team-video-dialog__header h2 {
  font-size: 16px !important;
  font-weight: 560 !important;
  line-height: 1.58 !important;
  letter-spacing: 0 !important;
}

h1.site-hero-title :is(span, em, strong, b),
h2 :is(span, em, strong, b, a) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  word-spacing: inherit !important;
  text-transform: inherit !important;
}

@media (max-width: 760px) {
  :root {
    --site-hero-title-size: clamp(32px, 10vw, 40px);
  }
}