/* Layout : structure Emergence — hero photographique plein cadre sous un en-tête flottant, titres de section épinglés.
   Typo (principe Kinfolk) : un seul poids, 400. Spectral pour tout ce qui se lit, titres compris ; Instrument Sans, petite et neutre, seulement pour le fonctionnel (navigation, métadonnées, boutons). Contraste par la taille, jamais par la graisse.
   Couleur : chaque numéro porte sa couleur, tirée de sa couverture. */
:root{
  --bg:#ffffff;
  --fg:#121212;
  --muted:#6b6d72;
  --rule:#e3e3e6;
  --soft:#f3f3f4;
  --on-accent:#f6f4ef;
  --on-photo:#f6f4ef;
  --n1:#5b3f96;   /* violet du collage */
  --n2:#7a6549;   /* sable */
  --n3:#1f5f66;   /* bleu-vert, contrepoint de la toile */
  --n4:#22385a;   /* encre, gris argentique */
  --accent:var(--n4);
  --serif:"Spectral", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --sans:"Instrument Sans", "Helvetica Neue", Arial, sans-serif;
  --measure:40rem;
  --header-h:72px;
  /* Cinq tailles : affiche, titre, chapeau, texte, note */
  --fs-display:clamp(2.8rem,7.2vw,6.4rem);
  --fs-h2:clamp(1.75rem,2.8vw,2.25rem);
  --fs-h3:1.5rem;
  --fs-body:1.125rem;
  --fs-small:.875rem;
  --logo:url("../img/logo.png");
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#141518; --fg:#ecebe8; --muted:#9b9da3; --rule:#2c2e33; --soft:#1c1d21; --on-accent:#141518;
    --n1:#b9a5e6; --n2:#d2bd98; --n3:#8cc8cc; --n4:#a9bfdf;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#141518; --fg:#ecebe8; --muted:#9b9da3; --rule:#2c2e33; --soft:#1c1d21; --on-accent:#141518;
  --n1:#b9a5e6; --n2:#d2bd98; --n3:#8cc8cc; --n4:#a9bfdf;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--serif);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)}
a{color:inherit}
a:has(> .cover){text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:1280px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:600px){.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
.meta{font-family:var(--sans);font-size:var(--fs-small);font-weight:400;color:var(--muted)}
h1,h2,h3{font-weight:400;text-wrap:balance;margin:0}
/* La voix de la marque : bas-de-casse, maigre + gras, comme le logo */
.brand{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
.brand b{font-weight:400}

/* ---------- Logo ---------- */
.logo{display:inline-block;width:124px;aspect-ratio:421/109;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;color:var(--fg)}
.logo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--bg);color:var(--fg);transition:background .35s,color .35s}
.site-header .logo{color:inherit;transition:color .35s}
.site-header.on-photo{background:transparent;color:var(--on-photo)}
.hbar{height:var(--header-h);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.hcenter{position:relative;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}
.hnav{display:flex;gap:36px;font-family:var(--sans);font-size:var(--fs-small);font-weight:400;letter-spacing:.01em;transition:opacity .3s,transform .3s}
.hnav a{text-decoration:none;padding-block:4px;text-underline-offset:6px}
.hnav a:hover,.hnav a.cur{text-decoration:underline}
.htitle{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:14px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:none;min-width:0}
.htitle .t{font-family:var(--serif);font-size:var(--fs-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.htitle .e{flex:none;font-family:var(--sans);font-size:var(--fs-small);color:var(--issue,var(--accent))}
.site-header.show-title .htitle{opacity:1;transform:none;pointer-events:auto}
.site-header.show-title .hnav{opacity:0;transform:translateY(-10px);pointer-events:none}
.hright{display:flex;gap:20px;align-items:center;font-family:var(--sans);font-size:var(--fs-small)}
.iconbtn{display:inline-flex;align-items:center;gap:8px}
.iconbtn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
.progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--issue,var(--fg));transform:scaleX(0);transform-origin:left}
@media (max-width:900px){.hnav{display:none}.htitle,.hcenter{justify-content:flex-start}}
@media (max-width:600px){.hright .lbl{display:none}.htitle .e{display:none}.logo{width:100px}}

/* ---------- Menu ---------- */
.menu{position:fixed;inset:0;z-index:70;background:var(--bg);color:var(--fg);overflow:auto;padding-top:env(safe-area-inset-top,0px)}
.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;padding-block:56px 80px}
.menu-col h3{font-size:2.4rem;line-height:1;letter-spacing:-.02em;margin-bottom:24px}
.menu-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.menu-col a{text-decoration:none;font-size:1.3rem;line-height:1.25}
.menu-col a:hover{color:var(--accent)}
.menu-col .num{font-family:var(--sans);font-size:var(--fs-small);margin-right:12px;vertical-align:2px}
.menu-col .sub a{font-size:var(--fs-body);color:var(--muted)}
.menu-search{display:flex;gap:12px;max-width:560px;margin-top:40px}
.menu-search input{flex:1;min-width:0;border:0;border-bottom:1px solid var(--fg);padding-bottom:10px;background:transparent;font:inherit;font-size:1.3rem;color:var(--fg);outline:none}
@media (max-width:800px){.menu-grid{grid-template-columns:1fr;gap:36px}}

/* ---------- Couvertures : image + bande de couleur du numéro ---------- */
.cover{aspect-ratio:3/4;max-width:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--c);color:#f6f4ef;overflow:hidden;position:relative}
.cover .cimg{display:block;width:100%;height:100%;min-height:0;object-fit:cover;background:#888}
.cover .cband{display:grid;gap:6px;padding:14px 16px 18px;background:var(--c)}
.cover .ct{font-family:var(--serif);font-size:var(--fs-body);line-height:1.2;text-wrap:balance}
.cover .cn{font-family:var(--serif);font-size:var(--fs-body);line-height:1.1}
:root[data-theme="dark"] .cover .cband, :root[data-theme="dark"] .cover{color:#141518}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .cover{color:#141518}}
.cover.big .ct{font-size:var(--fs-h3)}
.cover.big .cband{padding:22px 24px 24px}
@media (min-width:801px){.cover.small .cn{font-size:var(--fs-h3)}}

/* ---------- Boutons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:var(--fs-small);font-weight:400;letter-spacing:.02em;padding:14px 22px;background:var(--soft);color:var(--fg);text-decoration:none;transition:background .2s,color .2s,transform .15s}
.btn:hover{background:var(--fg);color:var(--bg)}
.btn:active{transform:translateY(1px)}
.btn.solid{background:var(--fg);color:var(--bg)}
.btn.solid:hover{background:var(--accent);color:var(--on-accent)}
.textlink{font-family:var(--sans);font-size:var(--fs-small);font-weight:400;letter-spacing:.01em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.textlink:hover{color:var(--issue,var(--accent))}

/* ---------- Hero ---------- */
.hero{position:relative;margin-top:calc(-1 * var(--header-h));height:min(94vh,980px);min-height:620px;overflow:hidden;color:var(--on-photo);background:#2b2b2b}
.hero-img{position:absolute;left:0;top:-12%;width:100%;height:124%;object-fit:cover;object-position:center 30%}
/* voile neutre sous le texte de la photo : la seule exception admise aux dégradés */
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.05) 28%,rgba(0,0,0,.05) 45%,rgba(0,0,0,.72) 100%)} /* taste-skill-ignore */
.hero-inner{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-block:0 64px}
.hero h1{font-size:var(--fs-display);line-height:.98;letter-spacing:-.025em;margin:0 0 32px;max-width:12em;font-weight:400}
.hero .dek{font-size:clamp(var(--fs-body),1.7vw,var(--fs-h3));line-height:1.45;max-width:38rem;margin:0}
.hero .row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-top:34px}
.hero .actions{display:flex;gap:14px;flex-wrap:wrap}
.hero .btn{background:rgba(20,21,24,.55);color:var(--on-photo)}
.hero .btn:hover{background:var(--on-photo);color:#111}
.hero .btn.solid{background:var(--on-photo);color:#111}
.hero .btn.solid:hover{background:var(--n4);color:#111}
.hero .credit{font-family:var(--sans);font-size:var(--fs-small);opacity:.8;text-align:right}
@media (max-width:600px){.hero{min-height:560px;height:88vh}.hero .credit{text-align:left}}

/* ---------- Sections et rubriques épinglées ---------- */
section{padding-block:80px}
.sec-head{position:sticky;top:calc(var(--header-h) + env(safe-area-inset-top,0px));z-index:20;background:var(--bg);display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;padding-block:14px 16px;margin-bottom:28px}
.sec-head h2{font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.015em}

/* À la une : le texte-titre du numéro dans la couleur du numéro, deux textes à côté */
.featured{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:24px;margin-bottom:72px}
.card{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;text-decoration:none;background:var(--soft);padding:28px 32px;min-height:208px;transition:opacity .25s,background .25s}
.card.lead{grid-row:span 2;justify-content:space-between;background:var(--issue);color:var(--on-accent);min-height:440px;padding:40px}
.card h3{font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.01em;font-weight:400}
.card.lead h3{font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.015em;max-width:15em;margin-bottom:12px}
.card .by{font-style:italic;color:var(--muted);font-size:var(--fs-body)}
.card.lead .by{color:inherit;opacity:.8}
.card .why{margin:0;font-size:var(--fs-body);max-width:24rem}
.card:not(.lead):hover h3{color:var(--issue,var(--accent))}
.card.lead:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
@media (max-width:800px){
  /* l'en-tête épinglé couvre toute la largeur, comme le champ de couleur qui passe dessous */
  .sec-head{margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px))}
  .featured{grid-template-columns:1fr;gap:8px}
  /* le champ de couleur va jusqu'aux bords ; le texte reste sur la marge de la page */
  .card.lead{grid-row:auto;min-height:340px;margin:0 calc(-1 * max(16px,env(safe-area-inset-left,0px))) 16px;padding:28px max(16px,env(safe-area-inset-left,0px))}
  .card.lead h3{font-size:var(--fs-h3);letter-spacing:-.015em}
  .card:not(.lead){background:none;padding:12px 0;min-height:0}
}

/* Thèmes : les mots du chapeau filtrent le sommaire */
.themes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 28px}
.themes button{font-family:var(--sans);font-size:var(--fs-small);padding:11px 16px;background:var(--soft);color:var(--fg);transition:background .2s,color .2s,transform .15s}
.themes button:hover{background:var(--rule)}
.themes button:active{transform:translateY(1px)}
.themes button[aria-pressed="true"]{background:var(--issue,var(--accent));color:var(--on-accent)}
.themes .count{margin-left:12px;font-family:var(--sans);font-size:var(--fs-small);color:var(--muted)}
.toc-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.toc-group{font-size:var(--fs-h3);line-height:1.2;margin:36px 0 4px}
.toc-item{display:block;padding:12px 0;text-decoration:none;transition:opacity .25s}
.toc-item .ti{font-size:var(--fs-body);line-height:1.45}
.toc-item .au{display:block;font-family:var(--sans);font-size:var(--fs-small);color:var(--muted);margin-top:2px}
.toc-item:hover .ti{color:var(--issue,var(--accent))}
.toc-item.off,.card.off{opacity:.28}
@media (max-width:800px){.toc-cols{grid-template-columns:1fr}}

