/* The background follows the viewport, independently of the content width. */
#top {
  height: max(780px, 100dvh) !important;
}

#hero-canvas {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  aspect-ratio: auto;
  transform: none;
}

@media (max-width: 1099px) {
  #top {
    height: auto !important;
    min-height: max(780px, 100dvh);
  }
}