/* IF-MOTION v2 : orchestration + salle de projection. Additif, noir-or intact. */

/* Stagger des reveals (delai pose par if-motion-v2.js) */
@media (prefers-reduced-motion: no-preference){
[data-ifr]{transition-delay:var(--ifr-d,0s)}
}

/* ===== LA SALLE DE PROJECTION ===== */
.if-cinema{background:#080706;padding:clamp(34px,6vw,72px) 0 clamp(40px,6vw,78px)}
.if-cinema__head{max-width:1100px;margin:0 auto;padding:0 6vw 6px}
.if-cinema__lead{color:#cfc4b2;max-width:62ch;margin:.4rem 0 0;font-size:clamp(.95rem,1.4vw,1.05rem);line-height:1.55}
.if-cinema__strip{position:relative;margin-top:clamp(16px,3vw,26px)}
.if-cinema__strip::before,.if-cinema__strip::after{content:"";position:absolute;left:0;right:0;height:8px;pointer-events:none;background-image:radial-gradient(circle at 7px 4px,rgba(245,166,35,.45) 2.2px,transparent 2.8px);background-size:24px 8px;opacity:.9}
.if-cinema__strip::before{top:-14px}
.if-cinema__strip::after{bottom:-14px}
.if-cinema__track{display:flex;gap:clamp(14px,2.6vw,28px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:16px max(6vw,18px) 22px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.if-cinema__track::-webkit-scrollbar{display:none}
.if-cinema__cell{flex:0 0 auto;width:min(74vw,320px);scroll-snap-align:center;margin:0;background:#0b0a09;transition:transform .35s ease,box-shadow .35s ease}
@media (hover:hover){.if-cinema__cell:hover{transform:translateY(-5px)}}
.if-cinema__cell video{aspect-ratio:9/16;object-fit:cover;background:#000}
.if-cinema__cap{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#0b0a09;border-top:1px solid rgba(245,166,35,.18)}
.if-cinema__name{color:#f7efe3;font-weight:700;font-size:.92rem;line-height:1.3}
.if-cinema__dur{flex:0 0 auto;color:#f5d67b;border:1px solid rgba(245,166,35,.45);border-radius:999px;padding:2px 10px;font-size:.74rem;letter-spacing:.06em}
.if-cinema__more{display:grid;place-items:center;text-align:center;text-decoration:none;border:1px dashed rgba(245,166,35,.5);border-radius:22px;color:#f5d67b;background:linear-gradient(160deg,rgba(212,175,55,.08),rgba(8,7,6,.4));padding:18px;min-height:320px}
.if-cinema__more strong{display:block;font-size:1.05rem;margin-bottom:.35rem;color:#ffe18a}
.if-cinema__more span{color:#cfc4b2;font-size:.86rem}
@media (hover:hover){.if-cinema__more:hover{background:rgba(212,175,55,.14)}}
.if-cinema__hint{display:block;text-align:center;color:#8a6d1f;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;margin-top:10px}
@media (min-width:1080px){.if-cinema__track{justify-content:center}.if-cinema__hint{display:none}}

/* Focus visible or, plancher accessibilite */
.if-motion a:focus-visible,.if-motion button:focus-visible,.if-motion summary:focus-visible{outline:2px solid #f5d67b;outline-offset:3px;border-radius:6px}