/* ============================================================
   ARCHIDESIGN — thème « Noir » (chargé après site.css)
   Bascule les pages intérieures dans le style de la nouvelle accueil.
   ============================================================ */
:root{
  --paper:#12110F;--paper-2:#1A1815;--paper-3:#24211D;
  --ink:#EDE6DA;--ink-soft:#D9D1C4;--muted:#A79E90;
  --clay:#D9A25E;--clay-deep:#E8BC80;
  --line:rgba(237,230,218,.14);--line-strong:rgba(237,230,218,.28);
  --sans:"Archivo",system-ui,sans-serif;--serif:"Archivo",system-ui,sans-serif;
}
body{background:var(--paper);color:var(--ink);}
a:hover{color:var(--clay-deep);}
h1,h2,h3{font-weight:300;font-stretch:88%;text-transform:uppercase;letter-spacing:-.015em;line-height:.95;}
h1 em,h2 em,h3 em,.page-hero h1 em,.cta h2 em{font-style:normal;font-family:var(--sans);font-weight:300;color:var(--clay-deep);}
main img{filter:saturate(.85) contrast(1.04) brightness(.9) sepia(.08);}

/* header */
header.solid{background:rgba(18,17,15,.8);box-shadow:0 1px 0 var(--line);}
.brand .mono{width:38px;height:30px;color:var(--ink);flex-shrink:0;}
header:not(.solid) .brand .mono{color:#EDE6DA;}
header:not(.solid) .brand .mark,header:not(.solid) .lang button.active{color:#EDE6DA;}
header:not(.solid) .btn{color:#EDE6DA;border-color:rgba(237,230,218,.5);}
header:not(.solid) .btn:hover{background:#EDE6DA;color:#12110F;border-color:#EDE6DA;}
header:not(.solid) .nav-burger span{background:#EDE6DA;}
.brand .mark{font-size:13px;font-weight:600;letter-spacing:.34em;}
.brand .mark b{font-weight:300;}
.brand .logo{display:none;}
.btn{border-radius:999px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:12px;}
.btn-clay{background:var(--clay);border-color:var(--clay);color:#12110F;}
.btn-clay:hover{background:var(--clay-deep);border-color:var(--clay-deep);color:#12110F;}
.btn-light{border-color:var(--ink);color:var(--ink);}
.btn-light:hover{background:var(--ink);color:#12110F;}

/* heroes */
.page-hero{background:var(--paper-2);border-bottom:1px solid var(--line);}
.page-hero h1{color:var(--ink);font-size:clamp(50px,7.4vw,118px);}
.page-hero .eyebrow{color:var(--clay-deep);}
.phero{background:var(--paper);}
.phero h1{color:var(--ink);}

/* sections sombres */
.cta{background:var(--paper-2);color:var(--ink);border-top:1px solid var(--line);}
.cta h2{color:var(--ink);}
.cta .eyebrow{color:var(--clay-deep);}
.cta .mail{font-weight:300;}
.quote blockquote{font-weight:300;}

/* footer */
footer{background:var(--paper);border-top:1px solid var(--line);}
.flogo{display:flex;align-items:center;gap:16px;color:var(--ink);}
.flogo .mono{width:52px;height:42px;}
.flogo .wm{display:flex;flex-direction:column;line-height:1.25;letter-spacing:.42em;font-size:13px;font-weight:600;}
.flogo .wm b{font-weight:300;}

/* chips, filtres, formulaires */
.form input,.form select,.form textarea{color:var(--ink);}
.form select option{background:var(--paper-2);color:var(--ink);}
.form input::placeholder,.form textarea::placeholder{color:#7d7568;}
.form .err{background:#3A1F18;color:#F2C9BC;border-left-color:#D9785E;}
.zones span{background:var(--paper-3);}

/* menu mobile */
.mobile-panel .mp-top .brand .mono{width:38px;height:30px;color:var(--ink);}
.mp-menu a{font-weight:300;font-stretch:88%;text-transform:uppercase;}