/* Preserve the original black-and-white film site and artwork. */
html { color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0 auto; padding: 12px 20px 32px; max-width: 1080px; background: #000; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.5; }
* { box-sizing: border-box; }
a { color: inherit; text-underline-offset: .18em; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible, video:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
table { max-width: 100%; }
img { max-width: 100%; height: auto; border: 0; }
td { overflow-wrap: anywhere; }
.site-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 22px; padding: 16px 0 22px; margin-bottom: 8px; font-size: 16px; }
.site-nav a { display: inline-block; padding: 5px 0; }
.skip-link { position: absolute; left: -10000px; }
.skip-link:focus { position: fixed; top: 8px; left: 8px; padding: 10px 16px; background: #fff; color: #000; z-index: 10; }
.film-still { width: 144px; aspect-ratio: 4 / 3; object-fit: cover; }
.film-page main { max-width: 760px; margin: auto; }
.film-title { display: block; margin: 12px auto 28px; }
.film-page h1 { font-size: 2rem; margin: 1em 0 .6em; }
video { display: block; width: 100%; height: auto; background: #111; }
.trailer-links { text-align: center; margin-bottom: 2rem; }
@media (max-width: 640px) {
  body { padding: 8px 12px 24px; }
  .site-nav { gap: 4px 16px; }
  table { width: 100% !important; }
  td:empty { width: 0 !important; padding: 0; }
  td[width="10%"], td[width="20%"] { width: 4% !important; }
  td[width="60%"], td[width="80%"] { width: auto !important; }
  font { font-size: inherit; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }