/* The film — Strategy is simulation (48 s). Self-hosted, poster until play. */
.film{margin:0 0 160px}
.film-frame{position:relative;background:#0b0e14;border:1px solid var(--line);aspect-ratio:1662/1080;max-width:100%;overflow:hidden}
.film-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#0b0e14}
.film-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(11,14,20,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:16px;color:#f6f6f4;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;transition:background .2s}
.film-play:hover{background:rgba(11,14,20,.04)}
.film-play:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.film-play i{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--accent);color:#f6f6f4;transition:transform .2s}
.film-play:hover i{transform:scale(1.06)}
.film-play i svg{display:block;width:26px;height:26px;margin-left:4px}
.film-play[hidden]{display:none}
.film-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 32px;align-items:baseline;margin-top:16px}
.film-meta p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6;max-width:640px}
.film-meta span{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);white-space:nowrap}
@media (max-width:900px){.film{margin-bottom:100px}.film-play i{width:60px;height:60px}}