@font-face{font-family:"Fraunces";src:url("fonts/fraunces-latin-full-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}

:root{
  --nuit:#1E2A25; --sauge:#4A7C6F; --sauge-clair:#A8C4BC; --ivoire:#F0EBE0;
}
*{box-sizing:border-box;margin:0}
html{font-size:100%}
body{
  min-height:100vh;display:flex;flex-direction:column;
  background:var(--ivoire);color:var(--nuit);
  font-family:"DM Sans","Trebuchet MS",sans-serif;font-weight:400;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
.serif{
  font-family:"Fraunces",Georgia,serif;
  font-variation-settings:"opsz" 72,"wght" 300,"SOFT" 0,"WONK" 0;
  font-weight:300;
}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:4rem 1rem}
.seuil{max-width:38rem;width:100%}
.wordmark{display:block;width:min(18rem,70vw);height:auto}
.tagline{margin-top:1.25rem;font-size:1.6rem;line-height:1.3;color:var(--sauge)}
.texte{margin-top:3rem;display:grid;gap:1.25rem;font-size:1.0625rem}
.texte p[lang="fr"]{color:var(--sauge)}
.signature{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--sauge-clair);font-size:1rem}
.signature strong{font-weight:500}
a{color:var(--nuit);text-decoration-color:var(--sauge);text-underline-offset:.2em}
a:hover,a:focus-visible{color:var(--sauge)}
.bientot{margin-top:2.5rem;font-size:.9375rem;color:var(--sauge)}
footer{padding:1.5rem 1rem;text-align:center;font-size:.875rem;color:var(--sauge)}
footer a{color:var(--sauge)}

/* Mentions légales */
.legal{max-width:42rem;width:100%;padding:3rem 0}
.legal .wordmark{width:min(10rem,40vw)}
.legal h1{margin-top:2.5rem;font-size:2rem;line-height:1.2}
.legal h2{margin-top:2.25rem;font-size:1.25rem;font-weight:500;font-family:"DM Sans","Trebuchet MS",sans-serif}
.legal p,.legal dl{margin-top:.75rem}
.legal dt{font-weight:500;margin-top:.5rem}
.legal dd{margin-left:0}
.legal .en{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--sauge-clair)}