/*
Theme Name: Marko
Theme URI: https://marko-auteur.fr
Author: Marko
Description: Thème du site de Marko, auteur et dessinateur de bande dessinée. Bibliographie BD par éditeur et par série, illustration, agenda, presse, projets. Noir chaud, or, titres en serif.
Version: 1.9.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marko
Tags: portfolio, dark, one-column, custom-menu, featured-images
*/

/* ═══════════════════════════════════════════════════════════════════════
   MARKO — thème WordPress
   Système graphique repris de la page de maintenance :
   noir chaud, or, titres en serif, grain fin, filets dorés.
   ═══════════════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box}

:root{
  --noir:#0a0a0c;
  --noir-2:#111114;
  --noir-3:#17171b;
  --creme:#f4efe8;
  --creme-doux:#c9c3ba;
  --gris:#8b857c;
  --or:#d8b26a;
  --or-clair:#e8cf9d;
  --trait:rgba(244,239,232,.13);
  --trait-fort:rgba(244,239,232,.24);
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua","Hoefler Text",Georgia,"Times New Roman",serif;
  --sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,"Helvetica Neue",Arial,sans-serif;
  --marge:clamp(1.4rem,5vw,5.5rem);
  --entete:74px;
}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--noir);color:var(--creme);
  font-family:var(--sans);font-size:clamp(15px,.45vw + 13.8px,16.5px);line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
figure,figcaption,blockquote{margin:0}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
::selection{background:var(--or);color:#161208}
:focus-visible{outline:2px solid var(--or);outline-offset:3px;border-radius:2px}

body::after{
  content:"";position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.28;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}

/* ── Typographie commune ─────────────────────────────────────────────── */
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-.012em;text-wrap:balance}
h1{font-size:clamp(2.3rem,5.2vw,4.1rem);line-height:1.04}
h2{font-size:clamp(1.75rem,3.3vw,2.7rem);line-height:1.12}
h3{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.25}
p{margin:0}
em{font-style:italic;color:var(--or)}

.surtitre{
  font-family:var(--sans);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--or);font-weight:500;margin:0;
}
.chapo{color:var(--creme-doux);font-size:clamp(1rem,.3vw + .95rem,1.13rem);max-width:44ch;text-wrap:pretty}
.filet{height:1px;width:7rem;background:linear-gradient(to right,var(--or),transparent);border:0;margin:0}
.conteneur{max-width:1240px;margin:0 auto;padding-inline:var(--marge)}
.section{padding-block:clamp(3.5rem,7vw,6.5rem)}
.section--fine{padding-block:clamp(2.5rem,4.5vw,4rem)}
.section--sombre{background:var(--noir-2)}

.titre-section{display:flex;flex-direction:column;gap:.85rem;margin-bottom:clamp(2rem,3.5vw,3rem);max-width:52rem}

/* ── En-tête ─────────────────────────────────────────────────────────── */
.entete{
  position:sticky;top:0;z-index:60;height:var(--entete);
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding-inline:var(--marge);
  background:rgba(10,10,12,.72);backdrop-filter:blur(14px) saturate(120%);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  border-bottom:1px solid var(--trait);
}
.entete__logo{position:relative;z-index:61;display:block;margin-bottom:-1.4rem;align-self:flex-start;padding-top:.65rem}
.entete__signature{width:172px;height:auto;opacity:.98;transform:rotate(-3deg);transform-origin:left center;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.65));transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.entete__logo:hover .entete__signature{transform:rotate(-1deg) scale(1.03)}
.signature--blanche{filter:brightness(0) invert(1)}
.nav__liste{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2.1rem);list-style:none;margin:0;padding:0}
.nav__liste li{position:relative}
.nav a{
  font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;color:var(--creme-doux);
  position:relative;padding-block:.35rem;transition:color .3s ease;white-space:nowrap;
}
.nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--or);
  transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.3,1);
}
.nav a:hover{color:var(--creme)}
.nav a:hover::after,.nav .current-menu-item>a::after,.nav .current-menu-ancestor>a::after,.nav .current_page_parent>a::after{transform:scaleX(1)}
.nav .current-menu-item>a,.nav .current-menu-ancestor>a{color:var(--or)}
/* sous-menu (Actualité → Agenda, Presse, Projets) */
.nav .sub-menu{position:absolute;top:100%;left:-1rem;min-width:13rem;padding:.6rem 0;margin:0;list-style:none;
  background:rgba(12,12,15,.97);border:1px solid var(--trait);border-radius:3px;
  opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.nav .sub-menu a{display:block;padding:.5rem 1rem;font-size:.7rem}
.nav .sub-menu a::after{display:none}

.burger{
  display:none;background:none;border:1px solid var(--trait-fort);border-radius:2px;
  color:var(--creme);padding:.5rem .7rem;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;cursor:pointer;
}

/* ── Boutons ─────────────────────────────────────────────────────────── */
.bouton{
  display:inline-block;font-family:var(--sans);font-size:.7rem;letter-spacing:.18em;
  text-transform:uppercase;padding:.9rem 1.5rem;border-radius:2px;cursor:pointer;
  border:1px solid var(--or);background:var(--or);color:#151004;font-weight:600;
  transition:background .3s ease,color .3s ease;
}
.bouton:hover{background:transparent;color:var(--or)}
.bouton--fantome{background:transparent;color:var(--creme-doux);border-color:var(--trait-fort);font-weight:500}
.bouton--fantome:hover{color:var(--creme);border-color:var(--creme-doux)}
.lien-fleche{
  display:inline-flex;align-items:center;gap:.5rem;color:var(--or);
  font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
}
.lien-fleche span{transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.lien-fleche:hover span{transform:translateX(5px)}

/* ── Hero accueil : la photo occupe tout, le texte se pose dessus ────── */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);min-height:calc(100svh - var(--entete));overflow:hidden;background:#08080a}
.hero__photo{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 34%;transform:translateX(-9%) scale(1.04);transform-origin:50% 40%}
.hero__photo::after{content:"";position:absolute;inset:0;
  background:linear-gradient(93deg,rgba(10,10,12,.16) 0%,rgba(10,10,12,.05) 30%,rgba(10,10,12,.55) 55%,rgba(10,10,12,.9) 76%,var(--noir) 96%),
             linear-gradient(180deg,rgba(10,10,12,.22) 0%,transparent 22%,transparent 62%,rgba(10,10,12,.72) 100%)}
.credit{position:absolute;left:var(--marge);bottom:1rem;z-index:2;
  font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(244,239,232,.38)}
.hero__texte{grid-column:2;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:clamp(1.3rem,2.4vw,2rem);
  padding:clamp(3rem,6vw,5rem) var(--marge)}
.hero__texte > *{max-width:36rem}
.hero__meta{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;font-size:.78rem;color:var(--gris)}
.hero__meta b{color:var(--creme-doux);font-weight:500}

/* ── Hero pages intérieures ──────────────────────────────────────────── */
.hero-page{position:relative;padding-block:clamp(3rem,6vw,5.5rem) clamp(2rem,4vw,3.5rem);
  border-bottom:1px solid var(--trait);overflow:hidden}
.hero-page::before{content:"";position:absolute;inset:0;
  background:radial-gradient(120% 90% at 12% -10%,rgba(216,178,106,.10),transparent 62%)}
.hero-page .conteneur{position:relative;display:flex;flex-direction:column;gap:1.1rem}

/* ── Grilles & cartes ────────────────────────────────────────────────── */
.grille{display:grid;gap:clamp(1.2rem,2.2vw,2rem)}
.grille--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
.grille--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}

.carte{
  position:relative;background:var(--noir-2);border:1px solid var(--trait);border-radius:3px;
  padding:clamp(1.4rem,2.2vw,1.9rem);display:flex;flex-direction:column;gap:.8rem;
  transition:border-color .4s ease,transform .4s cubic-bezier(.2,.7,.3,1),background .4s ease;
}
.carte:hover{border-color:rgba(216,178,106,.42);transform:translateY(-3px);background:var(--noir-3)}
.carte__tag{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--or)}
.carte__meta{font-size:.78rem;color:var(--gris)}
.carte p{color:var(--creme-doux);font-size:.92rem}
.carte__barre{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--teinte,var(--or));opacity:.75}

/* ── Couvertures ─────────────────────────────────────────────────────── */
.couv{
  position:relative;aspect-ratio:2/3;border-radius:2px;overflow:hidden;
  box-shadow:0 22px 46px -22px rgba(0,0,0,.95),
             inset 9px 0 15px -12px rgba(0,0,0,.95),
             inset 2px 0 0 rgba(255,255,255,.05);
  background:
    radial-gradient(90% 60% at 50% 108%,rgba(0,0,0,.55),transparent 70%),
    linear-gradient(var(--ang,158deg),var(--teinte,#2a2a30) -10%,#14141a 82%);
  display:flex;flex-direction:column;align-items:center;
  padding:2.1rem 1.15rem 1.15rem;text-align:center;gap:.55rem;
  transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s ease;
}
.couv img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.couv::before{content:"";position:absolute;inset:.55rem;border:1px solid rgba(244,239,232,.15);border-radius:1px}
.couv::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 45% at 26% 6%,rgba(255,255,255,.13),transparent 62%)}
.couv__auteurs{position:relative;font-size:.46rem;letter-spacing:.26em;text-transform:uppercase;
  color:rgba(244,239,232,.62)}
.couv__titre{position:relative;font-family:var(--serif);font-style:italic;font-size:1rem;
  line-height:1.28;color:var(--creme);text-shadow:0 2px 12px rgba(0,0,0,.55);text-wrap:balance}
.couv__ed{position:relative;margin-top:auto;font-size:.47rem;letter-spacing:.24em;
  text-transform:uppercase;color:rgba(244,239,232,.46)}
a:hover .couv,.carte:hover .couv{transform:translateY(-4px) rotate(-1.2deg);box-shadow:0 30px 60px -22px rgba(0,0,0,1)}

.album{display:flex;flex-direction:column;gap:.85rem}
.album__titre{font-family:var(--serif);font-size:1.02rem;line-height:1.3}
.album__meta{font-size:.75rem;color:var(--gris);letter-spacing:.02em}
.album__annee{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--or)}