.statement{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}
.statement blockquote{margin:0;font-size:var(--fs-h2);line-height:1.2;letter-spacing:-.015em;font-weight:400}
.statement p{margin:0 0 1em;font-size:var(--fs-body);max-width:var(--measure)}
@media (max-width:800px){.statement{grid-template-columns:1fr;gap:28px}.statement blockquote{font-size:var(--fs-h3)}}

.print{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--soft)}
.print .pc{padding:clamp(28px,5vw,64px);display:flex;align-items:center;justify-content:center}
.bookcover{width:min(100%,280px);aspect-ratio:2/3;background:var(--fg);color:var(--bg);padding:26px;display:flex;flex-direction:column;justify-content:space-between}
.bookcover .a{font-family:var(--sans);font-size:var(--fs-small)}
.bookcover .t{font-family:var(--serif);font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.01em}
.bookcover .s{font-family:var(--serif);font-style:italic;font-size:var(--fs-small);line-height:1.35}
.print .pt{padding:clamp(24px,5vw,64px);display:flex;flex-direction:column;justify-content:center;gap:18px}
.print h3{font-size:clamp(var(--fs-h3),3.2vw,2.25rem);line-height:1.12;letter-spacing:-.02em;font-weight:400}
.print .pt p{margin:0;max-width:30rem}
.print .pt .by{font-style:italic;color:var(--muted);margin-top:-8px}
.print .price{font-family:var(--sans);font-size:var(--fs-small)}
@media (max-width:900px){.print{grid-template-columns:1fr}}

