/* Nos informations — page provisoire. */

.haut {
  padding:
    max(clamp(1.25rem, 3svh, 2rem), env(safe-area-inset-top))
    max(clamp(1.25rem, 5vw, 2.5rem), env(safe-area-inset-right))
    0
    max(clamp(1.25rem, 5vw, 2.5rem), env(safe-area-inset-left));
}

.informations {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100svh - 6rem);
  padding: 2rem clamp(1.25rem, 6vw, 3.5rem) max(3rem, env(safe-area-inset-bottom));
  text-align: center;
}

.informations-titre {
  margin: 0;
  font-size: clamp(1.875rem, 1.2rem + 3.2vw, 3.25rem);
  line-height: 1.12;
  letter-spacing: var(--approche-grand);
}

.informations-texte {
  margin: clamp(1.25rem, 4svh, 2rem) 0 0;
  font-size: clamp(1.25rem, 1.15rem + .45vw, 1.5rem);
  line-height: 1.5;
  letter-spacing: var(--approche-texte);
  word-spacing: var(--espace-mots);
  text-wrap: balance;
}

.informations .adresse {
  position: relative;
  margin-top: clamp(2.75rem, 8svh, 4.5rem);
  padding-top: clamp(2rem, 5svh, 2.75rem);
}

/* Court filet sur l'axe, comme entre la date et la réponse de l'invitation. */
.informations .adresse::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.5px;
  height: clamp(1.25rem, 3.5svh, 2rem);
  background: var(--filet);
}

.informations-retour {
  margin: clamp(2.75rem, 8svh, 4rem) 0 0;
}