/* Scoped to the eight catalogue tiles and three explicitly selected detail pages. */
.card-film{position:relative;isolation:isolate;overflow:hidden;background:#0a0c10;min-width:0}
.card-film-tile{aspect-ratio:1.24/1;margin:14px 14px 12px;border-radius:14px;flex-shrink:0}
.card-film>.card-film-poster,.card-film>.card-film-video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:44% 50%;padding:0;margin:0;border-radius:0;transform:none;transition:none}
.card-film>.card-film-video{opacity:0;pointer-events:none}
.card-film[data-ready="true"]>.card-film-video{opacity:1}
.card-film-hero{min-height:470px;align-self:stretch}
.card-film-hero>.card-film-poster,.card-film-hero>.card-film-video{object-position:50% 22%}
.card-motion-control{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #d9dde1;border-radius:999px;background:#fff;color:#363b42;font:inherit;font-size:13px;font-weight:500;line-height:1.4;cursor:pointer;box-shadow:0 3px 12px #11141a09}
.card-motion-control[hidden]{display:none}
.card-motion-control:focus-visible{outline:3px solid #bea268;outline-offset:4px}
.card-motion-control:hover{background:#f1f2f3}
.card-film-hero>.card-motion-control{position:absolute;right:18px;bottom:18px;z-index:2;border-color:#ffffff40;background:#15191ddb;color:#fff;font-size:12px}
.card-film-hero>.card-motion-control:hover{background:#262b32}
@media(max-width:1050px){.card-film-hero{min-height:430px}}
@media(min-width:681px) and (max-width:900px){.card-film-hero{min-height:0;aspect-ratio:1.35/1}}
@media(max-width:680px){.card-film-tile{aspect-ratio:1.08/1}.card-film-hero{min-height:0;aspect-ratio:1.15/1}}
@media(prefers-reduced-motion:reduce){.card-film>.card-film-video{transition:none}}