/* Let's Relax by M — page de fermeture temporaire (02/09/2026). Même clé que le site :
   crème #FCF9F5, brun #422C20 / #6B4A3A, EB Garamond en display, Mulish en corps. */
@font-face{font-family:'EB Garamond';src:url('../fonts/eb-garamond-latin-wght-normal.woff2') format('woff2-variations');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Mulish';src:url('../fonts/mulish-latin-wght-normal.woff2') format('woff2-variations');font-weight:200 900;font-style:normal;font-display:swap}
:root{--cloud:#FCF9F5;--band:#422C20;--ink:#2B1E15;--brun:#6B4A3A;--brun-fonce:#54382B;--secondaire:#5C4A3D;--sable:#F0E4D6;--sur-band:#FCF8F4;--sur-band-doux:#D9C8BB}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--cloud);color:var(--ink);
  font:400 clamp(1.0625rem,1vw + .6rem,1.125rem)/1.65 'Mulish',system-ui,sans-serif}
.ferme{flex:1;display:grid;place-items:center;padding:clamp(2rem,6vh,4.5rem) clamp(20px,5vw,64px)}
.ferme__in{max-width:38rem;text-align:center}
.ferme__logo{width:clamp(96px,14vw,136px);height:auto;border-radius:50%;display:block;margin:0 auto 1.6rem}
.kicker{margin:0 0 1rem;font:600 .78rem/1.4 'Mulish',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--brun)}
h1{margin:0;font:400 clamp(2.2rem,5.2vw,3.6rem)/1.08 'EB Garamond',Georgia,serif;letter-spacing:-.01em;color:var(--ink)}
.ferme p{margin:1.2rem auto 0;max-width:34rem;color:var(--secondaire)}
.actes{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1.8rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.35rem;border-radius:9999px;border:1.5px solid var(--brun);
  font:700 .95rem/1 'Mulish',sans-serif;text-decoration:none;color:var(--brun);background:transparent;white-space:nowrap;transition:background .2s,color .2s}
.btn--plein{background:var(--brun);color:var(--sur-band)}
.btn:hover{background:var(--brun-fonce);border-color:var(--brun-fonce);color:var(--sur-band)}
.btn:focus-visible{outline:3px solid var(--brun);outline-offset:3px}
.reseaux{margin-top:1.6rem;font-size:.95rem;color:var(--secondaire)}
.reseaux a{color:var(--brun);font-weight:700;text-decoration:underline;text-underline-offset:.2em}
.pied{background:var(--band);color:var(--sur-band-doux);padding:1.4rem clamp(20px,5vw,64px);font-size:.88rem;line-height:1.6;text-align:center}
.pied b{color:var(--sur-band);font-weight:700}
.pied a{color:var(--sur-band);text-decoration:underline;text-underline-offset:.2em}
.legal{max-width:44rem;margin:0 auto;padding:clamp(2rem,6vh,4rem) clamp(20px,5vw,64px)}
.legal .retour{display:inline-block;margin-bottom:1.4rem;font:700 .9rem/1 'Mulish',sans-serif;color:var(--brun)}
@media (max-width:420px){.kicker{font-size:.7rem;letter-spacing:.12em}}

.ferme p{max-width:34rem;margin-inline:auto}
.ferme__sign{font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:1.35rem;margin-top:1.4rem;color:var(--encre,#2B211B)}
.ferme .mail-protege{color:inherit;text-decoration:underline;text-underline-offset:.2em}