/* Match the VisCode page's Bootstrap 3 typography, widths, and spacing. */
.project-heading { text-align: center; padding: 0; margin: 0; }
.affiliations { font-size: 20px; }
.venue { text-align: center; color: #a40; font-size: 20px; }
.media-block { width: 1000px; margin: 0 auto; }
/* Hide the PDF's lower white border without changing the original asset. */
.teaser-link { display: block; aspect-ratio: 5177 / 2209; overflow: hidden; }
.teaser { display: block; width: 1000px; height: auto; }
.figure-caption { margin-top: 8px; }
.video-block { text-align: center; }
.video-block video { vertical-align: baseline; }
.paper-link { font-size: 20px; }
.paper-icon-space { display: inline-block; margin: 10px; }
/* Preserve desktop geometry while making the same page usable on phones. */
@media (max-width: 1019px) {
  .media-block { width: calc(100% - 30px); }
  .teaser { width: 100%; }
  .video-block video { max-width: 100%; height: auto; aspect-ratio: 3 / 2; }
}
@media (max-width: 480px) {
  h1 { font-size: 28px; }
  .affiliations, .venue { font-size: 18px; }
}