@media(min-width:1100px){#other-work .short-form-cards{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:650px) and (max-width:1099px){#other-work .short-form-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.screening-choices{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:radial-gradient(ellipse at center,#122638,#060d16 75%)}
.screening-choice{width:min(300px,85%);min-height:52px;border:1px solid #9acde6;background:#081521;color:#e8f3fa;letter-spacing:.18em;font:500 12px/1.3 'Barlow Condensed',sans-serif;cursor:pointer;transition:border-color .2s,box-shadow .2s,color .2s}
.screening-choice:hover,.screening-choice:focus-visible{border-color:#e6a9d6;color:#f4d5e9;box-shadow:0 0 15px #cf80c044;outline:none}
.film-dialog .dialog-video{position:relative}

.screening-thumbnail-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,250px));
  align-content: start;
  justify-content: center;
  align-items: stretch;
  overflow: auto;
  gap: clamp(8px,1.3vw,14px);
  padding: clamp(10px,1.7vw,20px);
}
.film-dialog .dialog-video:has(.screening-thumbnail-grid) {
  aspect-ratio: auto;
  height: min(69vh,490px);
  height: min(69dvh,490px);
}
.screening-thumbnail-grid .screening-choice {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  padding: 0 0 12px;
  text-align: left;
}
.screening-thumbnail-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: contain;
  background: #060d16;
}
.screening-thumbnail-grid :is(strong,span) {
  display: block;
  padding: 0 9px;
}
.screening-thumbnail-grid strong { margin-top: 8px; }
.screening-thumbnail-grid span {
  margin-top: 4px;
  font: 400 13px/1.45 'DM Sans',sans-serif;
  letter-spacing: normal;
  color: #bed2df;
}
body footer.homepage-footer {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: center;
  gap: 6px;
  text-align: center;
}
footer.homepage-footer > a:first-child { justify-self: start; }
footer.homepage-footer > a:last-child { justify-self: end; }
body footer.homepage-footer .footer-normal-toggle { text-align: center; }
@media (max-width: 420px) {
  body footer.homepage-footer { font-size: 8px; }