/* ── Album phare ─────────────────────────────────────────────────────── */
.phare{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:clamp(1.8rem,4vw,3.5rem);align-items:center}
.phare__visuel{position:relative}
.phare__visuel img{width:100%;border-radius:2px;box-shadow:0 34px 70px -26px rgba(0,0,0,1);transform:rotate(-1.6deg)}
.pastille{
  position:absolute;top:-.9rem;left:-.9rem;z-index:2;background:var(--or);color:#161005;
  font-weight:700;letter-spacing:.1em;font-size:.62rem;text-transform:uppercase;
  padding:.4rem .7rem;border-radius:2px;transform:rotate(-6deg);
  box-shadow:0 8px 20px -8px rgba(216,178,106,.85);
}
.phare__texte{display:flex;flex-direction:column;gap:1rem}
.phare__meta{font-size:.83rem;color:var(--gris)}

/* ── Agenda ──────────────────────────────────────────────────────────── */
.agenda{display:flex;flex-direction:column}
.agenda__ligne{
  display:grid;grid-template-columns:6.5rem minmax(0,1fr) auto;gap:1.5rem;align-items:baseline;
  padding-block:1.25rem;border-top:1px solid var(--trait);transition:background .35s ease;
}
.agenda__ligne:last-child{border-bottom:1px solid var(--trait)}
.agenda__ligne:hover{background:rgba(244,239,232,.02)}
.agenda__date{font-family:var(--serif);font-size:1.5rem;line-height:1;color:var(--or);font-variant-numeric:tabular-nums}
.agenda__date small{display:block;font-family:var(--sans);font-size:.6rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gris);margin-top:.35rem}
.agenda__lieu{font-size:.82rem;color:var(--gris)}
.agenda__note{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--creme-doux);text-align:right}

/* ── Repères & prix ──────────────────────────────────────────────────── */
.reperes{display:flex;flex-direction:column;gap:0}
.repere{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:1.5rem;
  padding-block:1.15rem;border-top:1px solid var(--trait)}
.repere:last-child{border-bottom:1px solid var(--trait)}
.repere b{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--or);font-weight:600}
.repere span{color:var(--creme-doux);font-size:.95rem}

.prix{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:.2rem 2rem}
.prix li{display:grid;grid-template-columns:4rem 1fr;gap:1rem;padding-block:.85rem;border-top:1px solid var(--trait)}
.prix b{font-size:.72rem;letter-spacing:.1em;color:var(--or);font-weight:600;font-variant-numeric:tabular-nums}
.prix span{font-size:.9rem;color:var(--creme-doux)}
.prix i{display:block;font-style:normal;font-size:.76rem;color:var(--gris)}

/* ── Bandeau citation ────────────────────────────────────────────────── */
.citation{
  position:relative;padding:clamp(2.5rem,5vw,4.5rem) 0;text-align:center;
  border-block:1px solid var(--trait);
}
.citation blockquote{font-family:var(--serif);font-style:italic;
  font-size:clamp(1.3rem,2.6vw,2.05rem);line-height:1.35;max-width:26ch;margin:0 auto;text-wrap:balance}
.citation figcaption{margin-top:1.2rem;font-size:.66rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gris)}

/* ── Galerie illustration ────────────────────────────────────────────── */
.galerie{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1.1rem}
.vignette{position:relative;overflow:hidden;border-radius:3px;border:1px solid var(--trait);background:var(--noir-2)}
.vignette img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.vignette:hover img{transform:scale(1.04)}
.vignette figcaption{position:absolute;inset:auto 0 0 0;padding:1.4rem 1.2rem .9rem;
  background:linear-gradient(to top,rgba(8,8,10,.94),transparent);
  font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--creme)}
.vignette--vide{display:grid;place-items:center;aspect-ratio:4/3;
  background:repeating-linear-gradient(135deg,#101014,#101014 12px,#14141a 12px,#14141a 24px);
  color:var(--gris);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;text-align:center;padding:1.5rem}

/* ── Pied de page ────────────────────────────────────────────────────── */
.pied{border-top:1px solid var(--trait);background:var(--noir-2);padding-block:clamp(2.5rem,5vw,4rem) 2rem}
.pied__haut{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:clamp(1.8rem,3vw,3rem);padding-bottom:2.5rem;border-bottom:1px solid var(--trait)}
.pied h4{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--or);
  font-family:var(--sans);font-weight:600;margin-bottom:.9rem}
.pied li{margin-bottom:.45rem}
.pied a,.pied p{color:var(--creme-doux);font-size:.88rem}
.pied a:hover{color:var(--creme)}
.pied__signature{width:150px;height:auto;opacity:.9;margin-bottom:1rem}
.pied__bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;
  padding-top:1.6rem;font-size:.7rem;color:var(--gris);letter-spacing:.06em}


/* ── Animations ──────────────────────────────────────────────────────── */
.apparait{opacity:0;transform:translateY(14px);animation:monte .95s cubic-bezier(.2,.75,.3,1) forwards}
.apparait:nth-child(2){animation-delay:.08s}
.apparait:nth-child(3){animation-delay:.16s}
.apparait:nth-child(4){animation-delay:.24s}
.apparait:nth-child(5){animation-delay:.32s}
.apparait:nth-child(6){animation-delay:.4s}
.apparait:nth-child(7){animation-delay:.48s}
@keyframes monte{to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
}

/* ── Mobile ──────────────────────────────────────────────────────────── */
@media (max-width:940px){
  .burger{display:block}
  .nav{
    position:fixed;inset:var(--entete) 0 auto 0;display:block;
    gap:0;background:rgba(10,10,12,.985);backdrop-filter:blur(18px);
    border-bottom:0 solid var(--trait);padding:0 var(--marge);
    max-height:0;overflow:hidden auto;visibility:hidden;
    transition:max-height .5s cubic-bezier(.2,.7,.3,1),padding .3s ease,visibility 0s linear .5s;
  }
  .nav[data-ouvert="1"]{max-height:calc(100svh - var(--entete));padding:.5rem var(--marge) 1.5rem;border-bottom-width:1px;visibility:visible;transition-delay:0s}
  .nav__liste{flex-direction:column;align-items:stretch;gap:0}
  .nav a{display:block;width:100%;padding-block:.95rem;border-bottom:1px solid var(--trait);font-size:.82rem}
  .nav a::after{display:none}
  .nav .sub-menu{position:static;opacity:1;visibility:visible;transform:none;border:0;background:none;min-width:0;
    display:flex;flex-wrap:wrap;gap:.1rem 1.1rem;padding:.5rem 0 .9rem .9rem;border-bottom:1px solid var(--trait)}
  .nav .sub-menu li{display:inline}
  .nav .sub-menu a{display:inline-block;width:auto;border:0;font-size:.7rem;padding:.35rem 0;color:var(--gris)}

  .hero{grid-template-columns:1fr;min-height:0}
  .hero__photo{position:relative;inset:auto;height:min(62svh,28rem)}
  .hero__photo img{transform:none;object-position:50% 14%}
  .hero__photo::after{background:linear-gradient(to bottom,rgba(10,10,12,.08) 0%,rgba(10,10,12,.3) 60%,var(--noir) 98%)}
  .hero__texte{grid-column:1}
  .hero__texte{padding-top:1.5rem}
  .credit{bottom:.4rem;font-size:.55rem}

  .phare{grid-template-columns:1fr;gap:1.8rem}
  .phare__visuel{max-width:14rem}
  .agenda__ligne{grid-template-columns:5rem minmax(0,1fr);gap:1rem}
  .agenda__note{grid-column:1/-1;text-align:left;padding-left:6rem}
  .repere{grid-template-columns:1fr;gap:.2rem}
  .entete__signature{width:128px}
  .entete__logo{margin-bottom:-1rem;padding-top:.5rem}
}

/* ═══════════════════════════════════════════════════════════════════════
   Spécifique WordPress
   ═══════════════════════════════════════════════════════════════════════ */

.evitement{position:absolute;left:-999px;top:0;z-index:100;background:var(--or);color:#151004;padding:.6rem 1rem}
.evitement:focus{left:1rem;top:1rem}
.entete__logo{display:block;line-height:0}
.conteneur--etroit{max-width:760px}
.section__suite{margin-top:2.2rem}

/* filtres (éditeurs, types) */
.filtres{border-bottom:1px solid var(--trait);background:var(--noir-2)}
.filtres .conteneur{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.6rem;padding-block:.9rem}
.filtres__label{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gris)}
.filtres__lien{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--creme-doux);padding-block:.3rem;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.filtres__lien small{color:var(--gris);font-size:.66rem;margin-left:.2rem}
.filtres__lien:hover,.filtres__lien.est-actif{color:var(--or);border-bottom-color:var(--or)}

/* albums */
.grille--albums{grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:clamp(1.4rem,2.4vw,2.4rem) clamp(1rem,2vw,1.8rem)}
.album__lien{display:flex;flex-direction:column;gap:.85rem;color:inherit}
.album__lien:hover .album__titre{color:var(--or)}
.album__titre{transition:color .3s ease}
.couv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.couv--vide img{display:none}
.couv--fiche{aspect-ratio:auto;padding:0}
.couv--fiche img{position:static;height:auto}
.etiquette{display:inline-block;margin-left:.5rem;padding:.15rem .45rem;border:1px solid rgba(216,178,106,.5);border-radius:2px;font-size:.55rem;letter-spacing:.14em;color:var(--or)}

/* fiche album */
.fiche{padding-block:clamp(2.5rem,5vw,4.5rem);border-bottom:1px solid var(--trait)}
.fiche__grille{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.fiche__visuel{position:relative}
.fiche__visuel .couv{transform:rotate(-1.4deg)}
.fiche__visuel .pastille{top:-.9rem;left:-.9rem}
.fiche__texte{display:flex;flex-direction:column;gap:1.1rem}
.fiche__credits{color:var(--creme-doux);font-size:.95rem}
.fiche__meta{display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin:0}
.fiche__meta div{display:flex;flex-direction:column;gap:.15rem}
.fiche__meta dt{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gris)}
.fiche__meta dd{margin:0;font-size:.9rem;color:var(--creme-doux)}
.fiche__bloc p{color:var(--creme-doux);font-size:.92rem;margin:.4rem 0 0}
.fiche__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.4rem}
.liste-lignes p{color:var(--creme-doux);font-size:.92rem;margin:.3rem 0 0}

