.film-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;max-width:calc(100vw - 40px)}
.film-hero{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border:1px solid #b89046;background:transparent;color:#e8eef7;font:600 14px/1.4 var(--font-body,Inter,sans-serif);cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s}
.film-hero:hover{background:#d9a94a16;border-color:#d9a94a}
.film-card{display:block;position:relative;width:100%;padding:0;border:1px solid #d9a94a66;background:#0c1424;cursor:pointer;text-align:left;color:#e8eef7;text-decoration:none;overflow:hidden}
.film-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}
.film-card:hover img{transform:scale(1.025)}
.film-card-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(transparent 45%,#070d19e6 100%)}
.film-play{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#d9a94a;color:#0c1424;font:24px/1 sans-serif;box-shadow:0 4px 32px #0008;padding-left:3px}
.film-card-caption{position:absolute;left:20px;right:20px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 15px/1.4 var(--font-body,Inter,sans-serif)}
.film-card-caption small{font-size:12px;white-space:nowrap;color:#e8eef7}
.film-dialog{box-sizing:border-box;width:min(1080px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #d9a94a66;border-radius:8px;background:#0c1424;color:#e8eef7;overflow:auto;box-shadow:0 24px 100px #0009}
.film-dialog::backdrop{background:#040812dc;backdrop-filter:blur(7px)}
.film-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px}
.film-header h2{margin:0;font:500 16px/1.5 var(--font-body,Inter,sans-serif)}
.film-close{flex-shrink:0;width:44px;height:44px;border:0;background:transparent;color:#e8eef7;font:28px/1 sans-serif;cursor:pointer}
.film-dialog video{display:block;width:100%;max-height:calc(100dvh - 175px);aspect-ratio:16/9;background:#000}
.film-demo{display:block;margin:14px auto;padding:12px 18px;background:#d9a94a;color:#121a29;border:0;font:600 14px/1.4 var(--font-body,Inter,sans-serif);cursor:pointer}
.film-notice{padding:12px 20px;font:14px/1.5 var(--font-body,Inter,sans-serif);color:#e8eef7}
.film-notice a,.film-notice button{color:#f1ca7b;font:inherit;background:transparent;border:0;text-decoration:underline;cursor:pointer}
.film-hero:focus-visible,.film-card:focus-visible,.film-dialog :focus-visible{outline:3px solid #f1ca7b;outline-offset:4px}
@media(max-width:520px){.film-actions{flex-direction:column;gap:10px}.film-card-caption{left:12px;right:12px;bottom:12px;font-size:13px}.film-play{width:52px;height:52px;font-size:20px}.film-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.film-header{padding:5px 10px}.film-header h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.film-card img,.film-hero{transition:none}.film-card:hover img{transform:none}}