*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}[hidden]{display:none!important}button:disabled{cursor:wait;opacity:.6}
.films-page{max-width:1240px;margin:0 auto;padding:16px 32px 0}.back-link{display:inline-flex;align-items:center;min-height:32px;font-size:12px;color:var(--muted)}.back-link:hover,.films-footer a:hover{color:var(--blue)}
.films-intro{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0}.films-intro h1{font-size:32px;line-height:1.2;letter-spacing:-.035em!important;font-weight:650!important}
.gallery-status{padding:0 0 12px;color:var(--muted);font-size:12px}.gallery-error{margin:12px 0;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:14px;line-height:1.7;color:var(--muted)}.gallery-error .button{display:inline-flex;align-items:center;justify-content:center;margin-top:10px}
.featured-films,.earlier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}
.film-card{min-width:0;scroll-margin-top:90px}.film-player{position:relative;overflow:hidden;aspect-ratio:16/9;background:#111821;border-radius:10px}.film-player video{display:block;width:100%;height:100%;object-fit:contain;background:#111821}.film-start{position:absolute;top:50%;left:50%;translate:-50% -50%;width:56px;height:56px;display:grid;place-items:center;padding:0;border:1px solid #ffffff70;border-radius:50%;color:#fff;background:#10151c99;box-shadow:0 5px 30px #0002;transition:background .15s,scale .15s}.film-start:hover{background:#10151cd9;scale:1.04}.film-start svg{width:23px;height:23px;margin-left:4px;fill:currentColor}.film-start:focus-visible{outline:3px solid #fff!important;outline-offset:5px!important}
.film-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"meta meta" "title title" "description description" "controls share" "notice notice" "error error";column-gap:12px;padding-top:12px}.film-topline{grid-area:meta;display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.film-badge{color:#926a26;background:#f3ebd9;border:1px solid #e9dcc0;border-radius:999px;font-size:10px;font-weight:650;letter-spacing:.04em;padding:2px 8px}.film-ai-badge{display:inline-flex;align-items:center;padding:2px 7px;border:1px solid var(--line);border-radius:999px;font-size:10px;line-height:1.4;color:var(--muted);background:var(--surface)}.film-meta{font-size:11px;color:var(--muted)}.film-copy h2,.film-copy h3{grid-area:title;font-size:22px;line-height:1.35;letter-spacing:-.025em!important;font-weight:650!important;overflow-wrap:anywhere}.film-description{grid-area:description;margin-top:6px;font-size:13px;line-height:1.6;color:var(--muted)}
.film-actions{grid-area:controls;display:flex;align-items:center;min-width:0;margin-top:10px}.quality-control{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--muted);font-size:11px;min-width:0}.quality-control select{max-width:100%;min-width:0;min-height:36px;border:1px solid var(--line);background:var(--surface);padding:6px 26px 6px 9px;color:var(--ink);font-size:12px}.film-copy>.content-share-actions{grid-area:share;justify-content:flex-end;align-self:center;margin:10px 0 0}.film-disclosure{grid-area:notice;font-size:11px;color:var(--muted-soft);margin-top:6px;line-height:1.6}.film-error{grid-area:error;margin-top:6px;font-size:12px;color:#b45328;line-height:1.6}
.earlier-versions{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);scroll-margin-top:90px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:20px;line-height:1.4}.earlier-grid .film-copy h3{font-size:20px}
.films-footer{margin-top:28px;padding:16px 0 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;color:var(--muted)}.films-footer>div{display:flex;flex-wrap:wrap;gap:16px}
body[data-theme=dark] .film-badge{color:#e8c583;background:#3b3020;border-color:#5a462b}body[data-theme=dark] .film-error{color:#e6a080}
@media(max-width:760px){.films-page{padding:12px 20px 0}.films-intro{padding:8px 0 12px}.films-intro h1{font-size:28px}.featured-films,.earlier-grid{grid-template-columns:1fr;gap:24px}.film-copy{padding-top:10px;column-gap:8px}.film-copy h2,.film-copy h3{font-size:21px}.film-start{width:52px;height:52px}.earlier-versions{margin-top:24px;padding-top:18px}.films-footer{margin-top:24px;align-items:flex-start}.films-footer>div{justify-content:flex-end;gap:8px 14px}}
@media(max-width:360px){.films-intro{gap:12px}.films-intro h1{font-size:24px}.back-link{font-size:11px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.film-start{transition:none}.film-start:hover{scale:1}}