/* contenu rédigé (Gutenberg) */
.prose{color:var(--creme-doux);font-size:clamp(1rem,.3vw + .95rem,1.1rem);line-height:1.75}
.prose p{margin:0 0 1.1em}
.prose p:last-child{margin-bottom:0}
.prose h2,.prose h3{color:var(--creme);margin:1.6em 0 .6em}
.prose a{color:var(--or);border-bottom:1px solid rgba(216,178,106,.4)}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.1em}
.prose li{margin-bottom:.35em;list-style:disc}
.prose blockquote{border-left:2px solid var(--or);margin:1.5em 0;padding-left:1.2em;font-family:var(--serif);font-style:italic;font-size:1.15em}
.prose img{border-radius:3px}
.prose figure{margin:1.5em 0}
.prose figcaption{font-size:.75rem;color:var(--gris);margin-top:.5em}
.prose .wp-block-image.alignwide{margin-inline:calc(-1 * var(--marge))}
.page__image{margin-bottom:2rem;border-radius:3px;overflow:hidden}
.page__image img{width:100%}
.page__video video{width:100%;border-radius:3px;background:#000;margin-bottom:2rem}
.has-or-color{color:var(--or)}.has-creme-color{color:var(--creme)}.has-gris-color{color:var(--gris)}

/* phare (listes) & bio */
.phare--liste{padding-block:2.2rem;border-top:1px solid var(--trait)}
.phare--liste:first-of-type{border-top:0;padding-top:0}
.phare--liste .phare__visuel{max-width:13rem}
.phare--bio .phare__visuel img{transform:none;border-radius:3px}
.phare--bio .prose{gap:0}
.editeur__entete{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}
.editeur__logo{max-height:64px;width:auto;background:#fff;padding:.5rem .8rem;border-radius:3px}

/* contact */
.contacts{margin:0;display:flex;flex-direction:column;gap:.8rem}
.contacts dt{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--or)}
.contacts dd{margin:.15rem 0 0;font-size:.9rem;color:var(--creme-doux)}
.contacts a{color:var(--creme);border-bottom:1px solid var(--trait)}
.pied__liste{list-style:none;margin:0;padding:0}
.pied__note{margin-top:.9rem;font-size:.8rem;color:var(--gris)}
.pied__admin{color:var(--gris)}

/* galerie / zoom */
.galerie--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}
.vignette a{display:block}
.vignette--vide{display:grid;place-items:center;aspect-ratio:4/3;padding:1.5rem;text-align:center;color:var(--gris);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}
.zoom{position:fixed;inset:0;z-index:80;background:rgba(6,6,8,.92);display:grid;place-items:center;padding:2rem;cursor:zoom-out;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}
.zoom[data-ouvert="1"]{opacity:1;visibility:visible;transition-delay:0s}
.zoom img{max-width:min(100%,1400px);max-height:100%;object-fit:contain;box-shadow:0 40px 100px -30px #000}

/* pagination */
.pagination{margin-top:2.5rem}
.pagination .nav-links{display:flex;flex-wrap:wrap;gap:.6rem}
.pagination .page-numbers{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--creme-doux);padding:.55rem .9rem;border:1px solid var(--trait);border-radius:2px}
.pagination .page-numbers.current,.pagination .page-numbers:hover{border-color:var(--or);color:var(--or)}

/* barre d'admin WordPress */
.admin-bar .entete{top:32px}
@media (max-width:782px){.admin-bar .entete{top:46px}.admin-bar .nav{inset-block-start:calc(var(--entete) + 46px)}}
@media (max-width:940px){
  .fiche__grille{grid-template-columns:1fr}
  .fiche__visuel{max-width:15rem}
  .phare--liste .phare__visuel{max-width:11rem}
  .editeur__entete{flex-direction:column;align-items:flex-start}
}

/* Biblio BD par éditeur */
.filtres--colle{position:sticky;top:var(--entete);z-index:40}
.editeur{border-top:1px solid var(--trait);scroll-margin-top:calc(var(--entete) + 3.2rem)}
.editeur__bloc + .editeur__bloc{margin-top:clamp(2.5rem,5vw,4rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px dashed var(--trait)}
.editeur__bloc--sous{padding-left:clamp(0rem,3vw,2.5rem);border-left:2px solid rgba(216,178,106,.35)}
.editeur__entete{display:flex;align-items:center;gap:1.4rem;margin-bottom:clamp(1.6rem,3vw,2.4rem)}
.editeur__entete h2 a:hover{color:var(--or)}
.editeur__series{margin-bottom:clamp(1.6rem,3vw,2.4rem)}
.editeur__sous-titre{margin-bottom:1.2rem}
.editeur__projets{margin-top:clamp(1.6rem,3vw,2.4rem)}
.projets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.4rem 2rem}
.projets li{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-top:1px solid var(--trait);font-size:.9rem}
.projets b{font-weight:500;color:var(--creme)}
.projets span{color:var(--gris);font-size:.78rem;text-align:right;white-space:nowrap}

/* ═══════════════════════════════════════════════════════════════════════
   1.1 — Coups de crayon, relief, matière
   ═══════════════════════════════════════════════════════════════════════ */

/* Hachures très légères sur les sections sombres : le papier n'est pas plat */
.section--sombre{position:relative}
.section--sombre::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(-38deg,transparent 0 7px,rgba(244,239,232,.022) 7px 8px)}
.section--sombre > *{position:relative}

/* Souligné au crayon : un trait irrégulier qui se dessine à l'apparition */
.souligne{position:relative;display:inline-block;white-space:nowrap}
.souligne::after{
  content:"";position:absolute;left:-.04em;right:-.04em;bottom:-.08em;height:.32em;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cpath d='M3 12 C40 6 70 16 110 10 S180 4 220 11 S275 14 297 8' fill='none' stroke='%23d8b26a' stroke-width='3.2' stroke-linecap='round' opacity='.85'/%3E%3Cpath d='M8 15 C60 11 120 17 200 12 S260 9 292 13' fill='none' stroke='%23d8b26a' stroke-width='1.4' stroke-linecap='round' opacity='.45'/%3E%3C/svg%3E") no-repeat left center / 100% 100%;
  clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.2,.75,.3,1) .25s;
}
.souligne.est-visible::after{clip-path:inset(0 0 0 0)}

/* Grand trait de crayon derrière le titre de l'accueil (rappel de la signature) */
.hero__texte{position:relative}
.hero__trait{position:absolute;left:calc(var(--marge) - 2.5rem);top:38%;width:min(62%,560px);height:auto;pointer-events:none;opacity:.7;z-index:0}
.hero__trait path{stroke:var(--or);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:trace 2.4s cubic-bezier(.3,.7,.2,1) .4s forwards}
.hero__texte > *:not(.hero__trait){position:relative;z-index:1}
@keyframes trace{to{stroke-dashoffset:0}}

/* Cartes : bord esquissé au crayon, léger relief */
.carte{box-shadow:0 1px 0 rgba(255,255,255,.03) inset,0 18px 40px -30px rgba(0,0,0,.9)}
.carte::after{content:"";position:absolute;inset:-3px;border:1px solid rgba(216,178,106,0);border-radius:4px;pointer-events:none;
  transition:border-color .45s ease,transform .45s ease;transform:rotate(0deg)}
.carte:hover::after{border-color:rgba(216,178,106,.28);transform:rotate(-.5deg) translate(2px,2px)}

/* Couvertures : vrais livres — tranche, épaisseur, bascule au survol */
.album__lien{perspective:1100px}
.couv{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.3,1),box-shadow .6s ease}
.couv::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:2px;
  background:linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(255,255,255,.08) 2.5%,rgba(0,0,0,.18) 5%,transparent 10%),
             linear-gradient(180deg,rgba(255,255,255,.06),transparent 18%)}
