:root { --craie:#f4f1ea; --or:#9a8055; --encre:#1c1b18; --encre-doux:#57544c; }
  * { box-sizing: border-box; }
  body {
    margin:0; min-height:100vh; background:var(--craie); color:var(--encre);
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    font-size:16px; line-height:1.75; display:flex; flex-direction:column;
    align-items:center; justify-content:center; text-align:center; padding:32px;
  }
  .surtitre {
    font-size:.68rem; font-weight:500; letter-spacing:.22em; text-transform:uppercase;
    color:var(--or); margin:0 0 1.6rem;
  }
  h1 {
    font-family:"Cormorant Garamond","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
    font-weight:300; font-size:clamp(2.2rem,6vw,3.4rem); line-height:1.15; margin:0 0 1.6rem;
  }
  p { max-width:44ch; margin:0 auto 1.1em; color:var(--encre-doux); }
  .bande { width:min(560px,100%); height:8px; margin:2.6rem 0;
    background:repeating-linear-gradient(to right,#e5ded0 0 26px,#d3c8b2 26px 34px,#f0ebe0 34px 62px,#b9a98d 62px 68px); }
  ul { list-style:none; padding:0; margin:0; line-height:2.1; }
  a { color:var(--encre); text-decoration:none; border-bottom:1px solid var(--or); }
  .sanitaire { margin-top:3rem; font-size:.76rem; color:var(--encre-doux); }