/* Agenda : une ligne par rendez-vous, à venir puis passés */
.agenda-block{padding:32px 40px 24px}
.agenda-block.upcoming{background:var(--soft)}
.agenda-block + .agenda-block{margin-top:24px}
.agenda-group{font-size:var(--fs-h3);line-height:1.2;margin:0 0 4px}
.agenda-list{list-style:none;margin:0;padding:0}
.event{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr) 96px;grid-template-areas:"dt t w im";gap:8px 32px;align-items:baseline;padding:18px 0}
.event .ev-thumb{grid-area:im;align-self:start;display:block;width:96px}
.event .ev-thumb img{display:block;width:96px;height:120px;object-fit:cover;background:var(--soft)}
.event.past .ev-thumb img{filter:grayscale(1);opacity:.75}
.event .ev-thumb:hover img{filter:none;opacity:1}
.event .dt{grid-area:dt}
.event .date{font-family:var(--serif);font-size:var(--fs-h2);line-height:1;letter-spacing:-.02em}
.event .when{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted);margin-top:8px}
.event h3{grid-area:t;font-size:var(--fs-body);line-height:1.4}
.event h3 a{text-decoration:none;text-underline-offset:4px}
.event h3 a:hover{text-decoration:underline;color:var(--issue,var(--accent))}
.event .where{grid-area:w;color:var(--muted);font-family:var(--sans);font-size:var(--fs-small)}
.event.past .date,.event.past h3{color:var(--muted)}
@media (max-width:800px){
  .agenda-block{padding:24px 20px 12px;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)))}
  .agenda-block:not(.upcoming){padding-inline:max(16px,env(safe-area-inset-left,0px))}
  .event{grid-template-columns:minmax(0,1fr) 56px;grid-template-areas:"dt im" "t im" "w w";gap:10px 16px;padding:22px 0 26px}
  .event .ev-thumb,.event .ev-thumb img{width:56px;height:70px}
  .event .where{font-family:var(--serif);font-style:italic;font-size:var(--fs-body)}
}

.tabs{display:flex;gap:24px;flex-wrap:wrap}
.tabs button{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted);padding-bottom:2px;text-underline-offset:6px}
.tabs button[aria-selected="true"]{color:var(--fg);text-decoration:underline}
.media-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.mcard{display:flex;flex-direction:column;gap:10px;text-decoration:none}
.mcard .plate{aspect-ratio:1;background:var(--soft);display:flex;align-items:center;justify-content:center}
.mcard .plate svg{width:44px;height:44px;stroke:var(--muted);fill:none;stroke-width:1.2}
.mcard h3{font-size:1.25rem;line-height:1.25}
.mcard p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}
.mcard:hover h3{color:var(--accent)}
@media (max-width:900px){.media-row{grid-template-columns:1fr 1fr}}

.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.shelf a{text-decoration:none;display:flex;flex-direction:column;gap:12px}
.shelf .cover{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.shelf a:hover .cover{transform:translateY(-6px)}
.shelf .lbl{font-size:var(--fs-body);line-height:1.3}
.shelf a:hover .lbl{color:var(--c)}
@media (max-width:800px){.shelf{grid-template-columns:1fr 1fr}}

.newsletter{background:var(--accent);color:var(--on-accent)}
.newsletter .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;padding-block:72px}
.newsletter h2{font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.02em}
.newsletter p{margin:12px 0 0;opacity:.85}
.nl-form{display:flex;gap:16px}
.nl-form input{flex:1;min-width:0;background:transparent;border:0;border-bottom:1px solid currentColor;color:inherit;font:inherit;font-size:var(--fs-body);padding:12px 0;outline:none}
.nl-form input::placeholder{color:inherit;opacity:.6}
.nl-form button{font-family:var(--sans);font-size:var(--fs-small);padding:0 20px;background:var(--on-accent);color:var(--accent);transition:transform .15s}
.nl-form button:active{transform:translateY(1px)}
@media (max-width:800px){.newsletter .wrap{grid-template-columns:1fr}}

