/* ============================================================
   Cheyrouze — feuille de style commune
   Typographies : Cormorant Garamond (titrage) + Spectral (texte)
   Palette et typographies communes à l'ensemble du site.
   ============================================================ */

:root{
  /* encres */
  --ink:#16202f;
  --ink-2:#243349;
  --ink-soft:#5d6a7d;
  /* papiers */
  --paper:#faf8f4;
  --paper-2:#f3efe6;
  --paper-warm:#f7f1e5;
  /* accents */
  --gold:#a9853e;
  --gold-soft:#c9ab6e;
  --oxblood:#8e262b;
  --line:#e2dace;
  --line-strong:#d1c5ae;
  /* mesures */
  --wrap:72rem;
  --measure:38rem;
  --r:3px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Spectral",Georgia,"Times New Roman",serif;
  font-weight:300;
  font-size:1.0625rem;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:600;
  line-height:1.12;
  letter-spacing:.005em;
  color:var(--ink);
  margin:0;
}
p{margin:0 0 1.35rem}
a{color:inherit}
img{max-width:100%;height:auto;display:block}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:1.5rem}
.measure{max-width:var(--measure)}

/* ——— ornement ——— */
.orn{display:flex;align-items:center;justify-content:center;gap:1.1rem;color:var(--gold)}
.orn::before,.orn::after{content:"";height:1px;width:min(8rem,22vw)}
.orn::before{background:linear-gradient(to left,var(--line-strong),transparent)}
.orn::after{background:linear-gradient(to right,var(--line-strong),transparent)}
.orn span{font-size:1.2rem;line-height:1}

.kicker{
  font-size:.72rem;letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;
  font-weight:600;color:var(--gold);margin:0 0 .9rem;
}

/* ——— en-tête ——— */
.site-head{
  position:sticky;top:0;z-index:50;
  background:rgba(250,248,244,.88);
  backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid var(--line);
}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.05rem}
.brand{
  font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:1.2rem;
  letter-spacing:.02em;text-decoration:none;color:var(--ink);white-space:nowrap;
}
.brand small{display:block;font-family:"Spectral",serif;font-weight:300;font-size:.62rem;
  letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-top:.2rem}
.nav{display:flex;gap:1.6rem;flex-wrap:wrap;align-items:center}
.nav a{
  text-decoration:none;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-soft);padding-block:.25rem;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;
}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink);border-color:var(--gold)}
@media(max-width:640px){
  .site-head .wrap{flex-direction:column;align-items:flex-start;gap:.7rem}
  .nav{gap:1.1rem}
}

/* ——— pied ——— */
.site-foot{
  margin-top:3.5rem;padding:3.2rem 0 2.6rem;
  background:var(--ink);color:#cdd5e0;text-align:center;font-size:.92rem;
}
.site-foot .orn{color:var(--gold-soft)}
.site-foot .orn::before{background:linear-gradient(to left,rgba(201,171,110,.45),transparent)}
.site-foot .orn::after{background:linear-gradient(to right,rgba(201,171,110,.45),transparent)}
.site-foot p{margin:1.2rem 0 0}
.site-foot a{color:var(--gold-soft)}

/* ——— boutons ——— */
.btn{
  display:inline-block;text-decoration:none;font-size:.78rem;letter-spacing:.18em;
  text-transform:uppercase;padding:.85rem 1.9rem;border:1px solid var(--gold);
  color:var(--gold);border-radius:var(--r);transition:background .25s,color .25s;
}
.btn:hover{background:var(--gold);color:#fff}
.btn-light{border-color:rgba(255,255,255,.55);color:#fff}
.btn-light:hover{background:#fff;color:var(--ink)}