/* Collection : images superposées dans un écran panoramique. */
.collection-cinema{margin:40px -5vw 0;background:#431316;color:#fff4ea;position:relative}
.collection-stage{position:relative;isolation:isolate;height:60svh;min-height:0;max-height:none;overflow:hidden}
.collection-stage .collection-slide{position:absolute;inset:0;margin:0;opacity:0;z-index:0;transition:opacity .85s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.collection-stage .collection-slide.is-current{opacity:1;z-index:1;pointer-events:auto}
.collection-stage .collection-slide button{height:100%;width:100%;display:block;background:transparent}
.collection-stage .collection-slide img{width:100%;height:100%;object-fit:contain;object-position:50% 40%;transform:scale(1);transition:none}
.collection-stage .collection-slide figcaption{position:absolute;bottom:0;left:0;right:0;padding:52px 5vw 86px;pointer-events:none;background:linear-gradient(transparent,rgba(35,8,11,.85));font-size:14px;color:#fff4ea}
.collection-cinema-controls{position:absolute;z-index:3;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(35,8,11,.8));display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 5vw}
.collection-counter{font-size:12px;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.collection-cinema-dots{display:flex}
.collection-cinema-dots button{width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:inherit;cursor:pointer}
.collection-cinema-dots span{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4}
.collection-cinema-dots button[aria-pressed="true"] span{opacity:1;transform:scale(1.4)}
.collection-pause{min-width:80px;min-height:44px;border:1px solid rgba(255,244,234,.5);background:transparent;color:inherit;font:inherit;font-size:14px;padding:8px 14px;cursor:pointer}
.collection-cinema button:focus-visible{outline:2px solid #fff4ea;outline-offset:-4px}
.collection-stage .collection-slide.is-current img{transform:scale(1)}
.collection-stage .collection-slide:first-child img{object-position:50% 32%}
@media(orientation:portrait){.collection-stage{height:60svh;aspect-ratio:auto}.collection-stage .collection-slide img{object-position:50% 40%}.collection-stage .collection-slide figcaption{padding:40px 5vw 86px}}
@media(max-width:600px){.collection-cinema-controls{padding:10px 5vw max(10px,env(safe-area-inset-bottom))}.collection-counter{font-size:12px}.collection-pause{min-width:70px}}
@media(prefers-reduced-motion:reduce){.collection-stage .collection-slide,.collection-stage .collection-slide img{transition:none}.collection-stage .collection-slide img{transform:none}}