footer{padding-block:48px;font-family:var(--sans);font-size:var(--fs-small);color:var(--muted)}
footer .wrap{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));gap:32px}
footer .logo{margin-bottom:14px;color:var(--fg)}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
footer a{text-decoration:none}
footer a:hover{color:var(--fg)}
@media (max-width:700px){footer .wrap{grid-template-columns:1fr}}

/* ---------- Page numéro ---------- */
.issue-band{height:4px;background:var(--issue)}
.issue{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);padding-block:48px 80px}
.issue-aside{position:sticky;top:calc(var(--header-h) + 32px + env(safe-area-inset-top,0px));align-self:start}
.issue-aside .cover{width:min(100%,420px)}
.issue-aside .others{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.issue-aside .others a{font-family:var(--sans);font-size:var(--fs-small);text-decoration:none;padding:8px 14px;background:var(--soft);color:var(--c)}
.issue-aside .others a.cur{background:var(--c);color:var(--bg)}
.crumbs{margin-bottom:28px;color:var(--muted);font-family:var(--sans);font-size:var(--fs-small)}
.crumbs a{text-decoration:none}
.issue h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.025em;margin:0 0 28px;font-weight:400}
.issue .intro p{max-width:var(--measure);margin:0 0 1em;font-size:var(--fs-body)}
.issue-facts{display:flex;gap:40px;flex-wrap:wrap;margin:32px 0 56px;padding:20px 24px;background:var(--soft)}
.issue-facts div{display:flex;flex-direction:column;gap:4px}
.issue-facts b{font-family:var(--serif);font-weight:400;font-size:1.6rem;color:var(--issue)}
.issue .sec-head{margin-bottom:0}
.issue .sec-head h2{color:var(--issue)}
.issue .sec-head h2{font-size:1.5rem}
.issue .toc-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 0}
.issue .toc-item .ti{font-size:var(--fs-h3);line-height:1.3}
.issue .rt{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted);padding-top:6px;white-space:nowrap}
.issue .grp{margin-bottom:48px}
@media (max-width:900px){.issue{grid-template-columns:1fr}.issue-aside{position:static}.issue-aside .cover{width:min(100%,300px)}}
@media (max-width:600px){.issue .rt{display:none}.issue .toc-item{grid-template-columns:minmax(0,1fr)}}

/* ---------- Article ---------- */
.a-head{padding-block:72px 48px;text-align:center}
.a-head .kick{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted)}
.a-head .kick a{text-decoration:none}
.a-head .kick b{font-weight:400;color:var(--issue);margin-right:8px}
.a-head h1{font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.04;letter-spacing:-.025em;font-weight:400;max-width:16em;margin:20px auto}
.a-head .byline{font-style:italic;font-size:1.25rem}
.a-head .bio-toggle{margin-top:14px}
.a-head .bio-toggle button{font-family:var(--sans);font-size:.84rem;color:var(--muted)}
.a-head .bio-toggle button span{display:inline-block;transition:transform .2s}
.a-head .bio-toggle button[aria-expanded="true"] span{transform:rotate(90deg)}
.a-head .bio{max-width:34rem;margin:14px auto 0;font-size:1rem;color:var(--muted);text-align:left}
.a-meta{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:30px;color:var(--muted);font-family:var(--sans);font-size:.84rem}
.a-meta b{color:var(--fg);font-weight:400}
.listen{display:inline-flex;align-items:center;gap:14px;margin-top:32px;text-align:left}
.listen .play{width:52px;height:52px;border-radius:50%;background:var(--issue);color:var(--bg);display:inline-flex;align-items:center;justify-content:center}
.listen .play svg{width:16px;height:16px;fill:currentColor;margin-left:3px}
.listen .l1{font-family:var(--sans);font-size:.88rem;display:block}
.listen .l2{font-style:italic;color:var(--muted);font-size:.95rem}
.a-band{height:min(56vh,520px);position:relative;overflow:hidden;background:var(--issue)}
.a-band .img{position:absolute;left:0;top:-15%;width:100%;height:130%;object-fit:cover;object-position:center 35%}
.a-band .cap{position:absolute;right:max(24px,env(safe-area-inset-right,0px));bottom:14px;color:#f3f1ec;font-family:var(--sans);font-size:var(--fs-small);background:rgba(0,0,0,.5);padding:4px 10px}

.a-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--measure)) minmax(0,1fr);gap:48px;padding-block:56px 40px}
.a-toc{position:sticky;top:calc(var(--header-h) + 32px + env(safe-area-inset-top,0px));align-self:start;justify-self:end;width:210px}
.a-toc .lbl{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted)}
.a-toc ol{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.a-toc a{display:block;padding-left:14px;margin-left:-1px;border-left:2px solid transparent;text-decoration:none;font-size:.92rem;line-height:1.35;color:var(--muted);transition:color .2s,border-color .2s}
.a-toc a.active{color:var(--fg);border-left-color:var(--issue)}
.prose{min-width:0;font-size:calc(1.16rem * var(--taille,1));line-height:1.72}
.prose p{margin:0 0 1.15em;hyphens:auto}
.prose h2{font-size:1.466em;line-height:1.2;letter-spacing:-.015em;font-weight:400;margin:2.2em 0 .8em;scroll-margin-top:calc(var(--header-h) + 32px)}
.prose h2 .rn{display:block;font-family:var(--sans);font-size:.78rem;letter-spacing:.06em;margin-bottom:10px;color:var(--issue)}
.prose .lede{font-size:1.32rem;line-height:1.55}
.prose .lede::first-letter{font-size:3.6em;float:left;line-height:.85;padding:.08em .1em 0 0}
.demo-note{font-family:var(--sans);font-size:var(--fs-small);line-height:1.5;color:var(--muted);background:var(--soft);padding:14px 18px;margin-bottom:2.2em}
.pull{margin:1.6em 0;font-size:1.8rem;line-height:1.25;font-style:italic;font-weight:400;text-align:center;text-wrap:balance}
.sn-ref{font-family:var(--sans);font-size:.62em;vertical-align:super;line-height:0;color:var(--issue);font-weight:500;padding:0 1px}
.sidenote{float:right;clear:right;width:220px;margin-right:calc(-220px - 48px);font-size:calc(.85rem * (1 + (var(--taille,1) - 1) / 2));line-height:1.45;color:var(--muted);position:relative}
.sidenote b{font-family:var(--sans);font-weight:400;font-size:.75rem;color:var(--issue);margin-right:6px}
.a-end{max-width:var(--measure);margin:0 auto;padding-bottom:40px}
.a-end .author-box{padding-top:18px;margin-top:24px}
.a-end .author-box h3{font-size:1.3rem;margin:8px 0}
.a-end .author-box p{margin:0;color:var(--muted);font-size:1rem}
.next{display:grid;grid-template-columns:1fr 1fr;background:var(--soft)}
.next a{padding:32px max(24px,env(safe-area-inset-left,0px));text-decoration:none;display:flex;flex-direction:column;gap:8px}
.next a:last-child{text-align:right;padding-right:max(24px,env(safe-area-inset-right,0px));padding-left:24px}
.next .lb{font-family:var(--sans);font-size:.84rem;color:var(--muted)}
.next .ti{font-size:1.25rem;line-height:1.3}
.next a:hover .ti{color:var(--issue)}
@media (max-width:1180px){
  .a-body{grid-template-columns:minmax(0,1fr);justify-items:center}
  .a-toc,.a-body > .spacer{display:none}
  .prose{width:100%;max-width:var(--measure)}
  .sidenote{float:none;display:block;width:auto;margin:0 0 1.15em;padding:10px 14px;border-left:2px solid var(--rule)}
}
@media (max-width:600px){.next{grid-template-columns:1fr}.next a:last-child{text-align:left}}

.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);background:var(--fg);color:var(--bg);font-family:var(--sans);font-size:.9rem;padding:12px 18px;opacity:0;transition:opacity .2s,transform .2s;z-index:90;pointer-events:none;max-width:calc(100% - 32px)}
.toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ======================================================================
   Ajouts du thème WordPress (au-delà de la maquette 2.1)
   ====================================================================== */

