/* The finished films, each in its paradox's place. Written by the page's build; see the section "Each paradox in three lines". */
.an-films-now { margin: .9rem 0 0; font: 700 .75rem/1.45 var(--an-mono, "JetBrains Mono", ui-monospace, Menlo, monospace); letter-spacing: .1em; text-transform: uppercase; color: var(--an-soft, #3c3a36); }
.an-film { margin: 1rem 0 0; max-width: 34rem; }
.an-film-play { position: relative; display: block; border: 1px solid var(--an-ink, #1d1d1b); background: #141413; line-height: 0; }
.an-film-play img, .an-film video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #141413; }
.an-film video { border: 1px solid var(--an-ink, #1d1d1b); }
.an-film-go { display: flex; align-items: center; gap: .6rem; padding: .7rem .8rem; background: var(--an-ink, #1d1d1b); color: var(--an-paper, #faf8f3); font: 700 .72rem/1 var(--an-mono, "JetBrains Mono", ui-monospace, Menlo, monospace); letter-spacing: .1em; text-transform: uppercase; }
.an-film-go::before { content: ""; width: 0; height: 0; border-left: .62rem solid currentColor; border-top: .4rem solid transparent; border-bottom: .4rem solid transparent; }
.an-film-go b { margin-left: auto; font-weight: 400; }
.an-film-play:hover .an-film-go, .an-film-play:focus-visible .an-film-go { background: var(--an-cyan, #009fe3); color: #141413; }
.an-film-play:focus-visible { outline: 3px solid var(--an-cyan, #009fe3); outline-offset: 2px; }
.an-film figcaption { margin: .5rem 0 0; font: 420 .9rem/1.4 var(--an-text, "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif); color: var(--an-soft, #3c3a36); }
.an-film figcaption b { font-weight: 700; color: var(--an-ink, #1d1d1b); }
@media print { .an-film, .an-films-now { display: none; } }