/* V11: additions scoped to the two film accesses and their viewer. */
.film-access{display:flex;align-items:center;gap:18px;text-align:left;margin:32px 0 0;padding:16px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;cursor:pointer;max-width:100%}
.film-symbol{color:var(--gold);font-size:14px;flex:0 0 24px}
.film-name{display:block;font-family:'Italiana',Georgia,serif;font-size:1.75rem;line-height:1.3}
.film-description{display:block;margin-top:7px;color:var(--muted);font-family:'DM Sans',sans-serif;font-size:.875rem;line-height:1.6}
.film-access:hover .film-name{color:var(--gold)}
.film-access:focus-visible,.film-close:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.film-dialog{box-sizing:border-box;width:min(1100px,92vw);max-width:92vw;max-height:92dvh;padding:20px;background:var(--bg);color:var(--ink);border:1px solid var(--line);overflow:auto}
.film-dialog::backdrop{background:#030a10e8}
.film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.film-heading h2{margin:0;font-family:'Italiana',Georgia,serif;font-size:1.75rem;line-height:1.3}
.film-close{border:0;background:transparent;color:var(--gold);font:inherit;font-size:28px;min-width:44px;min-height:44px;cursor:pointer}
.film-video{display:block;width:100%;max-height:calc(92dvh - 110px);aspect-ratio:16/9;object-fit:contain;background:#000}
.film-error{font-family:'DM Sans',sans-serif;font-size:.875rem;line-height:1.6;color:var(--muted)}
@media(max-width:760px){.film-access{margin-top:25px;gap:14px}.film-name{font-size:1.5rem}.film-dialog{padding:12px;width:96vw;max-width:96vw}.film-heading{margin-bottom:10px}.film-heading h2{font-size:1.5rem}}