/* Le menu mobile doit toujours recouvrir le contenu de la page. */
@media (max-width: 700px) {
  .site-header {
    z-index: 20;
  }

  .navigation.is-open {
    position: fixed;
    inset: 0;
    z-index: 20;
    min-height: 100dvh;
    justify-content: flex-start;
    gap: 1.1rem;
    padding: max(11rem, calc(env(safe-area-inset-top) + 8rem)) 8vw 3rem;
    background: var(--acid);
  }

  .menu-button {
    z-index: 21;
  }
}