.affiches3d{perspective:var(--a3d-perspective, 1200px)}.affiche3d{position:relative;border-radius:var(--radius-md, 10px);transform-style:preserve-3d;transition:transform 0.5s var(--ease-flip, cubic-bezier(0.22, 1, 0.36, 1)),box-shadow 0.5s var(--ease-flip, cubic-bezier(0.22, 1, 0.36, 1));box-shadow:0 10px 30px rgba(0,0,0,0.45);cursor:pointer;outline:none}.affiche3d--suivi{transition:box-shadow 0.5s var(--ease-flip, cubic-bezier(0.22, 1, 0.36, 1))}.affiche3d:hover,.affiche3d:focus-visible{box-shadow:0 30px 60px rgba(0,0,0,0.7),0 0 40px color-mix(in srgb,var(--blue, #57b3f2) 10%,transparent)}.affiche3d:focus-visible{outline:2px solid var(--blue, #57b3f2);outline-offset:4px}.affiche3d__fond{position:absolute;inset:0;border-radius:inherit;overflow:hidden;transform:translateZ(0)}.affiche3d__fond img{display:block;width:100%;height:100%;object-fit:cover}.affiche3d--popout .affiche3d__fond::after{content:"";position:absolute;inset:0;background:rgba(6,6,8,var(--a3d-voile, 0.55));opacity:0;transition:opacity var(--duree-etat, 0.25s)}.affiche3d--popout:hover .affiche3d__fond::after,.affiche3d--popout:focus-visible .affiche3d__fond::after{opacity:1}.affiche3d__sujet{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateZ(0);transition:transform 0.5s var(--ease-flip, cubic-bezier(0.22, 1, 0.36, 1));pointer-events:none}.affiche3d--popout:hover .affiche3d__sujet,.affiche3d--popout:focus-visible .affiche3d__sujet{transform:translateZ(var(--a3d-profondeur, 45px))}.affiche3d__reflet{position:absolute;inset:0;border-radius:inherit;transform:translateZ(calc(var(--a3d-profondeur, 45px) + 15px));pointer-events:none;opacity:0;transition:opacity var(--duree-etat, 0.25s);background:radial-gradient(380px circle at var(--rx, 50%) var(--ry, 50%),rgba(245,246,248,var(--a3d-reflet, 0.16)),transparent 60%)}.affiche3d:hover .affiche3d__reflet{opacity:1}@media(prefers-reduced-motion:reduce){.affiche3d,.affiche3d__sujet{transition:none!important}.affiche3d--popout:hover .affiche3d__sujet,.affiche3d--popout:focus-visible .affiche3d__sujet{transform:none}.affiche3d--popout:hover .affiche3d__fond::after,.affiche3d--popout:focus-visible .affiche3d__fond::after{opacity:0}}