.card{background:#1b1b1b;color:var(--white);display:block;will-change:transform,opacity}.card,.card__media{overflow:hidden;position:relative}.card__media img{transition:transform 1.4s var(--ease-out)}.card__media img,.card__media video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card__media video{inset:0;opacity:0;position:absolute;transition:opacity .6s}.card.is-playing .card__media video{opacity:1}.card__info{background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.74));display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:clamp(14px,1.5vw,26px);position:absolute;transition:opacity .5s}.card__info>*{transform:translateY(14px);transition:transform .7s var(--ease-out)}.card__title{font-family:var(--serif);font-size:calc(clamp(1.3rem,1.9vw,2rem)*var(--scale-title));font-weight:300;letter-spacing:.02em;line-height:1.05;margin-top:8px;text-transform:uppercase}.card__place{align-items:center;color:#ffffffd9;display:flex;font-size:.625rem;gap:10px;letter-spacing:.22em;margin-top:10px;text-transform:uppercase}.card__place:before{background:currentColor;content:"";height:1px;width:22px}.card .chapeau{font-size:.625rem}.card:focus-visible .card__info,.card:hover .card__info{opacity:1}.card:focus-visible .card__info>*,.card:hover .card__info>*{transform:none}.card:focus-visible .card__media img,.card:hover .card__media img{transform:scale(1.045)}.card:focus-visible{outline:1px solid var(--ink);outline-offset:3px}@media(hover:none){.card__info{opacity:1}.card__info>*{transform:none}}@media(max-width:520px){.card__info{padding:10px}.card__title{font-size:calc(1.3rem*var(--scale-title))}.card .chapeau{font-size:.625rem;letter-spacing:.18em}.card__place{font-size:.625rem;letter-spacing:.12em;margin-top:6px}.card__place:before{display:none}}