/* Barre d'administration : les éléments épinglés descendent d'autant. */
:root{--admin-h:0px}
.admin-bar{--admin-h:32px}
@media (max-width:782px){.admin-bar{--admin-h:46px}}
@media (max-width:600px){.admin-bar{--admin-h:0px}}
.site-header{top:calc(env(safe-area-inset-top,0px) + var(--admin-h))}
.sec-head{top:calc(var(--header-h) + env(safe-area-inset-top,0px) + var(--admin-h))}
.issue-aside,.a-toc,.a-rail{top:calc(var(--header-h) + 32px + env(safe-area-inset-top,0px) + var(--admin-h))}
.admin-bar .menu{top:var(--admin-h)}

.skip-link{position:absolute;left:16px;top:-60px;z-index:100;background:var(--fg);color:var(--bg);padding:10px 16px;font-family:var(--sans);font-size:var(--fs-small);text-decoration:none}
.skip-link:focus{top:12px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Images WordPress dans les gabarits de la maquette */
.hero-img{max-width:none}
.cover .cimg{max-width:none}
.a-band .img{max-width:none}
.bookcover-img{display:block;width:min(100%,280px);height:auto}
.menu-close{font-family:var(--sans)}
.menu-search button{font-family:var(--sans);font-size:var(--fs-small);padding:0 18px;background:var(--fg);color:var(--bg)}
.menu-search input{font-family:var(--serif)}

/* Sommaire : textes en brouillon ou programmés (aperçu de l'équipe) */
.toc-item .etat{font-family:var(--sans);font-style:normal;font-size:var(--fs-small);color:var(--issue,var(--accent));margin-left:8px}
.apercu{font-family:var(--sans);font-size:var(--fs-small);background:var(--soft);padding:12px 16px;margin:0 0 28px}
.vide{color:var(--muted);font-style:italic}
.vide-accueil{padding-block:120px}
.vide-accueil h1{font-size:var(--fs-display);line-height:.98;letter-spacing:-.025em;margin-bottom:24px}

/* Texte : notes de bas de page natives, placées dans la marge par neutre.js */
.prose sup.fn{font-family:var(--sans);font-size:.62em;line-height:0;vertical-align:super;font-weight:500}
.prose sup.fn a{color:var(--issue,var(--accent));text-decoration:none;padding:0 1px}
.prose .wp-block-footnotes{margin:3em 0 0;padding-left:1.4em;font-size:var(--fs-small);line-height:1.5;color:var(--muted)}
.prose .wp-block-footnotes li{margin-bottom:.6em}
.prose.js-notes .wp-block-footnotes{display:none}
.sidenote{display:block}
@media (min-width:1181px){.sidenote{display:inline;float:right}}
@media print{.sidenote{display:none}.prose.js-notes .wp-block-footnotes{display:block}}

/* Texte : autres blocs de l'éditeur */
.prose h3{font-size:1.12em;line-height:1.3;font-weight:400;margin:1.8em 0 .6em}
.prose a{color:var(--issue,var(--accent));text-underline-offset:3px}
.prose blockquote:not(.wp-block-pullquote blockquote){margin:1.6em 0 1.6em 2em;font-size:.905em;line-height:1.6}
.prose blockquote p{margin:0 0 .8em}
.prose .wp-block-pullquote{border:0;padding:0;margin:1.6em 0;text-align:center}
.prose .wp-block-pullquote blockquote{margin:0}
.prose .wp-block-pullquote p{font-size:1.55em;line-height:1.25;font-style:italic;text-wrap:balance}
.prose figure{margin:2em 0}
.prose img{max-width:100%;height:auto}
.prose figcaption,.prose .wp-element-caption{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted);margin-top:8px}
.prose ul,.prose ol:not(.wp-block-footnotes){padding-left:1.4em;margin:0 0 1.15em}
.listen{display:flex;flex-direction:column;align-items:center;gap:10px}
.listen audio{width:min(100%,420px)}

