@font-face {
  font-family: "Climate Crisis";
  src: url("../fonts/climate-crisis/ClimateCrisis-Regular-VariableFont_YEAR.ttf") format("truetype-variations");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Système de titres commun à toutes les pages, sans modifier le logo ni la navigation. */
body:not(#climate-title-opt-out) :is(h1, h2, h3, h4, h5, h6) {
  font-family: "Climate Crisis", var(--font-title) !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variation-settings: "YEAR" 1988 !important;
  letter-spacing: -.028em !important;
  overflow-wrap: break-word;
  text-wrap: balance;
}

@media (max-width: 700px) {
  body:not(#climate-title-opt-out) :is(h1, h2, h3, h4, h5, h6) {
    letter-spacing: -.02em !important;
  }

  body:not(#climate-title-opt-out) .project-page .girls-summary {
    min-width: 0 !important;
  }

  body:not(#climate-title-opt-out) .project-page .girls-summary :is(h2, h3) {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 520px) {
  body:not(#climate-title-opt-out) .project-page .girls-hero h1 {
    max-width: 100% !important;
    font-size: clamp(32px, 9.4vw, 42px) !important;
    line-height: .96 !important;
  }
}