@font-face {
  font-family: Inter;
  src: url("/assets/styles/v219-inter.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --serif: Georgia, "Times New Roman", serif;
  --sans: Inter, Arial, sans-serif;
  --scene-title-size: clamp(42px, 3.9vw, 62px);
}

body:is(.sober-home, .sober-case) {
  font-family: var(--sans);
}

body.sober-home :is(#hero-title, #projets h2, #ia h2, #parcours h2, #contact h2),
body.sober-case main h1 {
  font-family: var(--serif);
  letter-spacing: -.018em;
}

body.sober-case .site-header .brand > span {
  inline-size: auto;
  max-inline-size: none;
  white-space: nowrap;
}

@media (max-width: 480px) {
  body.sober-case .site-header .brand > span {
    font-size: 11px;
    line-height: 1.2;
  }
}

@media (max-width: 359px) {
  body:is(.sober-home, .sober-case) .site-header .desktop-nav {
    flex-shrink: 1;
  }

  body.sober-home .site-header .brand > span {
    inline-size: auto;
    max-inline-size: none;
    white-space: nowrap;
    font-size: 10.5px;
  }
}

@media (max-width: 1100px) {
  :root {
    --scene-title-size: clamp(29px, calc(15px + 5vw), 45px);
  }
}

body.sober-home #malakoff-experience .mh3-copy h2,
body.sober-home #allianz-trade-pay[data-at125] .at84-beat h3,
body.sober-home #apphalt-produit[data-ah-native].ah167[data-ah-phase] .ah-beat h3,
.focus-stage :is(.opening h1, .scene-copy h2) {
  font-family: var(--serif);
  font-size: var(--scene-title-size);
  line-height: 1.08;
  letter-spacing: -.016em;
}

.focus-stage :is(.opening, .explanation) {
  font-family: var(--sans);
}

.focus-stage .opening h1 {
  font-size: calc(var(--scene-title-size) + 3px);
}