/* Self-contained film card. Its parent owns placement in the hero. */
.film-panel{--film-paper:#f2eee2;--film-ink:#182c24;position:relative;width:100%;min-width:0;margin:0;padding:14px 14px 0;border:1px solid #f2eee24d;border-radius:5px;background:#142c24e8;color:var(--film-paper);box-shadow:0 24px 65px #06190f45;backdrop-filter:blur(14px)}
.film-heading{display:flex;align-items:center;gap:9px;padding:0 0 12px;font-size:8px;font-weight:600;letter-spacing:1.5px;line-height:1.6;color:#e5dbc4}
.film-heading-line{width:16px;height:1px;background:#d4ae76;flex-shrink:0}
.film-heading-number{margin-left:auto;font-size:7px;letter-spacing:1px;white-space:nowrap;color:#b0baa6}
.film-screen{position:relative;width:100%;aspect-ratio:16/9;min-height:200px;overflow:hidden;background:#0e211a}
.film-player,.film-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.film-player{visibility:visible}
.film-player iframe{display:block;object-fit:contain}
.film-poster{position:absolute;inset:0;isolation:isolate}
.film-poster>img{width:100%;height:100%;object-fit:cover;filter:brightness(.72) saturate(1.06)}
.film-poster:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#10281a00 10%,#10271e2b 35%,#10271eb3 100%);pointer-events:none}
.film-poster-content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:20px;text-align:center}
.film-poster-title{font-family:var(--serif,Georgia,serif);font-size:clamp(20px,2.2vw,29px);line-height:1.2;text-shadow:0 2px 15px #00140980}
.film-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 18px;border:1px solid #eee8d5b3;border-radius:50px;background:#f2eee2;color:var(--film-ink);font-size:11px;font-weight:650;transition:background .2s,transform .2s}
.film-start:hover{background:white;transform:translateY(-2px)}
.film-start svg{width:17px;height:17px;stroke-width:1.5;fill:currentColor}
.film-poster-link{font-size:9px;line-height:1.5;color:#f2eee2;border-bottom:1px solid #eee8d577;padding:4px 0}
.film-poster-link span{margin-left:5px}
.film-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 2px 17px;min-height:80px}
.film-caption-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.film-caption-title{font:21px/1.1 var(--serif,Georgia,serif);letter-spacing:-.3px}
.film-status{font-size:9px;line-height:1.55;color:#c5cdbb;max-width:230px}
.film-controls{display:flex;align-items:center;gap:5px;flex-shrink:0}
.film-control{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;padding:9px;border:1px solid #ece5d52e;border-radius:50%;background:transparent;color:#f2eee2;transition:background .2s,border-color .2s}
.film-control:hover{background:#f2eee219;border-color:#ece5d57d}
.film-control:disabled{opacity:.35;cursor:default}
.film-control svg{width:18px;height:18px;stroke-width:1.5}
.film-control [data-film-play-icon]{fill:currentColor}
.film-panel :focus-visible{outline:2px solid #e5c292;outline-offset:4px}
.film-panel [hidden]{display:none!important}
@media(max-width:600px){.film-panel{padding:10px 10px 0}.film-heading{font-size:7px;letter-spacing:1.1px;padding-bottom:10px}.film-heading-number{font-size:6px}.film-caption{padding:14px 2px;gap:8px;min-height:80px}.film-caption-title{font-size:20px}.film-controls{gap:3px}.film-control{width:40px;height:40px}.film-status{font-size:8px;max-width:175px}.film-poster-title{font-size:23px}}
@media(prefers-reduced-motion:reduce){.film-panel *{transition:none!important}.film-start:hover{transform:none}}