/* Charte « Terre ensoleillée » — variables de référence, cf. charte §2 */
:root{
  --paper:#FDF8F0;      /* Papier doré  — fond de toutes les pages       */
  --paper-2:#F9EEE0;    /* Papier chaud — sections alternées             */
  --ink:#2A211B;        /* Encre chaude — texte courant et titres        */
  --brown:#6E5C4E;      /* Brun doux    — chapôs, légendes               */
  --terra:#B85328;      /* Terre cuite  — accent d'identité              */
  --sun:#E8A33D;        /* Soleil       — décor sur fond clair seulement */
  --sienna:#5C2E1C;     /* Sienne brûlée   — bandes sombres              */
  --sienna-2:#3E2113;   /* Sienne profonde — pied de page                */
  --sand:#EADCCB;       /* Sable        — filets et séparateurs          */
  --on-dark:#F4E5D6;    /* Texte sur fond sombre                         */
  --max:64rem;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
  background-color:var(--paper);
  /* charte §3 — un seul halo doré, en haut de page */
  background-image:radial-gradient(1100px 380px at 18% -6%, rgba(232,163,61,.20), rgba(232,163,61,0) 62%);
  background-repeat:no-repeat;background-attachment:scroll}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.5rem}
.narrow{max-width:44rem}
a{color:var(--terra);text-underline-offset:3px}
a:hover{color:var(--sienna)}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;color:var(--ink)}
h1{font-size:clamp(38px,5.2vw,60px);line-height:1.08;margin:.15em 0 .35em}
h2{font-size:clamp(27px,3.2vw,35px);line-height:1.18;margin:2.8rem 0 .7rem}
h3{font-size:21px;line-height:1.3;margin:2.1rem 0 .45rem}
p{margin:0 0 1.15rem}
hr{border:0;border-top:1px solid var(--sand);margin:3rem 0}
.lead{font-size:19.5px;color:var(--brown)}
.note{font-size:15.5px;color:var(--brown);font-style:italic}
.kicker{font-family:var(--sans);font-size:12px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--terra);font-weight:600;margin:0 0 .7rem}
/* en-tête */
header.site{border-bottom:1px solid var(--sand);background:var(--paper);position:sticky;top:0;z-index:50}
.bar{display:flex;align-items:center;gap:1.25rem;padding:.9rem 0;flex-wrap:wrap}
.brand{font-family:var(--sans);font-weight:700;font-size:1.18rem;letter-spacing:-.022em;
  text-decoration:none;color:var(--terra)}
.brand span{color:var(--terra)}
nav.main{margin-left:auto;display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
nav.main a{font-family:var(--sans);font-size:15px;text-decoration:none;color:var(--brown)}
nav.main a:hover,nav.main a[aria-current="page"]{color:var(--terra)}
.drop{position:relative}
.drop>button{font:inherit;font-family:var(--sans);font-size:15px;background:none;border:0;
  color:var(--brown);cursor:pointer;padding:0}
.drop>button:hover{color:var(--terra)}
.drop-menu{position:absolute;top:1.9rem;left:-1rem;background:#fff;border:1px solid var(--sand);
  padding:.6rem;min-width:20rem;display:none;box-shadow:0 10px 30px rgba(92,46,28,.12)}
.drop-menu a{display:block;padding:.45rem .6rem;font-size:15px}
.drop-menu a:hover{background:var(--paper-2)}
.drop.open .drop-menu{display:block}
/* pastille de langue — seul arrondi autorisé, charte §5 */
.lang{font-family:var(--sans);font-size:13px;border:1px solid var(--sand);border-radius:2rem;
  padding:.2rem .75rem;text-decoration:none;color:var(--brown)}
.lang:hover{border-color:var(--terra);color:var(--terra)}
/* hero */
.hero{padding:3.6rem 0 .6rem}
.tagline{font-family:var(--serif);font-size:clamp(38px,5.6vw,60px);line-height:1.06;
  letter-spacing:-.018em;font-weight:600;margin:0 0 .35rem}
.sub{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2.1vw,23px);
  color:var(--terra);margin:0 0 2.2rem}
