.film-page{--film-accent:#e4b876;--film-muted:#adb8c1;background:var(--color-bg);color:var(--color-text)}
.film-page[data-theme="light"],[data-theme="light"] .film-page{--film-accent:#835219;--film-muted:#52606d;--color-bg:#f6f4ef;--color-text:#16212d;--color-surface:#fff;--color-border:#cecac2}
.film-page .film-main{max-width:1120px;padding-block:var(--space-12) var(--space-8)}
.film-header{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-5);border-bottom:1px solid var(--color-border);gap:var(--space-4)}
.film-brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:600;text-decoration:none;color:inherit}
.film-header nav{display:flex;gap:var(--space-6);align-items:center;font-size:var(--text-sm)}
.film-header nav a,.film-header button{color:var(--film-muted);padding-block:var(--space-3);min-height:44px}
.film-intro{margin-bottom:var(--space-8)}
.film-intro .eyebrow{color:var(--film-accent)}
.film-intro h1{font-size:clamp(2.25rem,5vw,3.5rem);letter-spacing:-.045em;margin-block:var(--space-4)}
.film-lead{font-size:var(--text-base);color:var(--film-muted);line-height:1.65}
.film-page section{padding-block:0}
.film-viewer{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}
#film-video{width:100%;aspect-ratio:16/9;display:block;background:#000;object-fit:contain}
.film-controls{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6)}
.film-controls .btn{flex-shrink:0;min-height:48px}
.film-controls p,.film-note{font-size:var(--text-sm);color:var(--film-muted);line-height:1.6}
.film-page a{color:var(--film-accent)}
.film-page a.btn-primary{color:#08151d}
.film-page .btn-primary{background:var(--film-accent);color:#08151d}
[data-theme="light"] .film-page .btn-primary{color:#fff}
.film-chapters{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--color-border);margin-top:var(--space-4)}
.film-chapters button{padding:var(--space-4) var(--space-2);text-align:left;font-size:var(--text-sm);min-height:72px;border-bottom:2px solid transparent;color:var(--film-muted)}
.film-chapters button span{display:block;color:var(--film-accent);font-size:var(--text-xs);margin-bottom:var(--space-1);font-variant-numeric:tabular-nums}
.film-chapters button[aria-current="true"],.film-chapters button:hover{color:var(--color-text);border-color:var(--film-accent)}
.film-context{margin-top:var(--space-8);max-width:780px}
.film-context p{margin-bottom:var(--space-4)}
.film-context details{border-top:1px solid var(--color-border);margin-top:var(--space-6);padding-top:var(--space-4)}
.film-context summary{cursor:pointer;padding-block:var(--space-2);color:var(--film-accent);min-height:44px}
#film-transcript{padding-top:var(--space-4);white-space:pre-line;line-height:1.8}
.film-next{margin-top:var(--space-12);display:flex;justify-content:space-between;gap:var(--space-6);align-items:center}
.film-next h2{font-size:var(--text-lg);margin-bottom:var(--space-2)}
.film-next p{color:var(--film-muted);font-size:var(--text-sm)}
.film-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}
.film-footer{padding-block:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--film-muted)}
.film-footer a{display:inline-block;margin-right:var(--space-6);min-height:44px}
.film-footer p{margin-top:var(--space-2)}
.film-page :focus-visible{outline:2px solid var(--film-accent);outline-offset:4px}
@media(max-width:700px){.film-page .film-main{padding-top:var(--space-8)}.film-header nav{gap:var(--space-3)}.film-header nav a{max-width:100px;text-align:right}.film-chapters{grid-template-columns:repeat(3,1fr)}.film-controls{align-items:flex-start;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.film-next{align-items:flex-start;flex-direction:column}.film-brand{font-size:var(--text-lg)}}