.histoire:has(.dip-combinaisons){padding-bottom:0}
.dip-combinaisons{position:relative;--dip-duree:550;--dip-courbe:cubic-bezier(.2,.7,.2,1);--dip-fondu:1400;--dip-decalage:300;--dip-courbe-fondu:cubic-bezier(.45,0,.55,1);color:var(--bordeaux,#3e2020)}
.dip-grille{display:grid;grid-template-columns:1fr 1fr;height:min(69svh,62.5vw);min-height:clamp(260px,35vw,410px);overflow:hidden;background:var(--panneau,#f2efe1)}
.dip-panneau{container-type:inline-size;position:relative;overflow:hidden;isolation:isolate}
.dip-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* Ken Burns léger (27/10/2026) : chaque photo s'approche lentement de son point de cadrage, seulement diptyque à l'écran. */
.dip-photo{animation:dip-ken-burns 9s cubic-bezier(.25,.1,.25,1) both paused;backface-visibility:hidden}
.dip-combinaisons.est-visible .dip-photo{animation-play-state:running}
@keyframes dip-ken-burns{from{transform:scale(1)}to{transform:scale(1.06)}}
.dip-panneau::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(25,22,24,.25));pointer-events:none;z-index:1}
.dip-cache{display:none;position:absolute;inset:0;z-index:2;pointer-events:none}
.dip-combinaisons.est-prete .dip-cache{display:block}
.dip-decoupe{display:block;width:100%;height:100%}
.dip-mot{font-family:var(--font-titre);font-size:13cqw;font-weight:400;letter-spacing:normal}
.dip-suite{font-family:var(--font-titre);font-size:7cqw;font-weight:400;font-style:italic;letter-spacing:normal}
.dip-accessible{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.dip-avancer{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation}
.dip-avancer:focus-visible{outline:2px solid var(--bordeaux);outline-offset:-6px;box-shadow:inset 0 0 0 7px #f2efe1}
.dip-collection{text-decoration:none;position:absolute;z-index:3;left:50%;bottom:30px;transform:translateX(-50%);white-space:nowrap;padding:14px 22px;background:var(--dip-fond,#f2efe1);color:var(--bordeaux);font-size:10px;font-weight:550;text-transform:uppercase;letter-spacing:.15em;border:1px solid rgba(62,32,32,.18);transition:background-color .18s var(--dip-courbe),color .18s var(--dip-courbe)}
/* Flèche « suivante » : au dessin du bouton de collection, carrée, posée sur sa ligne dans le coin du volet droit. */
.dip-suivante{position:absolute;z-index:3;right:30px;bottom:30px;display:grid;place-items:center;width:var(--dip-fleche,45px);height:var(--dip-fleche,45px);padding:0;background:var(--dip-fond,#f2efe1);color:var(--bordeaux);border:1px solid rgba(62,32,32,.18);cursor:pointer;touch-action:manipulation;transition:background-color .18s var(--dip-courbe),color .18s var(--dip-courbe)}
.dip-suivante::before{content:'';position:absolute;inset:-6px}
.dip-suivante svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3}
.dip-suivante:focus-visible{outline:2px solid var(--bordeaux);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.dip-collection:hover,.dip-suivante:hover{background:var(--bordeaux);color:var(--dip-fond,#f2efe1)}}
.dip-combinaisons [hidden]{display:none!important}
@media(max-width:899px){.dip-collection{font-size:9px;padding:13px 16px;bottom:24px}.dip-suivante{--dip-fleche:41.5px;right:24px;bottom:24px}}
@media(max-width:599px){
 .dip-grille{height:auto;min-height:0;grid-template-columns:1fr}
 .dip-panneau{aspect-ratio:1.15}
 .dip-collection{bottom:20px;font-size:9px;padding:12px 16px}
 .dip-suivante{--dip-fleche:39.5px;right:16px;bottom:20px}
}
@media(prefers-reduced-motion:reduce){.dip-collection,.dip-suivante{transition:none}.dip-cache{clip-path:none!important}.dip-photo{animation:none}}