:root{
  --or:#DFB780; --bordeaux:#7B1E22; --encre:#211B18; --gris:#4a423d; --creme:#FFFDFC;
  --serif:"Playfair Display",Georgia,serif; --sans:"Inter",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:
    radial-gradient(circle at 12% 0,rgba(223,183,128,.18),transparent 34%),
    var(--creme);
  color:var(--encre);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.6;
}

.legal-head{
  display:flex;align-items:center;justify-content:space-between;
  max-width:920px;margin:0 auto;padding:24px 28px;
  border-bottom:1px solid rgba(223,183,128,.35);
}
.legal-retour{color:var(--bordeaux);text-decoration:none;font-weight:600;font-size:15px;}
.legal-retour:hover{text-decoration:underline;}
.legal-logo{height:56px;width:104px;object-fit:contain;}

.legal{max-width:920px;margin:0 auto;padding:42px 28px 90px;}
.legal h1{
  position:relative;font-family:var(--serif);font-size:44px;font-weight:500;color:var(--bordeaux);
  line-height:1.12;margin-bottom:28px;padding-bottom:18px;
}
.legal h1::after{content:"";position:absolute;left:0;bottom:0;width:92px;height:3px;border-radius:3px;background:var(--or);}
.legal h2{
  font-family:var(--serif);font-size:24px;font-weight:500;color:var(--bordeaux);
  margin:38px 0 12px;padding-top:14px;border-top:1px solid rgba(223,183,128,.5);
}
.legal h3{font-size:18px;font-weight:700;color:var(--encre);margin:22px 0 8px;}
.legal p{margin:0 0 14px;color:var(--gris);}
.legal p.maj{font-size:14px;color:#8a7f78;margin-bottom:24px;}
.legal p.legal-pdf{margin:-12px 0 28px;}
.legal-pdf a{
  display:inline-flex;align-items:center;min-height:42px;padding:7px 16px;
  border:1px solid rgba(123,30,34,.28);border-radius:999px;background:#fff;
  color:var(--bordeaux);font-size:14px;font-weight:700;text-decoration:none;
  transition:border-color .2s ease,background-color .2s ease,transform .2s ease;
}
.legal-pdf a::before{
  content:"PDF";display:inline-flex;align-items:center;justify-content:center;
  min-width:35px;height:22px;margin-right:10px;border-radius:4px;
  background:var(--bordeaux);color:#fff;font-size:10px;letter-spacing:.06em;
}
.legal-pdf a:hover{border-color:var(--bordeaux);background:#fff8f0;transform:translateY(-1px);}
.legal-pdf a:focus-visible{outline:3px solid rgba(223,183,128,.65);outline-offset:3px;}
.legal ul{margin:0 0 16px;padding-left:22px;color:var(--gris);}
.legal li{margin:5px 0;}
.legal a{color:var(--bordeaux);}
.legal strong{color:var(--encre);}

.legal-foot{
  max-width:860px;margin:0 auto;padding:24px;border-top:1px solid rgba(223,183,128,.5);
  font-size:14px;color:var(--gris);text-align:center;
}
.legal-foot a,.legal-cookies{color:var(--bordeaux);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;}
.legal-foot a:hover,.legal-cookies:hover{text-decoration:underline;}

/* Affichage à l’intérieur de la modale de la landing. */
html.legal-embed,html.legal-embed body{background:#fffdfb;}
html.legal-embed .legal-head,
html.legal-embed .legal-foot{display:none;}
html.legal-embed .legal{max-width:900px;padding:34px 42px 70px;}
html.legal-embed .legal h1{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
html.legal-embed .legal h1::after{display:none;}
html.legal-embed .legal h2:first-of-type{margin-top:18px;}

@media (max-width:600px){
  .legal-head{padding:15px 18px;}
  .legal-logo{width:80px;height:46px;}
  .legal{padding:30px 18px 70px;}
  .legal h1{font-size:34px;}
  .legal h2{font-size:21px;margin-top:30px;}
  .legal p,.legal li{font-size:14px;}
  html.legal-embed .legal{padding:24px 18px 58px;}
  html.legal-embed .legal h2{font-size:20px;}
}