/* Listes : auteur, thème, rubrique, recherche, archives */
.list-head{padding-block:56px 40px}
.list-head h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.025em;font-weight:400;margin:0 0 24px;max-width:18em}
.list-head .intro-text{max-width:var(--measure);font-size:var(--fs-body)}
.list-head .intro-text p{margin:0 0 1em}
.list-head .crumbs{margin-bottom:20px}
.list-body{padding-bottom:96px}
.list-sec{margin-bottom:72px}
.list-sec .sec-head{margin-bottom:8px}
.list-sec .toc-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 0}
.author-head{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;align-items:end}
.author-photo img{width:100%;height:auto;display:block}
@media (max-width:800px){.author-head{grid-template-columns:1fr}}

.books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.book{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.book .bookcover{width:100%;padding:20px}
.book .bookcover .t{font-size:var(--fs-body)}
.book .lbl{font-size:var(--fs-body);line-height:1.3}
.book .au{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted)}
.book:hover .lbl{color:var(--accent)}
@media (max-width:900px){.books{grid-template-columns:repeat(2,minmax(0,1fr))}}

.contrib{columns:3 240px;column-gap:56px}
.contrib-lettre{break-inside:avoid;margin-bottom:32px}
.contrib-lettre h2{font-size:var(--fs-h3);font-weight:400;margin:0 0 8px}
.contrib-lettre ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.contrib-lettre a{text-decoration:none}
.contrib-lettre a:hover{color:var(--accent)}

/* Activité et livre seuls */
.ev-facts{display:flex;gap:48px;flex-wrap:wrap;background:var(--soft);padding:28px 32px;margin-bottom:56px}
.ev-facts div{display:flex;flex-direction:column;gap:6px}
.ev-facts .date{font-size:var(--fs-h2);line-height:1;letter-spacing:-.02em}
.ev-facts b{font-weight:400;font-size:var(--fs-h3);line-height:1.2}
.ev-facts b a{text-decoration:none}
.ev-facts.past .date{color:var(--muted)}
.ev-body{display:grid;grid-template-columns:minmax(0,var(--measure)) minmax(0,1fr);gap:64px;padding-bottom:96px}
.ev-actions{display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start}
.print h1{font-size:clamp(var(--fs-h3),3.2vw,2.25rem);line-height:1.12;letter-spacing:-.02em;font-weight:400}
.page-body{padding-bottom:96px}
.page-body .prose{max-width:var(--measure);font-size:1.16rem;line-height:1.72}
@media (max-width:800px){.ev-body{grid-template-columns:1fr;gap:32px}.ev-facts{gap:24px;padding:20px}}

.pagination .nav-links{display:flex;gap:16px;font-family:var(--sans);font-size:var(--fs-small);margin-top:32px}
.pagination .page-numbers{text-decoration:none}
.pagination .current{color:var(--muted)}
.agenda-list + .vide,.agenda-block .vide{margin:12px 0}

/* Activité : affiche à côté de la description */
.ev-side{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.ev-affiche{margin:0;width:min(100%,360px)}
.ev-affiche img{display:block;width:100%;height:auto}

/* Lecture : taille du texte et partage d'un passage */
.a-rail{position:sticky;top:calc(var(--header-h) + 32px + env(safe-area-inset-top,0px));align-self:start;justify-self:end;width:210px;display:flex;flex-direction:column;gap:36px}
.a-rail .a-toc{position:static;width:auto;justify-self:auto}
.a-hint{margin:0;font-family:var(--sans);font-size:var(--fs-small);line-height:1.45;color:var(--muted)}
.a-size{display:flex;align-items:center;gap:4px;font-family:var(--sans);font-size:var(--fs-small);color:var(--muted)}
.a-size-l{margin-right:8px}
.a-rail .a-size{flex-wrap:wrap}
.a-rail .a-size-l{flex-basis:100%;margin:0 0 8px}
.a-size button{min-width:40px;height:40px;display:inline-flex;align-items:baseline;justify-content:center;padding-top:9px;background:var(--soft);color:var(--fg);font-family:var(--serif);font-size:1rem;line-height:1;transition:background .2s,color .2s}
.a-size button[data-taille="-1"]{font-size:.82rem;padding-top:12px}
.a-size button[data-taille="1"]{font-size:1.2rem;padding-top:8px}
.a-size button span{font-family:var(--sans);font-size:.7em;margin-left:1px}
.a-size button:hover:not(:disabled){background:var(--issue,var(--accent));color:var(--on-accent)}
.a-size button:disabled{opacity:.35;cursor:default}
.a-size output{min-width:52px;text-align:center;font-variant-numeric:tabular-nums;color:var(--fg)}
.a-tools-inline{display:none;justify-content:center;margin-top:22px}
@media (max-width:1180px){
  .a-rail{display:none}
  .a-tools-inline{display:block}
}
.sel-share{position:absolute;z-index:80;display:flex;gap:2px;background:var(--fg);padding:4px;box-shadow:0 6px 24px rgba(0,0,0,.18);transform:translateX(-50%);max-width:calc(100vw - 32px);flex-wrap:wrap;justify-content:center}
.sel-share[hidden]{display:none}
.sel-share::after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--fg)}
.sel-share.dessous::after{bottom:auto;top:-6px;border-top:0;border-bottom:6px solid var(--fg)}
.sel-share button,.sel-share a{font-family:var(--sans);font-size:.82rem;line-height:1;color:var(--bg);background:transparent;padding:10px 12px;text-decoration:none;white-space:nowrap}
.sel-share button:hover,.sel-share a:hover,.sel-share button:focus-visible,.sel-share a:focus-visible{background:var(--issue,var(--accent));color:var(--on-accent)}
.sel-share [hidden]{display:none}
.prose ::selection{background:color-mix(in srgb,var(--issue,var(--accent)) 28%,transparent)}
@media print{.a-rail,.a-tools-inline,.sel-share{display:none!important}}