.album__lien:hover .couv,.carte:hover .couv{
  transform:rotateY(-14deg) rotateX(2deg) translateY(-6px);
  box-shadow:-18px 26px 50px -20px rgba(0,0,0,1),0 0 0 1px rgba(255,255,255,.04);
}
.phare__visuel img{transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.phare__visuel:hover img{transform:rotate(0deg) translateY(-4px)}

/* Boutons : double trait décalé au survol, comme repassé au crayon */
.bouton{position:relative}
.bouton::after{content:"";position:absolute;inset:-4px -5px -6px -3px;border:1px solid var(--or);border-radius:3px;opacity:0;
  transform:rotate(-1.2deg);transition:opacity .3s ease,transform .3s ease;pointer-events:none}
.bouton:hover::after{opacity:.55;transform:rotate(-1.8deg)}
.bouton--fantome::after{border-color:var(--creme-doux)}

/* Agenda : le jour encerclé d'un coup de crayon */
.agenda__date{position:relative;display:inline-block;padding:.15rem .4rem}
.agenda__date::before{content:"";position:absolute;inset:-.85rem -1.35rem -.6rem -1.25rem;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 70' preserveAspectRatio='none'%3E%3Cpath d='M9 35 C5 12 42 3 75 5 C105 7 117 19 114 38 C111 58 78 68 45 66 C17 64 3 53 9 35 C8 29 9 25 12 21' fill='none' stroke='%23d8b26a' stroke-width='2' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E") no-repeat center/100% 100%;
  opacity:0;transform:scale(.85) rotate(-6deg);transition:opacity .5s ease .2s,transform .6s cubic-bezier(.2,.75,.3,1) .2s}
.agenda__ligne.est-visible .agenda__date::before,.agenda__ligne:hover .agenda__date::before{opacity:1;transform:none}
.agenda__date small{padding-left:.1rem}

/* Photo scotchée (biographie) */
.photo-scotchee{position:relative;background:#f4efe8;padding:.7rem .7rem 2.4rem;transform:rotate(-2deg);
  box-shadow:0 28px 60px -22px rgba(0,0,0,1),0 2px 0 rgba(255,255,255,.06) inset;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.photo-scotchee:hover{transform:rotate(-.6deg)}
.photo-scotchee img{display:block;width:100%;height:auto;filter:saturate(.92) contrast(1.02)}
/* Scotch, seulement en haut (rien sous le visuel) */
.photo-scotchee::before,.photo-scotchee::after{content:"";position:absolute;width:6.5rem;height:1.7rem;background:rgba(216,178,106,.45);
  box-shadow:0 1px 3px rgba(0,0,0,.3);backdrop-filter:blur(1px);mix-blend-mode:screen}
.photo-scotchee::before{top:-.8rem;left:-1.6rem;transform:rotate(-38deg)}
.photo-scotchee::after{top:-.8rem;right:-1.6rem;transform:rotate(38deg)}
.photo-scotchee figcaption{position:absolute;left:.9rem;right:.9rem;bottom:.6rem;font-family:var(--serif);font-style:italic;color:#4a453e;font-size:.9rem}

/* Chronologie : un fil au crayon, des étapes qui arrivent une à une */
.chrono{list-style:none;margin:0;position:relative;padding-left:2.4rem;max-width:44rem}
.chrono::before{content:"";position:absolute;left:.55rem;top:.4rem;bottom:.4rem;width:3px;border-radius:2px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='120' viewBox='0 0 3 120'%3E%3Cpath d='M1.5 0 C0.6 20 2.4 40 1.4 60 S2.6 100 1.5 120' fill='none' stroke='%23d8b26a' stroke-width='1.6' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") repeat-y}
.chrono__etape{position:relative;padding:0 0 1.9rem;opacity:0;transform:translateX(-12px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.3,1)}
.chrono__etape.est-visible{opacity:1;transform:none}
.chrono__etape::before{content:"";position:absolute;left:-2.4rem;top:.45rem;width:1.15rem;height:1.15rem;border-radius:50%;
  border:2px solid var(--or);background:var(--noir);box-shadow:0 0 0 4px rgba(216,178,106,.12)}
.chrono__etape:nth-child(odd)::before{transform:rotate(12deg) scale(1.05);border-radius:48% 52% 45% 55%}
.chrono__annee{font-family:var(--serif);font-size:1.55rem;line-height:1;color:var(--or);margin-bottom:.35rem}
.chrono__texte{color:var(--creme-doux);font-size:.95rem;max-width:36rem}
.chrono__texte em{color:var(--creme)}

/* Biographie : portrait collant à gauche, texte et chronologie à droite */
.bio{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:start}
.bio__portrait{position:sticky;top:calc(var(--entete) + 2rem)}
.bio__texte{display:flex;flex-direction:column;gap:2.2rem}
.bio__texte .prose{font-size:1.05rem}
@media (max-width:940px){
  .bio{grid-template-columns:1fr}
  .bio__portrait{position:static;max-width:22rem;margin:0 auto 1rem}
  .hero__trait{display:none}
  .album__lien:hover .couv{transform:translateY(-4px)}
}

/* Formulaire de contact */
.formulaire{display:grid;gap:1rem;min-width:0}
.formulaire input,.formulaire textarea,.formulaire select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.formulaire label{display:flex;flex-direction:column;gap:.4rem;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}
.formulaire input,.formulaire textarea{font:inherit;font-size:.95rem;letter-spacing:0;text-transform:none;color:var(--creme);
  background:rgba(244,239,232,.04);border:1px solid var(--trait-fort);border-radius:2px;padding:.75rem .9rem;transition:border-color .3s ease,background .3s ease}
.formulaire input:focus,.formulaire textarea:focus{outline:none;border-color:var(--or);background:rgba(244,239,232,.06)}
.formulaire textarea{min-height:9rem;resize:vertical}
.formulaire__ligne{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:1rem}
.formulaire__ligne > label,.formulaire label{min-width:0}
.formulaire__question{display:flex;align-items:end;gap:1rem}
.formulaire__question input{width:6rem;flex:none}
.formulaire__piege{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.formulaire__retour{padding:.9rem 1.1rem;border-radius:2px;border:1px solid rgba(216,178,106,.45);background:rgba(216,178,106,.08);color:var(--or-clair);font-size:.92rem}
.formulaire__retour--erreur{border-color:rgba(200,80,80,.5);background:rgba(200,80,80,.08);color:#e8a8a8}
@media (max-width:640px){.formulaire__ligne{grid-template-columns:1fr}}

/* 1.1.1 — bibliographie PDF */
.hero-page__actions{margin-top:1.6rem}
.hero-page__actions .bouton small{font-size:.6em;letter-spacing:.14em;opacity:.7;margin-left:.3rem}
.carte__pdf{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--trait)}

/* 1.3 — Revue de presse : colonnes façon mur d'articles, hauteur selon le contenu */
.presse--colonnes{columns:3 19rem;column-gap:1.6rem}
.presse--colonnes .presse__article{display:block;break-inside:avoid;margin:0 0 1.6rem;padding:1.1rem 1.1rem 1.3rem}
.presse__visuel{display:block;margin-bottom:1rem}
.presse__visuel img,.presse__visuel .vignette--vide{display:block;width:100%;height:auto;border:1px solid var(--trait);background:#fff;transform:rotate(-.8deg);box-shadow:0 14px 30px -18px rgba(0,0,0,.9);transition:transform .45s ease}
.presse__article:hover .presse__visuel img{transform:rotate(0deg) translateY(-3px)}
.presse__corps{display:flex;flex-direction:column;gap:.55rem}
.presse__titre{font-size:1.3rem;line-height:1.25;margin:0}
.presse__titre a{color:var(--creme);text-decoration:none}
.presse__titre a:hover{color:var(--or)}
.presse__auteur{color:var(--gris);font-size:.85rem;margin:0}
.presse__resume{color:var(--creme-doux);font-size:.95rem;margin:.2rem 0 0}
.presse__actions{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin:.6rem 0 0;font-size:.85rem}
.presse__actions small{color:var(--gris);font-size:.75em;margin-left:.25rem}
.fiche__actions .bouton small{font-size:.65em;opacity:.7;margin-left:.35rem;letter-spacing:.1em}
.presse__actions .ico-dl{vertical-align:-4px;margin-right:.2rem}
/* Fiche presse : scan scotché à gauche, résumé à droite */
.presse-fiche{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);gap:clamp(2.5rem,6vw,5rem);align-items:start}
.presse-fiche__scan{position:sticky;top:calc(var(--entete) + 2rem);margin:0}
.presse-fiche__scan img{width:100%;height:auto;display:block}
.presse-fiche__texte{display:flex;flex-direction:column;gap:1.2rem}
.presse-fiche__texte .prose{font-size:1.05rem}
.presse-fiche__galerie{margin-top:clamp(2.5rem,5vw,4rem)}
@media (max-width:940px){.presse-fiche{grid-template-columns:1fr}.presse-fiche__scan{position:static;max-width:24rem}}

/* 1.2 — Carte de l'agenda (Leaflet) */
.agenda-carte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44%);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.agenda-carte__carte{position:sticky;top:calc(var(--entete) + 1.5rem);display:flex;flex-direction:column;gap:.8rem}
.carte{position:relative;width:100%;min-height:420px;background:#111114;border:1px solid var(--trait);overflow:hidden;
  box-shadow:0 30px 60px -40px rgba(0,0,0,.9);isolation:isolate}
.carte--agenda{aspect-ratio:4/5;max-height:70vh}
.carte--lieu{aspect-ratio:16/9;min-height:280px}
.carte::after{content:"";position:absolute;inset:-3px;border:1px solid rgba(216,178,106,.35);border-radius:4px;transform:rotate(-.4deg);pointer-events:none;z-index:1000}
.carte.leaflet-container{background:#111114;font-family:var(--sans)}
.carte .leaflet-tile-pane{filter:invert(1) hue-rotate(190deg) brightness(.68) contrast(.92) saturate(.32)}
.carte .leaflet-control-zoom a{background:#1a1a1e;color:var(--creme);border-color:var(--trait)}
.carte .leaflet-control-zoom a:hover{background:#26262b}
.carte .leaflet-control-attribution{background:rgba(10,10,12,.7);color:var(--gris);font-size:.6rem}
.carte .leaflet-control-attribution a{color:var(--gris)}
.carte__repere{display:inline-block;width:22px;height:22px;position:relative;vertical-align:middle}
.carte__repere span{position:absolute;inset:3px;border-radius:48% 52% 45% 55%;border:2px solid var(--or);background:rgba(216,178,106,.18);transform:rotate(12deg);
  box-shadow:0 0 0 4px rgba(216,178,106,.12)}
.carte__repere--rdv span{background:var(--or);animation:pulse 2.4s ease-out infinite}
.carte__repere--hab span{border-color:rgba(244,239,232,.45);background:transparent;box-shadow:none;inset:6px}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(216,178,106,.45)}70%{box-shadow:0 0 0 12px rgba(216,178,106,0)}100%{box-shadow:0 0 0 0 rgba(216,178,106,0)}}
.carte__etiquette{background:#1a1a1e;color:var(--creme);border:1px solid var(--trait);border-radius:2px;font-size:.72rem;letter-spacing:.04em;box-shadow:none}
.carte__etiquette::before{border-top-color:var(--trait)}
.carte__pop .leaflet-popup-content-wrapper{background:#16161a;color:var(--creme);border:1px solid var(--trait);border-radius:3px;box-shadow:0 20px 40px -20px rgba(0,0,0,.9)}
.carte__pop .leaflet-popup-tip{background:#16161a}
.carte__pop .leaflet-popup-content{margin:.9rem 1rem;font-size:.85rem;line-height:1.45}
.carte__pop-date{margin:0 0 .25rem;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--or)}
.carte__pop-titre{margin:0 0 .3rem;font-family:var(--serif);font-size:1.1rem;font-weight:400;line-height:1.2}
.carte__pop-lieu{margin:0;color:var(--creme-doux)}
.carte__pop-lien{margin:.5rem 0 0}
.carte__pop-lien a{color:var(--or)}
.carte__pop .leaflet-popup-close-button{color:var(--gris)}
.carte__legende{font-size:.75rem;color:var(--gris);margin:0}
.carte__legende a{color:var(--gris)}
.carte__sans-js{padding:2rem;color:var(--gris);text-align:center}
.fiche__carte{margin:2rem 0}
@media (max-width:940px){.agenda-carte{grid-template-columns:1fr}.agenda-carte__carte{position:static}.carte--agenda{aspect-ratio:4/3;max-height:none}}

/* ═══ 1.2.1 — Pied de page ordonné + logos des éditeurs ═══════════════════ */
.pied__haut{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));align-items:start}
.pied__marque p{max-width:34ch}
.pied__cta{margin-top:1.2rem}
.pied__cta .bouton{font-size:.62rem;padding:.75rem 1.2rem}
.pied__col ul li{margin-bottom:.55rem}
.pied__col .sub-menu{display:none}
.pied__editeurs{padding:2.2rem 0 2.4rem;border-bottom:1px solid var(--trait)}
.pied__editeurs h4{margin-bottom:1.2rem}
.pied__logos{display:flex;flex-wrap:wrap;gap:.9rem 1rem;align-items:center}
.logo-ed{display:inline-flex;align-items:center;justify-content:center;height:3.4rem;padding:.45rem .8rem;background:var(--creme);border-radius:2px;
  box-shadow:0 8px 20px -12px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.25);transform:rotate(-1.2deg);transition:transform .35s ease,box-shadow .35s ease;position:relative}
.logo-ed:nth-child(even){transform:rotate(1deg)}
.logo-ed::before{content:"";position:absolute;top:-.45rem;left:50%;width:2.2rem;height:.75rem;transform:translateX(-50%) rotate(-3deg);
  background:rgba(216,178,106,.45);opacity:0;transition:opacity .35s ease}
.logo-ed:hover{transform:rotate(0deg) translateY(-3px);box-shadow:0 16px 28px -14px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.25)}
.logo-ed:hover::before{opacity:1}
.logo-ed img{display:block;max-height:2.4rem;width:auto;max-width:8rem;object-fit:contain;filter:grayscale(1) contrast(1.05);transition:filter .35s ease}
.logo-ed:hover img{filter:none}
.logo-ed--texte{padding-inline:1rem}
.logo-ed__nom{font-family:var(--serif);font-weight:700;font-size:1.05rem;letter-spacing:.02em;color:#1a1a1e;white-space:nowrap}
@media (max-width:940px){.pied__haut{grid-template-columns:1fr 1fr}.pied__marque{grid-column:1/-1}}
@media (max-width:560px){.pied__haut{grid-template-columns:1fr}.logo-ed{height:2.9rem}.logo-ed img{max-height:2rem;max-width:6.5rem}}

/* ═══ 1.2.1 — Univers par éditeur ════════════════════════════════════════ */
.editeur{--accent:var(--or)}
.fond-couv{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.fond-couv__img{position:absolute;width:22%;max-width:260px;height:auto;aspect-ratio:2/3;object-fit:cover;opacity:.42;filter:blur(1.2px) saturate(1.15);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.9);border-radius:2px;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.fond-couv__img--1{left:2%;top:-18%;transform:rotate(-9deg)}
.fond-couv__img--2{left:20%;top:12%;transform:rotate(6deg) scale(.85)}
.fond-couv__img--3{left:39%;top:-25%;transform:rotate(-4deg) scale(.9)}
.fond-couv__img--4{left:56%;top:8%;transform:rotate(8deg) scale(.8)}
.fond-couv__img--5{left:73%;top:-20%;transform:rotate(-7deg)}
.fond-couv__img--6{left:88%;top:14%;transform:rotate(5deg) scale(.85)}
.fond-couv__img--7{left:12%;top:60%;transform:rotate(7deg) scale(.7)}
.fond-couv__img--8{left:46%;top:62%;transform:rotate(-6deg) scale(.7)}
.fond-couv__img--9{left:66%;top:58%;transform:rotate(9deg) scale(.65)}
.fond-couv__img--10{left:30%;top:70%;transform:rotate(-8deg) scale(.6)}
.fond-couv::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,10,12,.95) 0%,rgba(10,10,12,.78) 45%,rgba(10,10,12,.5) 100%),
             linear-gradient(180deg,rgba(10,10,12,.2) 0%,rgba(10,10,12,.95) 100%)}
.hero-page--decor .fond-couv::after{background:linear-gradient(90deg,rgba(10,10,12,.94) 0%,rgba(10,10,12,.72) 40%,rgba(10,10,12,.28) 100%),
             linear-gradient(180deg,rgba(10,10,12,.15) 0%,rgba(10,10,12,.92) 100%)}
.hero-page--decor .conteneur{position:relative;z-index:1}
.hero-page__fond .fond-couv__img{opacity:.55;filter:blur(.6px) saturate(1.15)}

.bandeau-ed{position:relative;overflow:hidden;margin-bottom:clamp(1.8rem,3.5vw,2.8rem);padding:clamp(1.6rem,3vw,2.4rem) clamp(1.4rem,3vw,2.4rem);
  border:1px solid var(--trait);border-left:3px solid var(--accent);background:var(--noir-2);isolation:isolate;min-height:11rem;
  box-shadow:0 30px 60px -45px rgba(0,0,0,.9)}
.bandeau-ed::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(60% 120% at 0% 50%,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 70%)}
.bandeau-ed__fond{z-index:0}
.bandeau-ed__contenu{position:relative;z-index:2;display:flex;align-items:center;gap:clamp(1.2rem,3vw,2.2rem)}
.bandeau-ed__logo{flex:none;height:4.2rem;transform:rotate(-2deg)}
.bandeau-ed__logo img{max-height:3.1rem;max-width:10rem}
.bandeau-ed__texte{display:flex;flex-direction:column;gap:.35rem}
.bandeau-ed__texte .surtitre{color:var(--accent)}
.bandeau-ed__nom{font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.05;margin:0}
.bandeau-ed__nom a{color:var(--creme);text-decoration:none}
.bandeau-ed__nom a:hover{color:var(--accent)}
.bandeau-ed__desc{color:var(--creme-doux);max-width:60ch;margin:.3rem 0 0;font-size:.95rem}
.bandeau-ed__site{margin:.4rem 0 0;font-size:.8rem}
.bandeau-ed--sous{min-height:8rem;padding-block:1.3rem}
.bandeau-ed--sous .bandeau-ed__nom{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.editeur__bloc--sous{border-left-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.editeur .carte__barre,.editeur .carte--serie .carte__barre{background:var(--accent)}
.editeur .carte__tag{color:var(--accent)}
.editeur .lien-fleche{color:var(--accent)}
.editeur .lien-fleche:hover{color:var(--creme)}
.editeur .carte::after{border-color:color-mix(in srgb,var(--accent) 0%,transparent)}
.editeur .carte:hover::after{border-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.editeur .couv{box-shadow:0 20px 40px -20px color-mix(in srgb,var(--accent) 45%,rgba(0,0,0,.9))}
.editeur--page{border-top:0}
.fil{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin:0 0 1.6rem}
.fil a{color:var(--gris)}.fil a:hover{color:var(--creme)}.fil span{color:var(--creme-doux)}

/* Cartes de série : texte + éventail de couvertures */
.carte--serie{display:flex;flex-direction:column;min-height:16rem}
.carte--eventail{display:grid;grid-template-columns:minmax(0,1fr) 11rem;gap:1.6rem;align-items:stretch}
.carte--eventail > .carte--serie__texte{grid-column:1;grid-row:1}
.carte--eventail > .eventail{grid-column:2;grid-row:1}
.carte--serie__texte{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.carte--serie__texte > p:last-of-type{margin-top:auto}
.carte__suite{margin-top:.6rem;font-size:.8rem}
.eventail{position:relative;display:block;height:100%;min-height:12rem;align-self:stretch}
.eventail__couv{position:absolute;right:0;bottom:.4rem;width:6.2rem;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:2px;
  box-shadow:-8px 14px 28px -12px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.06);transform-origin:bottom center;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.eventail__couv:nth-last-child(1){transform:rotate(4deg) translate(0,0);z-index:3}
.eventail__couv:nth-last-child(2){transform:rotate(-6deg) translate(-1.4rem,-.4rem);z-index:2;filter:brightness(.85)}
.eventail__couv:nth-last-child(3){transform:rotate(-16deg) translate(-2.8rem,-.6rem);z-index:1;filter:brightness(.7)}
.carte:hover .eventail__couv:nth-last-child(1){transform:rotate(2deg) translate(.2rem,-.6rem)}
.carte:hover .eventail__couv:nth-last-child(2){transform:rotate(-9deg) translate(-1.9rem,-1rem)}
.carte:hover .eventail__couv:nth-last-child(3){transform:rotate(-21deg) translate(-3.6rem,-1.3rem)}
/* Carte étroite (accueil en 3 colonnes, mobile) : texte pleine largeur, éventail en bandeau bas */
.grille--3 .carte--eventail{grid-template-columns:1fr;grid-template-rows:auto auto}
.grille--3 .carte--eventail > .carte--serie__texte{grid-column:1;grid-row:1}
.grille--3 .carte--eventail > .eventail{grid-column:1;grid-row:2;height:8.5rem;min-height:8.5rem;margin-top:.4rem}
.grille--3 .eventail__couv{width:5.4rem;right:auto;left:55%;bottom:0}
.grille--3 .eventail__couv:nth-last-child(1){transform:rotate(4deg)}
.grille--3 .eventail__couv:nth-last-child(2){transform:rotate(-6deg) translate(-1.6rem,-.3rem)}
.grille--3 .eventail__couv:nth-last-child(3){transform:rotate(-15deg) translate(-3.2rem,-.5rem)}
.grille--3 .carte--serie{min-height:0}
@media (max-width:560px){.carte--eventail{grid-template-columns:1fr}.eventail{min-height:9rem;height:9rem}.eventail__couv{width:5rem;right:auto;left:3.4rem}
  .bandeau-ed__contenu{flex-direction:column;align-items:flex-start}.fond-couv__img{width:34%}}
/* Le logo Bamboo est un carré blanc avec un petit bandeau au centre : on zoome dessus */
.logo-ed{overflow:hidden}
.logo-ed img[src*="bamboo-edition"],.logo-ed img[src*="BAMBOO-edition"],.logo-ed img[src*="LOGO-BAMBOO"]{height:10.5rem;max-height:none;width:auto;max-width:none}

/* Petits éditeurs regroupés sur trois colonnes */
.editeur--petits{--accent:var(--or)}
.carte-ed{gap:1rem}
.carte-ed .carte__tag{font-size:.7rem}
.carte-ed .carte__tag a{color:var(--accent);text-decoration:none}
.carte-ed__album{display:grid;grid-template-columns:5.4rem minmax(0,1fr);gap:1rem;align-items:center;text-decoration:none;color:var(--creme)}
.carte-ed__couv{display:block;border-radius:2px;overflow:hidden}
.carte-ed__couv img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.carte-ed__texte{display:flex;flex-direction:column;gap:.3rem}
.carte-ed__texte b{font-family:var(--serif);font-weight:400;font-size:1.15rem;line-height:1.2}
.carte-ed__texte small{color:var(--gris);font-size:.78rem}
.carte-ed__album:hover b{color:var(--accent)}

/* Kit presse : liste de téléchargements + zip */
.kit{display:flex;flex-direction:column;gap:1rem;margin-top:.4rem}
.kit__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.kit__liste li + li{border-top:1px dashed var(--trait)}
.kit__lien{display:flex;align-items:center;gap:.8rem;padding:.65rem .2rem;text-decoration:none;color:var(--creme-doux);font-size:.9rem;transition:color .3s ease}
.kit__lien .ico-dl{flex:none;color:var(--or);transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.kit__lien:hover{color:var(--creme)}
.kit__lien:hover .ico-dl{transform:translateY(2px)}
.kit__nom{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit__lien small{flex:none;color:var(--gris);font-size:.7rem;letter-spacing:.08em}
.kit__tout{margin:0}
.kit__tout .bouton{display:inline-flex;align-items:center;gap:.6rem}
.kit__tout .bouton small{font-size:.65em;opacity:.7}
.kit__tout .ico-dl{color:currentColor}

/* Biographie : de l'air — la photo commence sous le héro, le texte respire */
.section--bio{padding-top:clamp(2.2rem,4vw,3.5rem)}
.bio{gap:clamp(3rem,7vw,6.5rem)}
.bio__texte{gap:2.8rem}
.bio__texte .prose{font-size:1.05rem;line-height:1.85}
.bio__texte .prose p{margin-bottom:1.3em}
@media (max-width:940px){.bio__portrait{max-width:22rem}}

/* ═══ 1.3 — Modale des illustrations ═════════════════════════════════════ */
.modale{position:fixed;inset:0;z-index:200;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s}
.modale[data-ouvert="1"]{opacity:1;visibility:visible;transition-delay:0s}
.modale__voile{position:absolute;inset:0;background:rgba(6,6,8,.88);backdrop-filter:blur(6px)}
.modale{display:grid;place-items:center;padding:clamp(.8rem,3vw,2.5rem)}
.modale__cadre{position:relative;width:min(92vw,52rem);max-height:min(88vh,58rem);display:flex;background:var(--noir-2);border:1px solid var(--trait-fort);
  border-radius:4px;box-shadow:0 60px 120px -40px rgba(0,0,0,1);overflow:hidden;transform:translateY(14px) scale(.985);transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.modale[data-ouvert="1"] .modale__cadre{transform:none}
.modale__cadre::before{content:"";position:absolute;inset:-3px;border:1px solid rgba(216,178,106,.35);border-radius:6px;transform:rotate(-.3deg);pointer-events:none;z-index:5}
.modale__defile{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--trait-fort) transparent}
.modale__images{background:#101013}
.modale__images img,.modale__images video{display:block;width:100%;height:auto;max-height:64vh;object-fit:contain}
.modale__images img + img,.modale__images video{border-top:1px solid var(--trait)}
.modale__texte{padding:clamp(1.2rem,3vw,2rem) clamp(1.2rem,3vw,2.2rem) clamp(1.6rem,3vw,2.4rem)}
.modale__titre{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:.3rem 0 .8rem}
.modale__contenu{font-size:.95rem}
.modale__pied{margin-top:1.2rem}
.modale__fermer{position:absolute;top:.6rem;right:.6rem;z-index:6;width:2.6rem;height:2.6rem;border:1px solid var(--trait-fort);border-radius:50%;
  background:rgba(10,10,12,.8);color:var(--creme);font-size:1.3rem;line-height:1;cursor:pointer;transition:border-color .3s ease,transform .3s ease}
.modale__fermer:hover{border-color:var(--or);transform:rotate(90deg)}
.modale__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:2.8rem;height:2.8rem;border:1px solid var(--trait-fort);border-radius:50%;
  background:rgba(10,10,12,.8);color:var(--creme);font-size:1rem;cursor:pointer;transition:border-color .3s ease,background .3s ease}
.modale__nav:hover{border-color:var(--or);background:rgba(216,178,106,.15)}
.modale__nav--prec{left:.6rem}
.modale__nav--suiv{right:.6rem}
@media (max-width:640px){.modale__cadre{inset:.6rem}.modale__nav{top:auto;bottom:.7rem;transform:none}.modale__nav--suiv{right:3.8rem}}

/* ═══ 1.3 — Easter egg (3 clics sur la signature du pied de page) ════════ */
.oeuf{position:fixed;inset:0;z-index:210;display:grid;place-items:center;background:rgba(6,6,8,.82);backdrop-filter:blur(5px);
  opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}
.oeuf[data-ouvert="1"]{opacity:1;visibility:visible;transition-delay:0s}
.oeuf__carte{max-width:min(34rem,86vw);margin:0;transform:rotate(-3deg) scale(.8);transition:transform .55s cubic-bezier(.2,.9,.25,1.2)}
.oeuf[data-ouvert="1"] .oeuf__carte{transform:rotate(-2deg) scale(1)}
.oeuf__carte img{max-height:70vh;width:auto;max-width:100%}
.oeuf__fermer{position:absolute;top:-.9rem;right:-.9rem;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--trait-fort);
  background:var(--noir);color:var(--creme);font-size:1.2rem;cursor:pointer}

/* ═══ 1.3 — Un peu plus d'ambiance ═══════════════════════════════════════ */
/* Trame de points façon imprimerie dans les coins des sections sombres */
.section--sombre{position:relative}


/* Petites lignes de vitesse au survol d'une couverture */
.album__lien{position:relative}
.album__lien::after{content:"";position:absolute;top:6%;right:-3px;width:26px;height:44px;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateX(-6px);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 44'%3E%3Cg stroke='%23d8b26a' stroke-width='2' stroke-linecap='round' opacity='.75'%3E%3Cpath d='M2 6h16'/%3E%3Cpath d='M6 16h18'/%3E%3Cpath d='M3 27h14'/%3E%3Cpath d='M8 38h16'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}
.album__lien:hover::after{opacity:1;transform:none}

/* Rature au crayon, légère, sur un surtitre de temps en temps */
.section:nth-of-type(3n) .titre-section .surtitre{position:relative;display:inline-block;align-self:flex-start;max-width:max-content}
.section:nth-of-type(3n) .titre-section .surtitre::after{content:"";position:absolute;left:-.6rem;right:-.9rem;top:42%;height:.85em;pointer-events:none;opacity:.85;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14' preserveAspectRatio='none'%3E%3Cpath d='M2 8 C30 4 60 11 88 7 S112 6 118 8' fill='none' stroke='%23d8b26a' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M6 11 C36 8 66 12 96 9' fill='none' stroke='%23d8b26a' stroke-width='1.4' stroke-linecap='round' opacity='.55'/%3E%3C/svg%3E") no-repeat center/100% 100%;
  transform:rotate(-1.8deg);max-width:18rem}

/* « Où trouver cet album ? » — repliable, discret */
.trouver{margin-top:1.4rem;border-top:1px dashed var(--trait);padding-top:1rem}
.trouver summary{display:flex;align-items:center;gap:.6rem;cursor:pointer;list-style:none;color:var(--gris);font-size:.82rem;letter-spacing:.08em;transition:color .3s ease}
.trouver summary::-webkit-details-marker{display:none}
.trouver summary:hover{color:var(--or)}
.trouver summary .ico-dl{transform:rotate(-90deg);transition:transform .35s ease}
.trouver[open] summary .ico-dl{transform:rotate(0deg)}
.trouver__corps{padding:1rem 0 0 1.6rem}
.trouver__note{color:var(--gris);font-size:.8rem;margin:0 0 .7rem}
.trouver__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.trouver__liste a{color:var(--creme-doux);text-decoration:none;font-size:.9rem}
.trouver__liste a:hover{color:var(--or)}
.trouver__liste small{color:var(--gris);font-size:.72rem;margin-left:.3rem}
.trouver__liste span{color:var(--or);font-size:.8em}

/* Particules positives au survol (ambiance douce) : créées par marko.js */
.brin{position:fixed;z-index:120;pointer-events:none;width:7px;height:7px;border-radius:50% 50% 50% 0;
  background:color-mix(in srgb,var(--accent,#d8b26a) 80%,#fff);opacity:.9;
  animation:brin-vol var(--duree,2.6s) ease-out forwards}
@keyframes brin-vol{
  0%{transform:translate(0,0) rotate(0deg) scale(.6);opacity:0}
  12%{opacity:.9}
  100%{transform:translate(var(--dx,20px),var(--dy,-90px)) rotate(160deg) scale(1);opacity:0}}
@media (prefers-reduced-motion:reduce){.brin{display:none}}

/* Vidéos (page Actualité) : façade cliquable, iframe chargée au clic */
.video{margin:0;display:flex;flex-direction:column;gap:.6rem}
.video__facade{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:1px solid var(--trait);border-radius:3px;
  overflow:hidden;cursor:pointer;background:#000}
.video__facade img{width:100%;height:100%;object-fit:cover;opacity:.82;filter:saturate(.9);transition:opacity .35s ease,transform .6s ease}
.video__facade:hover img{opacity:1;transform:scale(1.03)}
.video__lire{position:absolute;inset:0;display:grid;place-items:center;color:var(--creme)}
.video__lire svg{width:3.4rem;height:3.4rem;padding:1rem;box-sizing:content-box;background:rgba(10,10,12,.72);border:1px solid rgba(216,178,106,.5);
  border-radius:50%;transition:transform .35s cubic-bezier(.2,.7,.3,1),background .35s ease}
.video__facade:hover .video__lire svg{transform:scale(1.08);background:rgba(216,178,106,.25)}
.video iframe{width:100%;aspect-ratio:16/9;border:1px solid var(--trait);border-radius:3px}
.video figcaption{font-size:.85rem;color:var(--creme-doux)}
.video figcaption small{color:var(--gris)}

/* Modale ouverte sur une image de galerie : cadre ajusté, légende dessous */
.modale--image .modale__cadre{width:auto;max-width:min(92vw,64rem)}
.modale--image .modale__images img{max-height:76vh;width:auto;max-width:100%;margin-inline:auto}
.modale--image .modale__texte{padding:.9rem 1.2rem 1.1rem}
.modale--image .modale__titre{font-size:1.05rem;margin:0}
.modale--image .modale__meta:empty,.modale--image .modale__titre:empty{display:none}

/* Contact : la photo punaisée à droite du grand titre */
/* La photo du contact : calée DANS le bandeau (haut/bas fixés), jamais coupée */
.contact__photo{position:absolute;right:clamp(1.5rem,9vw,10rem);top:1.6rem;bottom:1.6rem;transform:rotate(2.5deg);
  width:clamp(8rem,11vw,11rem);z-index:1;padding:.45rem .45rem 1.35rem;display:flex;flex-direction:column;margin:0}
.contact__photo a{display:block;flex:1;min-height:0;overflow:hidden}
.contact__photo img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 18%}
.contact__photo::before,.contact__photo::after{width:2.4rem;height:.8rem;top:-.4rem}
.contact__photo::before{left:-.7rem}
.contact__photo::after{right:-.7rem}
.contact__photo a{display:block}
.contact__photo figcaption{position:static;margin-top:.4rem;font-size:.62rem;line-height:1.2}
.contact__photo:hover{transform:rotate(1.2deg)}
.contact__photo img{max-height:30vh;object-fit:cover}
@media (max-width:760px){.contact__photo{position:static;top:auto;bottom:auto;transform:rotate(-2deg);width:10rem;margin:1.4rem 0 0}.contact__photo a{flex:none}.contact__photo img{height:auto;aspect-ratio:3/4}}

/* Diaporama de l'accueil : fondu très doux entre les photos */
.hero__diapo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%;opacity:0;transition:opacity 3.2s ease;z-index:1;pointer-events:none}
.hero__diapo.est-visible{opacity:1}

/* Exergue de l'album : la phrase qui ressort, à la lecture */
.exergue{margin:1.8rem 0 1.6rem;padding:0 0 0 1.6rem;border:0;position:relative}
.exergue::before{content:"“";position:absolute;left:-.35rem;top:-1.6rem;font-family:var(--serif);font-size:4.6rem;line-height:1;color:var(--or);opacity:.55}
.exergue p{font-family:var(--serif);font-style:italic;font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.45;color:var(--creme);margin:0;max-width:32ch}
.exergue::after{content:"";display:block;width:7rem;height:6px;margin-top:.9rem;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C30 2 62 7 90 4 S114 4 118 5' fill='none' stroke='%23d8b26a' stroke-width='2' stroke-linecap='round' opacity='.75'/%3E%3C/svg%3E") no-repeat center/100% 100%}
/* Texte des albums : mieux composé */
.prose--album{font-size:1.02rem;line-height:1.75}
.prose--album p{margin-bottom:1.1em;hyphens:auto;text-wrap:pretty}
.prose--album > p:first-child::first-letter{font-family:var(--serif);font-size:3.2em;line-height:.82;float:left;padding:.06em .12em 0 0;color:var(--or)}

/* ═══ 1.5 — Univers : chaque album / série prend le ton de son visuel ════ */
.univers{--accent:var(--or);--accent2:var(--or);position:relative;isolation:isolate;
  background:
    radial-gradient(110% 80% at 82% -5%, color-mix(in srgb, var(--accent) 20%, transparent) 0%, transparent 58%),
    radial-gradient(90% 70% at 0% 30%, color-mix(in srgb, var(--accent2) 10%, transparent) 0%, transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, var(--noir)) 0%, var(--noir) 62%)}
.univers .surtitre,.univers .carte__tag,.univers .album__annee,.univers .lien-fleche{color:var(--accent)}
.univers .lien-fleche:hover{color:var(--creme)}
.univers .filet{border-color:color-mix(in srgb, var(--accent) 65%, transparent)}
.univers .souligne::after{filter:hue-rotate(0deg)}
.univers .exergue::before{color:var(--accent)}
.univers .exergue::after{filter:none;background-color:transparent}
.univers .couv{box-shadow:0 30px 60px -24px color-mix(in srgb, var(--accent) 55%, rgba(0,0,0,.9))}
.univers .bouton{background:var(--accent);border-color:var(--accent);color:#101013}
.univers .bouton:hover{background:transparent;color:var(--accent)}
.univers .bouton--fantome{background:transparent;color:var(--creme-doux)}
.univers .bouton--fantome:hover{color:var(--accent)}
.univers .fiche dt{color:color-mix(in srgb, var(--accent) 70%, var(--gris))}
.univers .trouver summary:hover,.univers .trouver__liste a:hover{color:var(--accent)}
.univers .trouver__liste span,.univers .kit__lien .ico-dl{color:var(--accent)}

/* Héro d'une série : la dernière couverture mise en scène */
.serie__hero{overflow:visible;border-bottom:1px solid color-mix(in srgb, var(--accent) 30%, var(--trait))}
.hero-page .serie__hero-grille{display:grid;flex-direction:row;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.serie__hero-texte{display:flex;flex-direction:column;gap:1.1rem}
.serie__hero-couv{position:relative;justify-self:center;width:min(100%,19rem);display:block;text-decoration:none}
.serie__hero-couv .couv{position:relative;z-index:2;display:block;transform:rotate(2.5deg);transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.serie__hero-couv:hover .couv{transform:rotate(.8deg) translateY(-6px)}
.serie__hero-ombre{position:absolute;width:78%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:2px;opacity:.55;filter:brightness(.6)}
.serie__hero-ombre:nth-child(1){left:-14%;top:9%;transform:rotate(-9deg);z-index:1}
.serie__hero-ombre:nth-child(2){right:-12%;top:14%;transform:rotate(10deg);z-index:0;opacity:.35;filter:brightness(.45)}
@media (max-width:940px){
  .hero-page .serie__hero-grille{grid-template-columns:1fr}
  .serie__hero-couv{width:13.5rem;justify-self:start;margin-top:.6rem;margin-left:clamp(.9rem,7vw,2.2rem)}
}

/* ── Les familles d'ambiance, lues dans les couvertures ─────────────────── */

/* Aquarelle (Le Jour où…, Voyage, GEO BD, Flanchin) : lavis pastel, air, rondeur.
   Comme les couvertures : un grand ciel doux, une couleur de saison, de la lumière. */
.univers--aquarelle{background:
    radial-gradient(120% 90% at 78% -10%, color-mix(in srgb, var(--accent) 26%, transparent) 0%, transparent 55%),
    radial-gradient(80% 60% at 8% 22%, color-mix(in srgb, var(--accent2) 13%, transparent) 0%, transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--noir)) 0%, var(--noir) 68%)}
.univers--aquarelle .hero-page h1,.univers--aquarelle .serie__hero h1{font-weight:400}
.univers--aquarelle .chapo{color:color-mix(in srgb, var(--creme-doux) 82%, var(--accent))}
.univers--aquarelle .carte,.univers--aquarelle .couv,.univers--aquarelle .couv img{border-radius:9px}
.univers--aquarelle .exergue p{font-weight:300}
.univers--aquarelle .serie__hero-couv .couv{filter:drop-shadow(0 24px 30px color-mix(in srgb, var(--accent) 35%, transparent))}

/* Carnet de guerre (Les Godillots) : aquarelle 14-18, bandeau dessiné, sépia et bleu gris. */
.univers--carnet-guerre{background:
    radial-gradient(100% 70% at 80% -8%, color-mix(in srgb, var(--accent) 18%, transparent) 0%, transparent 55%),
    radial-gradient(70% 50% at 5% 35%, color-mix(in srgb, var(--accent2) 10%, transparent) 0%, transparent 60%),
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 7%, var(--noir)) 0%, var(--noir) 62%)}
.univers--carnet-guerre .serie__hero h1,.univers--carnet-guerre .hero-page h1{display:inline-block;background:var(--creme);color:#26221c;
  padding:.12em .5em .16em;border-radius:2px;transform:rotate(-1deg);box-shadow:0 14px 30px -16px rgba(0,0,0,.9)}
.univers--carnet-guerre .surtitre{letter-spacing:.3em;color:var(--accent2)}
.univers--carnet-guerre .couv,.univers--carnet-guerre .couv img{border-radius:2px}
.univers--carnet-guerre .couv img{filter:saturate(.94)}
.univers--carnet-guerre .exergue::before{color:var(--accent2)}

/* Peinture sombre (Verdun, Jean Moulin, MP) : réalisme, presque noir, un rouge qui claque. */
.univers--peinture-sombre{background:
    radial-gradient(90% 60% at 82% -8%, color-mix(in srgb, var(--accent) 15%, transparent) 0%, transparent 52%),
    linear-gradient(180deg, #0d0c0d 0%, var(--noir) 70%)}
.univers--peinture-sombre .serie__hero h1,.univers--peinture-sombre .fiche h1{text-transform:uppercase;letter-spacing:.06em;font-weight:600;
  font-size:clamp(2rem,4.4vw,3.4rem)}
.univers--peinture-sombre .surtitre{letter-spacing:.38em}
.univers--peinture-sombre .couv,.univers--peinture-sombre .couv img{border-radius:0}
.univers--peinture-sombre .couv img{filter:contrast(1.04) saturate(.92)}
.univers--peinture-sombre .filet{border-color:var(--accent)}
.univers--peinture-sombre .exergue p{font-style:normal;font-weight:300}

/* Fantasy (L'Agence Barbare) : cuivre sur brun, taverne — sans cadre, l'ambiance suffit. */
.univers--fantasy{background:
    radial-gradient(110% 80% at 80% -8%, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 56%),
    radial-gradient(80% 60% at 4% 30%, color-mix(in srgb, var(--accent2) 12%, transparent) 0%, transparent 58%),
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, #14100c) 0%, var(--noir) 66%)}
.univers--fantasy .serie__hero h1{font-weight:600;letter-spacing:.02em}
.univers--fantasy .surtitre{color:var(--accent)}
.univers--fantasy .exergue::before{content:"❦";font-size:2rem;top:-.6rem}

/* Art déco (La Prière aux étoiles) : bleu nuit, or, géométrie Pagnol. */
.univers--art-deco{background:
    radial-gradient(100% 75% at 80% -8%, color-mix(in srgb, var(--accent) 24%, transparent) 0%, transparent 56%),
    repeating-linear-gradient(90deg, transparent 0 44px, color-mix(in srgb, var(--accent2) 5%, transparent) 44px 45px),
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, var(--noir)) 0%, var(--noir) 64%)}
.univers--art-deco .serie__hero h1,.univers--art-deco .fiche h1{text-transform:uppercase;letter-spacing:.12em;font-weight:500}
.univers--art-deco .filet{border:0;height:8px;background:
  linear-gradient(var(--accent2),var(--accent2)) center/100% 1px no-repeat,
  linear-gradient(var(--accent2),var(--accent2)) center/60% 3px no-repeat}
.univers--art-deco .surtitre{letter-spacing:.42em}
.univers--art-deco .couv,.univers--art-deco .couv img{border-radius:0}

/* Jeunesse (Brigade des souvenirs, Vivre avec, Spirou, Kirsten) : chaleur, pep, à-peu-près joyeux. */
.univers--jeunesse{background:
    radial-gradient(110% 85% at 80% -10%, color-mix(in srgb, var(--accent) 24%, transparent) 0%, transparent 58%),
    radial-gradient(70% 55% at 6% 28%, color-mix(in srgb, var(--accent2) 15%, transparent) 0%, transparent 55%),
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 9%, var(--noir)) 0%, var(--noir) 62%)}
.univers--jeunesse .serie__hero h1{transform:rotate(-1.4deg)}
.univers--jeunesse .serie__hero-couv .couv{transform:rotate(3.5deg)}
.univers--jeunesse .album:nth-child(odd) .couv{transform:rotate(-1deg)}
.univers--jeunesse .album:nth-child(even) .couv{transform:rotate(.8deg)}
.univers--jeunesse .album__lien:hover .couv{transform:rotate(0deg) translateY(-6px)}
.univers--jeunesse .carte,.univers--jeunesse .couv,.univers--jeunesse .couv img{border-radius:6px}
.univers--jeunesse .exergue::before{content:"!"}

/* Graphique (Dunod : À bâbord/tribord, Historix, Halimi, Badinter) : affiche à aplat, typographie franche. */
.univers--graphique{background:
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 30%, var(--noir)) 0%, color-mix(in srgb, var(--accent) 10%, var(--noir)) 34%, var(--noir) 72%)}
.univers--graphique .serie__hero h1,.univers--graphique .fiche h1{font-family:var(--sans);font-weight:800;letter-spacing:-.015em;
  font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.04}
.univers--graphique .surtitre{font-weight:700;letter-spacing:.24em}
.univers--graphique .couv,.univers--graphique .couv img{border-radius:0}
.univers--graphique .filet{border-color:var(--accent);border-width:3px;max-width:4.5rem}
.univers--graphique .exergue{padding-left:1.2rem;border-left:4px solid var(--accent)}
.univers--graphique .exergue::before,.univers--graphique .exergue::after{display:none}
.univers--graphique .exergue p{font-family:var(--sans);font-style:normal;font-weight:700;font-size:clamp(1.15rem,2vw,1.45rem)}

/* Les trois séries de l'accueil : chacune sa couleur, un peu de vie */
.carte--serie{--accent:var(--or)}
.carte--serie .carte__barre{background:var(--accent)}
.carte--serie .carte__tag{color:var(--accent)}
.carte--serie .carte__suite .lien-fleche{color:var(--accent)}
.carte--serie:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);
  background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 7%, var(--noir-2)) 0%, var(--noir-2) 70%)}
