.film-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-film-link{gap:10px}
.film-cta-icon{width:20px;height:20px;flex-shrink:0;fill:currentColor;stroke:none;pointer-events:none}
.film-preview{position:relative;min-width:0;width:100%;aspect-ratio:16 / 9;border:1px solid #e5e5e5;border-radius:24px;overflow:hidden;background:#fff}
.film-preview-play{position:relative;display:block;width:100%;height:100%;background:#000;color:#fff}
.film-preview-play picture,.film-preview-play img{display:block;width:100%;height:100%;object-fit:contain}
.film-preview-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}
.film-preview-motion.is-playing{opacity:1}
.film-preview-play::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.22);pointer-events:none}
.film-preview-play:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.film-preview-play-button{position:absolute;top:50%;left:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;max-width:calc(100% - 32px);padding:14px 22px;border-radius:999px;background:#fff;color:#111;font-size:16px;line-height:1.25;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.16);transform:translate(-50%,-50%);transition:background .2s ease}
.film-preview-play-button svg{flex-shrink:0;width:22px;height:22px;fill:currentColor}
.film-preview-play:hover .film-preview-play-button{background:#f4f4f4}
.film-player{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:72px max(24px,env(safe-area-inset-left)) max(48px,env(safe-area-inset-bottom));border:0;background:transparent;color:#fff;overflow:auto}
.film-player[open]{display:grid;place-items:center}
.film-player::backdrop{background:rgba(0,0,0,.94)}
.film-player-panel{position:relative;width:100%;max-width:1120px;margin:auto}
.film-player-video{display:block;width:100%;max-height:calc(100dvh - 128px);aspect-ratio:16 / 9;border-radius:8px;background:#000;object-fit:contain}
.film-player[data-orientation="portrait"] .film-player-panel{max-width:calc((100dvh - 128px) * 9 / 16)}
.film-player[data-orientation="portrait"] .film-player-video{aspect-ratio:9 / 16}
.film-player-close{position:absolute;right:0;top:-56px;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;cursor:pointer}
.film-player-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.film-player-close:hover{background:#333}
.film-player-close:focus-visible,.film-player-error a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.film-player-error{margin:12px 0 0;font-size:14px;line-height:1.5;text-align:center}
.film-player-error a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.film-preview[data-film-mobile-portrait="true"]{aspect-ratio:9 / 16}.film-player{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){.film-preview-play-button{transition:none}.film-preview-motion{display:none}}