/* Options de lecture : interligne, largeur, mode lecture, impression */
.a-outils{display:flex;flex-direction:column;gap:18px}
.a-opt{display:flex;align-items:center;gap:4px;font-family:var(--sans);font-size:var(--fs-small);color:var(--muted)}
.a-rail .a-opt{flex-wrap:wrap}
.a-rail .a-opt-l{flex-basis:100%;margin:0 0 8px}
.a-opt-l{margin-right:8px}
.a-opt button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--muted);transition:background .2s,color .2s}
.a-opt button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.a-opt button:hover{color:var(--fg)}
.a-opt button[aria-pressed="true"]{background:var(--issue,var(--accent));color:var(--on-accent)}
.a-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:4px}
.a-act{font-family:var(--sans);font-size:var(--fs-small);color:var(--fg);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rule);padding:4px 0}
.a-act:hover{text-decoration-color:currentColor;color:var(--issue,var(--accent))}
.a-act[aria-pressed="true"]{color:var(--issue,var(--accent))}
.prose{line-height:var(--interligne,1.72)}

/* Sous le titre, sur petit écran : un volet replié « Options de lecture » */
.a-tools-inline{display:none;margin:22px auto 0;max-width:var(--measure);text-align:left}
.a-tools-inline summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--sans);font-size:var(--fs-small);color:var(--muted);list-style:none;padding:8px 14px;background:var(--soft)}
.a-tools-inline summary::-webkit-details-marker{display:none}
.a-tools-inline summary::after{content:"▸";transition:transform .2s}
.a-tools-inline[open] summary::after{transform:rotate(90deg)}
.a-tools-inline .a-outils{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px 28px;padding:18px 0 4px}
.a-tools-inline .a-actions{flex-direction:row;gap:20px;flex-basis:100%;justify-content:center}
.a-head .a-tools-inline{text-align:center}
@media (max-width:1180px){.a-tools-inline{display:block}}
@media (max-width:760px){.a-opt-largeur{display:none!important}}

/* Mode lecture : le texte seul, sans en-tête, image ni pied de page */
.lecture-sortie{position:fixed;z-index:70;top:calc(16px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));font-family:var(--sans);font-size:var(--fs-small);color:var(--muted);background:var(--soft);padding:10px 14px;opacity:.75;transition:opacity .2s,color .2s}
.lecture-sortie:hover,.lecture-sortie:focus-visible{opacity:1;color:var(--fg)}
.mode-lecture{--header-h:0px}
.mode-lecture .site-header,.mode-lecture .progress,.mode-lecture .a-band,.mode-lecture .newsletter,.mode-lecture footer,.mode-lecture .next,.mode-lecture .a-end,.mode-lecture .a-citer,.mode-lecture .a-rail .a-toc,.mode-lecture .a-hint,.mode-lecture .a-head .bio-toggle,.mode-lecture .a-head .bio,.mode-lecture #wpadminbar{display:none!important}
.mode-lecture .a-head{padding-block:64px 8px}
.mode-lecture .a-head h1{font-size:clamp(2rem,4vw,3.2rem)}
.mode-lecture .a-rail{opacity:.4;transition:opacity .3s}
.mode-lecture .a-rail:hover,.mode-lecture .a-rail:focus-within{opacity:1}
.mode-lecture{--admin-h:0px}
html.mode-lecture{margin-top:0!important}

/* Référence du texte : seulement à l'impression */
.a-citer{display:none}