.carte--serie:hover .eventail__couv:nth-last-child(1){box-shadow:-8px 18px 34px -12px color-mix(in srgb, var(--accent) 50%, rgba(0,0,0,.95)),0 0 0 1px rgba(255,255,255,.06)}

/* ═══ 1.7.1 — Biblio BD : on se détend ═══════════════════════════════════ */
/* Séparation des éditeurs : un trait de pinceau ondulé plutôt qu'une règle droite */
.editeur{border-top:0;position:relative}
.editeur + .editeur::before{content:"";position:absolute;top:-2px;left:var(--marge);right:var(--marge);height:7px;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 8' preserveAspectRatio='none'%3E%3Cpath d='M2 5 C90 2 180 7 300 4 S510 3 598 5' fill='none' stroke='%23d8b26a' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%}
/* Bandeaux d'éditeur : un peu posés de travers, coins adoucis */
.bandeau-ed{border-radius:6px;transform:rotate(-.35deg)}
.editeur__bloc:nth-of-type(even) .bandeau-ed{transform:rotate(.3deg)}
.bandeau-ed:hover{transform:rotate(0deg)}
.bandeau-ed{transition:transform .5s cubic-bezier(.2,.7,.3,1)}
/* Cartes de séries : posées, pas alignées au cordeau */
.editeur .carte--serie{border-radius:8px}
.editeur .editeur__series .carte:nth-child(odd){transform:rotate(-.4deg) translateY(2px)}
.editeur .editeur__series .carte:nth-child(even){transform:rotate(.35deg) translateY(-2px)}
.editeur .editeur__series .carte:hover{transform:rotate(0deg) translateY(-3px)}
/* Albums hors série : léger désordre d'étagère */
.editeur .grille--albums .album:nth-child(3n+1) .couv{transform:rotate(-.8deg)}
.editeur .grille--albums .album:nth-child(3n) .couv{transform:rotate(.7deg)}
.editeur .grille--albums .album:nth-child(2n) { margin-top:.5rem }
.editeur .album__lien:hover .couv{transform:rotate(0deg) translateY(-6px)}
/* La barre d'éditeurs collante : des pastilles souples plutôt qu'une ligne raide */
.filtres--colle .filtres__lien{border:1px solid var(--trait);border-radius:99px;padding:.35rem .85rem;transition:border-color .3s ease,background .3s ease,transform .3s ease}
.filtres--colle .filtres__lien:hover{border-color:var(--or);transform:rotate(-1deg)}
.filtres--colle .filtres__lien:nth-child(odd):hover{transform:rotate(1deg)}
/* Les petites cartes « Chez d'autres éditeurs » aussi */
.petits-editeurs .carte-ed{border-radius:8px}
.petits-editeurs .carte-ed:nth-child(odd){transform:rotate(-.4deg)}
.petits-editeurs .carte-ed:nth-child(even){transform:rotate(.4deg)}
.petits-editeurs .carte-ed:hover{transform:rotate(0deg) translateY(-3px)}

/* Projets : des crayonnés sur la table à dessin, plus un tableau morne */
.carte-projet{--accent:var(--or);display:grid;grid-template-columns:minmax(0,1fr) 6.4rem;gap:1.1rem;align-items:start;border-radius:8px}
.carte-projet:nth-child(odd){transform:rotate(-.5deg)}
.carte-projet:nth-child(even){transform:rotate(.45deg) translateY(3px)}
.carte-projet:hover{transform:rotate(0deg) translateY(-3px)}
.carte-projet .carte__tag{color:var(--accent)}
.carte-projet .carte__barre{background:var(--accent)}
.carte-projet__texte{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.carte-projet__planche{position:relative;background:#f4efe8;padding:.3rem .3rem 1.1rem;transform:rotate(2.5deg);border-radius:2px;
  box-shadow:0 14px 28px -14px rgba(0,0,0,.9);transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.carte-projet:hover .carte-projet__planche{transform:rotate(.8deg) translateY(-2px)}
.carte-projet__planche::before{content:"";position:absolute;top:-.5rem;left:50%;width:2.6rem;height:.85rem;margin-left:-1.3rem;transform:rotate(-3deg);
  background:rgba(216,178,106,.45);box-shadow:0 1px 3px rgba(0,0,0,.3);mix-blend-mode:screen}
.carte-projet__planche img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:1px}
.carte-projet__planche--fantome img{filter:grayscale(1) contrast(1.15) brightness(1.12);opacity:.55}
@media (max-width:560px){.carte-projet{grid-template-columns:minmax(0,1fr) 5.2rem}}

/* ═══ 1.8 — Encart « Ça sort ! » en bas à droite (comme la maintenance) ══ */
.annonce{
  position:fixed;right:clamp(.9rem,2.4vw,1.6rem);bottom:clamp(.9rem,2.4vw,1.6rem);z-index:70;
  display:flex;gap:.95rem;align-items:center;max-width:min(23rem,calc(100vw - 2rem));
  background:color-mix(in srgb, var(--noir) 86%, #2a2118);
  border:1px solid rgba(244,239,232,.12);border-radius:6px;
  padding:.9rem 2.2rem .9rem .95rem;
  box-shadow:0 30px 60px -18px rgba(0,0,0,.9);
  opacity:0;transform:translateY(14px);pointer-events:none;
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1);
}
.annonce[data-visible="1"]{opacity:1;transform:none;pointer-events:auto}
.annonce[hidden]{display:none}
.annonce__couv{position:relative;flex:0 0 4.6rem}
.annonce__couv img{display:block;width:100%;height:auto;border-radius:2px;transform:rotate(-2.4deg);
  box-shadow:0 14px 30px -10px rgba(0,0,0,.95);transition:transform .45s ease}
.annonce:hover .annonce__couv img{transform:rotate(0deg) scale(1.03)}
.annonce__pastille{top:-.55rem;left:-.7rem;font-size:.52rem;padding:.3rem .5rem}
.annonce__texte{min-width:0}
.annonce__texte .surtitre{font-size:.58rem;margin:0 0 .25rem}
.annonce__texte h3{font-size:1.02rem;line-height:1.3;margin:0 0 .3rem}
.annonce__texte h3 a{color:var(--creme);text-decoration:none}
.annonce__texte h3 a:hover{color:var(--or)}
.annonce__date{margin:0;font-size:.74rem;letter-spacing:.05em;color:var(--or)}
.annonce__fermer{
  position:absolute;top:.25rem;right:.3rem;background:none;border:0;cursor:pointer;
  color:rgba(244,239,232,.55);font-size:1.15rem;line-height:1;padding:.3rem;
  transition:color .3s ease;
}
.annonce__fermer:hover{color:var(--creme)}
@media (max-width:560px){
  .annonce{gap:.75rem;padding:.75rem 2rem .75rem .8rem}
  .annonce__couv{flex-basis:3.6rem}
  .annonce__texte h3{font-size:.92rem}
}
@media print{.annonce{display:none}}

/* ═══ 1.9 — Le tout prochain rendez-vous, en avant (automatique) ═════════ */
.agenda__ligne--prochain{background:linear-gradient(90deg, color-mix(in srgb, var(--or) 9%, transparent), transparent 70%);
  border-top-color:color-mix(in srgb, var(--or) 45%, var(--trait))}
.agenda__ligne--prochain .agenda__titre a{color:var(--or)}
.agenda__ligne--prochain .agenda__date{position:relative}
.agenda__ligne--prochain .agenda__date::after{content:"";position:absolute;inset:-.85rem -1.35rem -.6rem -1.25rem;border-radius:50%;
  pointer-events:none;animation:marko-onde 2.8s ease-out infinite}
@keyframes marko-onde{
  0%{box-shadow:0 0 0 0 rgba(216,178,106,.30)}
  60%{box-shadow:0 0 0 14px rgba(216,178,106,0)}
  100%{box-shadow:0 0 0 0 rgba(216,178,106,0)}
}
.carte__repere--prochain span{animation:pulse 1.6s ease-out infinite;box-shadow:0 0 0 6px rgba(216,178,106,.22)}
@media (prefers-reduced-motion: reduce){
  .agenda__ligne--prochain .agenda__date::after,.carte__repere--prochain span{animation:none}
}

/* ── GIF animation : la chaîne Giphy ── */
.giphy{position:relative;display:block;max-width:52rem;margin-inline:auto;border:1px solid var(--trait);border-radius:6px;overflow:hidden;
  box-shadow:0 30px 60px -24px rgba(0,0,0,.85);transition:transform .45s ease,border-color .45s ease}
.giphy:hover{transform:translateY(-4px);border-color:color-mix(in srgb, var(--or) 50%, var(--trait))}
.giphy img{display:block;width:100%;height:auto}
.giphy__bouton{position:absolute;left:50%;bottom:1.1rem;transform:translateX(-50%);white-space:nowrap;display:inline-flex;align-items:baseline;gap:.6rem}
.giphy__bouton small{font-size:.62rem;letter-spacing:.08em;opacity:.75;text-transform:none}
@media (max-width:640px){.giphy__bouton{position:static;transform:none;display:flex;justify-content:center;border-radius:0}}

/* ── Biographie courte + liens à découvrir ── */
.bio-courte{max-width:52rem}
.bio-courte__texte{font-family:var(--serif);font-size:1.12rem;line-height:1.85;color:var(--creme-doux)}
.bio-courte__texte b,.bio-courte__texte strong{color:var(--creme);font-weight:600}
.liens-amis{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.8rem 2.2rem}
.liens-amis li{margin:0}