.films-inset,.films-strip{--films-inset:max(24px, calc((100% - 560px) / 2))}.films-inset{padding-inline:var(--films-inset)}.films-strip{--films-height:min(440px, max(187px, 48vw), 52vh);--films-fade:clamp(16px, 4vw, 64px);overscroll-behavior-x:contain;padding-inline:var(--films-inset);scroll-padding-inline:var(--films-inset);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--films-fade), #000 calc(100% - var(--films-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--films-fade), #000 calc(100% - var(--films-fade)), transparent);gap:16px;padding-block:8px;display:flex;overflow-x:auto}.films-strip::-webkit-scrollbar{display:none}.films-tile-item{scroll-snap-align:start;flex:none}.films-tile{cursor:pointer;border-radius:24px;outline:none;flex-direction:column;display:flex}.films-tile-media{height:var(--films-height);aspect-ratio:var(--film-aspect);transition:scale .5s var(--ease-out-quint), opacity .2s var(--ease-out-quint);background:#ffffff0a;border-radius:24px;display:block;position:relative;overflow:hidden}.films-tile-media[data-lifted]{opacity:0}.films-tile-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.films-tile:focus-visible .films-tile-media{outline-offset:3px;outline:2px solid #fffc}@media (hover:hover) and (pointer:fine){.films-tile:hover .films-tile-media{scale:1.02}}.films-theater{color:#fff;background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.films-theater::backdrop{background:0 0}.films-theater-backdrop{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#000000f0;position:absolute;inset:0}.films-theater-media{background:#000;border-radius:24px;position:absolute;overflow:hidden}.films-theater-caption{text-align:left;position:absolute}.films-theater-close{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));color:#fff;opacity:.5;border-radius:999px;outline:none;place-items:center;width:44px;height:44px;display:grid;position:absolute}.films-theater-close:hover,.films-theater-close:focus-visible{opacity:1}.films-theater-close:focus-visible{background-color:#ffffff1f}@media (prefers-reduced-motion:reduce){.films-tile-media{transition:none}.films-tile:hover .films-tile-media{scale:none}}