@media print{
  @page{margin:2cm 2.2cm}
  :root,:root[data-theme="dark"],:root:not([data-theme="light"]){--bg:#fff;--fg:#000;--muted:#444;--rule:#bbb;--soft:#f2f2f2;--n1:#5b3f96;--n2:#7a6549;--n3:#1f5f66;--n4:#22385a;color-scheme:light}
  html,body{background:#fff!important;color:#000!important}
  body{font-size:11pt}
  .site-header,.progress,.menu,.a-band,.a-rail,.a-tools-inline,.newsletter,footer,.next,.sel-share,.toast,.lecture-sortie,.a-head .bio-toggle,.a-head .listen,#wpadminbar,.skip-link{display:none!important}
  .a-head{padding:0 0 18pt;text-align:left}
  .a-head h1{font-size:24pt;margin:8pt 0;max-width:none}
  .a-head .byline{font-size:13pt}
  .a-head .bio{display:block!important;margin:8pt 0 0;max-width:none;font-size:10pt}
  .a-meta{justify-content:flex-start;margin-top:10pt;font-size:9pt}
  .wrap{padding:0!important;max-width:none!important}
  .a-body{display:block;padding:0}
  .prose{font-size:11.5pt!important;line-height:1.55!important;max-width:none!important;width:auto!important}
  .prose a{color:#000;text-decoration:none}
  .prose h2{font-size:15pt;margin:18pt 0 8pt;break-after:avoid}
  .prose p{orphans:3;widows:3}
  .prose .wp-block-pullquote p{font-size:15pt}
  .prose blockquote,.prose figure{break-inside:avoid}
  .prose .wp-block-footnotes{display:block!important;margin-top:24pt;padding-top:10pt;border-top:.5pt solid #999;font-size:9pt;color:#000}
  .prose .wp-block-footnotes::before{content:"Notes";display:block;font-size:11pt;margin:0 0 6pt -1.4em}
  .a-end{max-width:none;padding:12pt 0 0}
  .a-end .author-box p{display:none}
  .a-citer{display:block;margin:18pt 0 0;padding-top:10pt;border-top:.5pt solid #999;font-family:var(--sans);font-size:9pt;line-height:1.45;color:#000}
  .a-citer b{font-weight:500}
  .prose .wp-block-footnotes a[href$="-link"]{display:none}
}

/* Options de lecture repliées dans la marge, sous « Dans ce texte » */
.a-tools-rail{border-top:1px solid var(--rule);padding-top:14px}
.a-tools-rail summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;font-family:var(--sans);font-size:var(--fs-small);color:var(--muted);transition:color .2s}
.a-tools-rail summary::-webkit-details-marker{display:none}
.a-tools-rail summary::after{content:"▸";margin-left:auto;transition:transform .2s}
.a-tools-rail[open] summary::after{transform:rotate(90deg)}
.a-tools-rail summary:hover,.a-tools-rail[open] summary{color:var(--fg)}
.a-tools-rail .aa{font-family:var(--serif);font-size:1.05rem;line-height:1;color:var(--issue,var(--accent))}
.a-tools-rail .a-outils{padding-top:18px}
@media print{.a-tools-rail{display:none!important}}

/* Vidéos : lecteur (image + bouton ; YouTube ne se charge qu'au clic), vidéo à la une, vignettes */
.vplayer{position:relative;aspect-ratio:16/9;max-width:100%;overflow:hidden;background:#141518}
.vplayer .vp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.vplayer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vp-play{position:absolute;inset:0;display:flex;align-items:flex-end;gap:16px;padding:clamp(16px,3vw,28px);text-decoration:none;color:var(--on-photo);background:linear-gradient(to top,rgba(10,10,12,.55),rgba(10,10,12,0) 50%)}
.vp-play:hover ~ .vp-img,.vplayer:hover .vp-img{transform:scale(1.02)}
.vp-btn{flex:none;width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--on-photo);color:#141518;transition:transform .2s,background .2s,color .2s}
.vp-btn svg{width:24px;height:24px;fill:currentColor;margin-left:3px}
.vp-play:hover .vp-btn,.vp-play:focus-visible .vp-btn{transform:scale(1.06);background:var(--issue,var(--accent));color:var(--on-accent)}
.vp-l{font-family:var(--sans);font-size:var(--fs-small);line-height:1.3;padding-bottom:4px;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.vp-d{display:block;opacity:.8}
.vplayer.bloque .vp-l::after{content:"La lecture intégrée n’est pas possible ici : la vidéo s’ouvre sur YouTube.";display:block;margin-top:6px;max-width:26rem}
.vp-credit,.v-note{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted);margin:10px 0 0}
.v-note{margin:8px 0 72px}

.v-une{padding-bottom:24px}
.v-une-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center}
.v-une-text{display:flex;flex-direction:column;gap:14px;min-width:0}
.v-une-text .kick{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted)}
.v-une-text h2{font-size:var(--fs-h2);line-height:1.12;letter-spacing:-.02em;font-weight:400;margin:0;text-wrap:balance}
.v-une-text h2 a{text-decoration:none}
.v-une-text h2 a:hover{color:var(--accent)}
.v-une-text .by,.v-by{font-style:italic;font-size:1.15rem;margin:0}
.v-une-text .by a,.v-by a{text-underline-offset:3px}
.vfacts{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted);margin:0}
.v-resume{margin:0;max-width:30rem}
.v-liens{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:6px}
@media (max-width:900px){.v-une-grid{grid-template-columns:1fr}}

.v-autres{padding-top:40px}
.vgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
.vcard{display:flex;flex-direction:column;gap:10px;text-decoration:none;min-width:0}
.vthumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--soft);margin-bottom:6px}
.vthumb .vp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.vthumb .vp-btn{position:absolute;left:14px;bottom:14px;width:44px;height:44px}
.vthumb .vp-btn svg{width:18px;height:18px}
.vdur{position:absolute;right:10px;bottom:12px;font-family:var(--sans);font-size:.75rem;line-height:1;color:#f6f4ef;background:rgba(10,10,12,.62);padding:5px 8px}
.vcard:hover .vp-img{transform:scale(1.03)}
.vcard:hover .vp-btn{background:var(--accent);color:var(--on-accent)}
.vmeta{font-family:var(--sans);font-size:var(--fs-small);color:var(--muted)}
.vcard h3{font-size:1.25rem;line-height:1.25;font-weight:400;margin:0;text-wrap:balance}
.vcard:hover h3{color:var(--accent)}
.vcard .au{font-style:italic;color:var(--muted)}
@media (max-width:900px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.vgrid{grid-template-columns:1fr;gap:36px}}

.v-by{margin-top:-4px}
.v-player-wrap{max-width:1120px;margin:0 auto 40px}
.v-enregistrement{padding-bottom:72px}
.v-enregistrement .v-player-wrap{margin:0}
@media print{.vplayer .vp-play,.v-enregistrement{display:none}}
.vplayer [hidden]{display:none!important}
.vgrid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.vgrid.cols-4 .vcard h3{font-size:1.15rem}
.vgrid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1100px){.vgrid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.vgrid.cols-4,.vgrid.cols-2{grid-template-columns:1fr}}