section{padding:.5rem 0}
/* cartes des trois portes — charte §5 */
.doors{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:2rem 0}
.door{position:relative;border:1px solid var(--sand);padding:1.5rem 1.4rem 1.4rem;background:#fff;
  text-decoration:none;color:var(--ink);display:block;transition:transform .15s,box-shadow .15s}
.door:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--terra),var(--sun))}
.door:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(92,46,28,.12)}
.door h3{margin:.1rem 0 .4rem;font-size:19px}
.door p{font-size:15.5px;color:var(--brown);margin:0}
blockquote{margin:2.2rem 0;padding:1.4rem 1.7rem;background:var(--paper-2);
  border-left:3px solid var(--terra);font-size:17px}
blockquote p{margin:0 0 .8rem}
blockquote cite{font-style:normal;font-family:var(--sans);font-size:14.5px;color:var(--brown)}
blockquote cite b{color:var(--ink)}
/* boutons — angles droits, charte §5 */
.btn{display:inline-block;background:var(--terra);color:#fff;text-decoration:none;
  padding:.78rem 1.5rem;font-family:var(--sans);font-size:15.5px;font-weight:500;border:1px solid var(--terra)}
.btn:hover{background:var(--sienna);border-color:var(--sienna);color:#fff}
.btn.ghost{background:none;color:var(--sienna);border:1px solid var(--sienna)}
.btn.ghost:hover{background:var(--sienna);color:#fff}
.btns{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.6rem 0}
ul.plain{list-style:none;padding:0;margin:1rem 0}
ul.plain li{padding:.35rem 0 .35rem 1.5rem;position:relative}
ul.plain li:before{content:"—";position:absolute;left:0;color:var(--terra)}
.card{border:1px solid var(--sand);padding:1.6rem;background:#fff;margin:1.6rem 0}
.formats{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin:1.6rem 0}
.format{border:1px solid var(--sand);padding:1.2rem;background:#fff}
.format b{display:block;font-family:var(--serif);font-size:18px;font-weight:600;margin-bottom:.25rem}
.format span{font-size:15.5px;color:var(--brown)}
.pub{border-bottom:1px solid var(--sand);padding:1.2rem 0}
.pub:last-child{border-bottom:0}
.pub b{font-family:var(--serif);font-size:19px;font-weight:600}
.pub .meta{font-size:14.5px;color:var(--brown);display:block;margin:.2rem 0 .4rem}
.pub p{font-size:15.5px;margin:0 0 .6rem}
.dl{font-family:var(--sans);font-size:14px;text-decoration:none;border:1px solid var(--sand);
  padding:.26rem .85rem;display:inline-block;margin-right:.4rem;color:var(--terra)}
.dl:hover{border-color:var(--terra);background:var(--paper-2)}
/* photographies — cadre à filet sable, 4:5, charte §5 */
.bio{display:grid;grid-template-columns:15rem 1fr;gap:2.5rem;align-items:start;margin:2.2rem 0}
.bio img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border:1px solid var(--sand);padding:6px;background:#fff}
/* pied de page — bande sombre, charte §5 */
footer.site{border-top:1px solid var(--sand);margin-top:4.5rem;padding:3rem 0 3.5rem;
  background:var(--sienna-2);color:var(--on-dark);font-family:var(--sans);font-size:15px}
footer.site a{text-decoration:none;color:var(--on-dark)}
footer.site a:hover{color:var(--sun)}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.8rem}
footer.site h4{font-family:var(--sans);font-size:12px;letter-spacing:.17em;text-transform:uppercase;
  color:var(--sun);margin:0 0 .7rem;font-weight:600}
footer.site ul{list-style:none;padding:0;margin:0}
footer.site li{padding:.2rem 0}
@media(max-width:820px){
  .bio{grid-template-columns:1fr;gap:1.2rem}.bio img{max-width:15rem}
  nav.main{gap:.85rem}
  .drop-menu{position:static;display:block;border:0;box-shadow:none;padding:0;min-width:0;background:none}
  .drop>button{display:none}
  body{background-image:radial-gradient(700px 300px at 18% -6%, rgba(232,163,61,.14), rgba(232,163,61,0) 62%)}
}