/* Pages détaillées 2026, générées depuis la maquette. */
.f26p{--largeur:1320px;--colonne:960px}
.f26p .entete{position:relative;min-height:clamp(380px,62vh,640px);display:flex;align-items:flex-end;
  background:var(--nuit-2) center/cover no-repeat}
.f26p .entete::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,7,12,.96) 0%,rgba(6,7,12,.55) 35%,rgba(6,7,12,0) 70%)}
.f26p .entete-texte{position:relative;z-index:1;width:100%;max-width:calc(var(--colonne) + 2 * var(--gouttiere));margin-inline:auto;
  padding:48px var(--gouttiere) 40px}
.f26p .chapitre{font-family:var(--f-donnee);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--or);margin:0 0 10px}
.f26p h1{font-family:var(--f-titre);font-weight:400;font-size:clamp(34px,5.2vw,68px);line-height:1.15;margin:0;
  letter-spacing:-.01em;text-wrap:balance;padding-bottom:.08em}
.f26p .accroche{font-size:clamp(17px,1.7vw,20px);margin:14px 0 0;max-width:60ch}
.f26p .f26p-main{max-width:calc(var(--largeur) + 2 * var(--gouttiere));margin-inline:auto;padding:56px var(--gouttiere) 80px}
.f26p .f26p-main > h2,.f26p .f26p-main > p,.f26p .f26p-main > dl,.f26p .f26p-main > ul,.f26p .f26p-main > ol,.f26p .f26p-main > h3,.f26p .f26p-main > .actions{max-width:var(--colonne);margin-left:auto;margin-right:auto}
.f26p .f26p-main h2{font-family:var(--f-titre);font-weight:400;font-size:clamp(24px,2.8vw,34px);margin:56px 0 14px;line-height:1.25}
.f26p .f26p-main h2:first-child{margin-top:0}
.f26p .f26p-main h3{font-family:var(--f-titre);font-weight:400;font-size:21px;margin:28px 0 8px;line-height:1.3}
.f26p .f26p-main p{margin:0 0 16px}
.f26p .fiche{display:grid;grid-template-columns:max-content 1fr;gap:6px 22px;margin:8px 0 28px;padding:18px 0;
  border-block:1px solid var(--trait);font-family:var(--f-donnee);font-size:.8em;line-height:1.6}
.f26p .fiche dt{color:var(--texte-doux)}
.f26p .fiche dd{margin:0}
.f26p .pitch{font-style:italic;font-size:18px}
.f26p ol.sujets{padding-left:1.4em;margin:0 0 16px}
.f26p ol.sujets li{margin-bottom:10px}
.f26p ul.liste{padding-left:1.2em;margin:0 0 16px}
.f26p ul.liste li{margin-bottom:6px}
.f26p .oeuvre{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;
  padding-top:48px;margin-top:48px;border-top:1px solid var(--trait)}
.f26p .oeuvre > img,.f26p .oeuvre > .sans-image{width:100%;aspect-ratio:16/10;object-fit:cover;margin:0;
  position:sticky;top:24px;background:var(--nuit-2)}
.f26p .oeuvre:nth-of-type(even) > img,.f26p .oeuvre:nth-of-type(even) > .sans-image{order:2}
.f26p .oeuvre-texte h2{margin-top:0}
.f26p .oeuvre-texte .chapitre{margin-top:-4px}
.f26p .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.f26p .bouton{display:inline-block;font-family:var(--f-donnee);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  padding:12px 20px;border:1px solid var(--trait);text-decoration:none}
.f26p .bouton.principal{background:var(--or);border-color:var(--or);color:var(--nuit)}
.f26p .bouton:hover{border-color:var(--or)}
@media (max-width:820px){.f26p .oeuvre{grid-template-columns:minmax(0,1fr)}
.f26p .oeuvre > img,.f26p .oeuvre > .sans-image{position:static;order:0 !important}
.f26p .oeuvre > .sans-image{display:none}}
@media (max-width:600px){.f26p .fiche{grid-template-columns:minmax(0,1fr);gap:2px}
.f26p .fiche dt{margin-top:8px}}
.f26p .f26p-main > :is(h2,.f26p h3,.f26p p,.f26p dl,.f26p ul,.f26p ol,.f26p .actions){margin-left:auto;margin-right:auto}
.f26p h1,.f26p h2,.f26p h3{text-wrap:wrap;overflow:visible}
.f26p h1{line-height:1.2;padding-bottom:.14em}
.f26p .f26p-main h2,.f26p .f26p-main h3{line-height:1.3;padding-bottom:.08em}
.f26p .f26p-main > .video{max-width:var(--colonne);margin:8px auto 24px}
.f26p .video{position:relative;width:100%;aspect-ratio:16/9;background:var(--nuit-2)}
.f26p .video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}