@font-face{font-family:'Archivo';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/archivo-600-normal.woff2) format('woff2');}
@font-face{font-family:'Archivo';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/archivo-700-normal.woff2) format('woff2');}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/newsreader-400-normal.woff2) format('woff2');}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/newsreader-600-normal.woff2) format('woff2');}
/* modèle de boîte : une fois, pour tout le document */
*,*::before,*::after{box-sizing:border-box;}
/* les images ne débordent jamais de leur conteneur */
img,svg,video{display:block;max-width:100%;height:auto;}
/* respetamos a quien pide menos movimiento en el sistema */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}
*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;}}
/* on annule les marges du navigateur avant de poser les nôtres */
body,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,figure,blockquote,fieldset,legend{margin:0;padding:0;}
button,input,textarea,select{font:inherit;color:inherit;}
ul[class],ol[class]{list-style:none;}
table{border-collapse:collapse;width:100%;}
a{color:inherit;}
/* palette laiton et échelle de tailles */
:root{
  --fondo: #fbfaf6;
  --papel: #ffffff;
  --tinta: #1d1b14;
  --gris: #6b6555;
  --laiton: #5b4a1f;
  --fonce: #332a10;
  --cuivre: #9a7124;
  --trait: #ddd6c4;
  --marca: #efe6cd;
  --foco: #9a7124;
  --ancho: 82rem;
  --s0: clamp(1rem, 1.02rem + 0.1vw, 1.125rem);
  --s1: clamp(1.16rem, 1.09rem + 0.34vw, 1.37rem);
  --s2: clamp(1.38rem, 1.24rem + 0.7vw, 1.86rem);
  --s3: clamp(1.66rem, 1.4rem + 1.28vw, 2.55rem);
  --s4: clamp(2rem, 1.53rem + 2.32vw, 3.5rem);
  --s5: clamp(2.4rem, 1.6rem + 3.9vw, 4.8rem);
}
body{font-family:'Newsreader', Georgia, serif;font-size:var(--s0);background:var(--fondo);color:var(--tinta);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
/* salto al contenido, texto sólo para lectores y foco visible */
.salto{position:absolute;left:-9999px;top:0;z-index:99;padding:.7rem 1.1rem;background:var(--tinta);color:var(--fondo);text-decoration:none;}
.salto:focus{left:.5rem;top:.5rem;}
.oculto{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}
:focus-visible{outline:3px solid var(--foco);outline-offset:2px;}
::selection{background:var(--marca);}

/* ── john driskel · pleine largeur, sommaire tabulaire, bandes alternées ─── */
body{line-height:1.68;}
.jd-cadre{max-width:var(--ancho);margin:0 auto;padding:0 1.6rem;}

.jd-haut{background:var(--fonce);color:#e3d8bc;font-family:'Archivo',system-ui,sans-serif;
  font-size:.77rem;letter-spacing:.13em;text-transform:uppercase;}
.jd-haut div{max-width:var(--ancho);margin:0 auto;padding:.45rem 1.6rem;display:flex;
  flex-wrap:wrap;gap:.3rem 2rem;}
.jd-haut b{color:#fff;}

.jd-tete-b{background:var(--papel);border-bottom:1px solid var(--trait);}
.jd-tete-in{max-width:var(--ancho);margin:0 auto;padding:1.1rem 1.6rem;display:flex;
  align-items:center;gap:1rem 2.4rem;flex-wrap:wrap;border-bottom:2px solid var(--laiton);}
.jd-id{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:inherit;}
.jd-id img{width:42px;height:42px;}
.jd-nom{font-family:'Archivo',system-ui,sans-serif;font-size:1.4rem;font-weight:700;
  letter-spacing:-.03em;line-height:1;text-transform:uppercase;}
.jd-nom small{display:block;font-size:.62rem;letter-spacing:.24em;color:var(--laiton);
  font-weight:600;margin-top:.42rem;}
.jd-bur{background:var(--laiton);border:none;color:#fff;padding:.46rem 1.1rem;cursor:pointer;
  font-family:'Archivo',sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;}
.jd-nav{margin-left:auto;}
.jd-nav ul{display:flex;flex-wrap:wrap;gap:0 1.8rem;}
.jd-nav a{display:block;padding:.3rem 0;font-family:'Archivo',sans-serif;font-size:.78rem;
  letter-spacing:.1em;text-transform:uppercase;font-weight:600;text-decoration:none;
  color:var(--tinta);border-bottom:3px solid transparent;margin-bottom:-2px;}
.jd-nav a:hover{border-bottom-color:var(--cuivre);}
.jd-nav [aria-current]{border-bottom-color:var(--laiton);color:var(--laiton);}
.jd-mob{background:var(--papel);}
.jd-mob ul{max-width:var(--ancho);margin:0 auto;padding:.3rem 1.6rem 1rem;}
.jd-mob a{display:block;padding:.55rem 0;text-decoration:none;border-bottom:1px solid var(--trait);
  font-family:'Archivo',sans-serif;font-size:.92rem;}
@media (min-width:70rem){.jd-bur,.jd-mob{display:none;}}
@media (max-width:69.99rem){.jd-nav{display:none;}}

.jd-bande{padding:2.6rem 0;}
.jd-bande-clair{background:var(--papel);border-top:1px solid var(--trait);
  border-bottom:1px solid var(--trait);}
.jd-bande-sombre{background:var(--fonce);color:#ded3b6;}
.jd-bande-sombre .jd-h2{color:#fff;}
.jd-bande-sombre .jd-p{color:#ded3b6;}
.jd-corps{max-width:var(--ancho);margin:0 auto;padding:2.2rem 1.6rem 3rem;}

.jd-h1{font-family:'Archivo',system-ui,sans-serif;font-size:var(--s4);line-height:1.04;
  font-weight:700;letter-spacing:-.035em;margin:0 0 .9rem;max-width:24ch;}
.jd-tete{font-size:var(--s1);line-height:1.5;color:#3d382c;max-width:60ch;margin:0 0 1.5rem;}
.jd-repere{font-family:'Archivo',sans-serif;font-size:.77rem;letter-spacing:.11em;
  text-transform:uppercase;color:var(--gris);border-top:2px solid var(--laiton);
  border-bottom:1px solid var(--trait);padding:.55rem 0;margin:0 0 2rem;display:flex;
  flex-wrap:wrap;gap:.3rem 1.6rem;}
.jd-repere b{color:var(--laiton);font-weight:700;}
.jd-h2{font-family:'Archivo',sans-serif;font-size:var(--s2);font-weight:700;letter-spacing:-.024em;
  margin:2.5rem 0 .75rem;}
.jd-h3{font-family:'Archivo',sans-serif;font-size:var(--s1);font-weight:700;margin:1.7rem 0 .4rem;}
.jd-p{margin:0 0 1.1rem;max-width:68ch;}
.jd-sec{margin:0;}
.jd-a{color:var(--laiton);text-decoration:underline;text-underline-offset:.16em;}
.jd-a:hover{background:var(--marca);}
.jd-ul{margin:0 0 1.2rem;max-width:68ch;}
.jd-li{padding-left:1.6rem;position:relative;margin-bottom:.52rem;}
.jd-li::before{content:"▪";position:absolute;left:.2rem;color:var(--cuivre);}
.jd-note{font-size:.87rem;color:var(--gris);border-top:1px solid var(--trait);
  border-bottom:1px solid var(--trait);padding:.95rem 0;margin-top:2.2rem;max-width:68ch;}
.jd-cat{font-family:'Archivo',sans-serif;font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--laiton);font-weight:700;display:block;margin-bottom:.5rem;}

/* le sommaire en tableau : c'est la vraie une du site */
.jd-tableau-enveloppe{overflow-x:auto;margin:1.6rem 0 0;}
.jd-tableau{width:100%;min-width:44rem;border-collapse:collapse;table-layout:fixed;}
.jd-tableau caption{text-align:left;font-family:'Archivo',sans-serif;font-size:.7rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gris);padding-bottom:.7rem;}
.jd-tableau th{font-family:'Archivo',sans-serif;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;text-align:left;color:var(--gris);font-weight:600;
  border-bottom:2px solid var(--laiton);padding:.5rem .7rem;}
.jd-tableau td{border-bottom:1px solid var(--trait);padding:1rem .7rem;vertical-align:top;}
.jd-tableau tr:hover td{background:var(--marca);}
.jd-col-n{width:4rem;}
.jd-col-img{width:13rem;}
.jd-col-cat{width:11rem;}
.jd-col-date{width:9rem;}
.jd-num{font-family:'Archivo',sans-serif;font-size:1.5rem;font-weight:700;color:var(--cuivre);
  line-height:1;}
.jd-tableau h3{font-family:'Archivo',sans-serif;font-size:1.14rem;font-weight:700;line-height:1.22;
  margin:0 0 .35rem;letter-spacing:-.018em;}
.jd-tableau h3 a{text-decoration:none;}
.jd-tableau h3 a:hover{color:var(--laiton);}
.jd-tableau td p{margin:0;font-size:.9rem;color:#413b2e;}
.jd-quand{font-family:'Archivo',sans-serif;font-size:.75rem;letter-spacing:.06em;color:var(--gris);}
.jd-vignette{border:1px solid var(--trait);}

.jd-chiffres{display:grid;gap:1.4rem;margin-top:1.4rem;}
@media (min-width:44rem){.jd-chiffres{grid-template-columns:repeat(3,1fr);}}
.jd-chiffre{border-left:4px solid var(--cuivre);padding-left:1rem;}
.jd-chiffre b{display:block;font-family:'Archivo',sans-serif;font-size:1.9rem;font-weight:700;
  line-height:1;letter-spacing:-.03em;color:#fff;}
.jd-chiffre span{display:block;margin-top:.5rem;font-size:.92rem;}

.jd-dl{margin:1.4rem 0;max-width:68ch;border-top:2px solid var(--laiton);}
.jd-dr{display:grid;grid-template-columns:1fr;padding:.72rem 0;border-bottom:1px solid var(--trait);}
@media (min-width:36rem){.jd-dr{grid-template-columns:15rem 1fr;gap:0 1.2rem;}}
.jd-dt{font-family:'Archivo',sans-serif;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--laiton);font-weight:700;}
.jd-dd{margin:0;}

.jd-2c{display:grid;gap:2.4rem;margin-top:1.4rem;}
@media (min-width:54rem){.jd-2c{grid-template-columns:1.05fr .95fr;gap:3rem;}}
.jd-ch{margin-bottom:1.1rem;}
.jd-lb{display:block;font-family:'Archivo',sans-serif;font-size:.74rem;letter-spacing:.1em;
  text-transform:uppercase;color:var(--gris);margin-bottom:.3rem;font-weight:700;}
.jd-op{text-transform:none;letter-spacing:0;font-weight:400;}
.jd-in,.jd-ta{width:100%;background:var(--papel);border:1px solid #bdb49c;padding:.6rem .72rem;
  font-family:'Newsreader',Georgia,serif;}
.jd-ta{resize:vertical;line-height:1.6;}
.jd-in:focus,.jd-ta:focus{outline:2px solid var(--cuivre);outline-offset:1px;border-color:var(--cuivre);}
.jd-ck{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;}
.jd-cb{margin-top:.32rem;width:1.05rem;height:1.05rem;accent-color:var(--laiton);}
.jd-er{color:#a33320;font-size:.85rem;margin-top:.25rem;}
.jd-bt{background:var(--laiton);color:#fff;border:none;padding:.8rem 2.1rem;cursor:pointer;
  font-family:'Archivo',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;}
.jd-bt:hover{background:var(--fonce);}

.jd-fil{font-family:'Archivo',sans-serif;font-size:.77rem;letter-spacing:.05em;color:var(--gris);
  margin-bottom:1.2rem;}
.jd-fil ul{display:flex;flex-wrap:wrap;gap:.3rem;}
.jd-fil li+li::before{content:"→";color:var(--cuivre);margin-right:.35rem;}
.jd-fil a{color:inherit;}

.jd-pied{background:var(--fonce);color:#bbae8c;margin-top:0;}
.jd-pied-in{max-width:var(--ancho);margin:0 auto;padding:2.5rem 1.6rem 2.9rem;}
.jd-pied h2{font-family:'Archivo',sans-serif;color:#fff;font-size:.72rem;letter-spacing:.2em;
  text-transform:uppercase;margin:0 0 .8rem;}
.jd-pied-nav{display:flex;flex-wrap:wrap;gap:.45rem 1.6rem;margin-bottom:1.6rem;}
.jd-pied-nav a{color:#bbae8c;text-decoration:none;font-size:.86rem;}
.jd-pied-nav a:hover{color:#fff;text-decoration:underline;}
.jd-mentions{font-size:.83rem;line-height:1.66;border-top:1px solid #4a3f1d;padding-top:1.2rem;}
.jd-mentions strong{color:#fff;}
.jd-mentions a{color:#d8bb74;}

/* cookies : bandeau bas pleine largeur, tenu par la couleur laiton */
.jd-cook{position:fixed;left:0;right:0;bottom:0;background:var(--papel);
  border-top:4px solid var(--laiton);padding:.9rem 1.6rem;z-index:40;font-size:.87rem;}
.jd-cook-in{max-width:var(--ancho);margin:0 auto;display:flex;flex-wrap:wrap;gap:.7rem 1.4rem;
  align-items:center;justify-content:space-between;}
.jd-cook p{margin:0;}
.jd-cook button{border:1px solid var(--laiton);background:none;padding:.36rem 1rem;cursor:pointer;
  font-family:'Archivo',sans-serif;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;
  margin-left:.4rem;}
.jd-cook button:first-of-type{background:var(--laiton);color:#fff;}

/* imágenes: proporción fija para que nada salte al cargar */
.jd-vignette{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;}
.jd-une{margin:0 0 2rem;}
.jd-une img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.jd-une figcaption,.jd-fig figcaption{font-size:.85rem;color:var(--gris);margin-top:.55rem;}
.jd-fig{margin:1.9rem 0;}
.jd-fig img{width:100%;object-fit:cover;}