/* Both visible margins carry artwork; the film leaves a little more room for it. */
#main.hf-home > .eh-hero {
  --hg-art: url('/assets/hero-flow/flowing-gradient-desktop-v2.png');
  padding-bottom: clamp(64px, 7vw, 112px);
}
#main.hf-home > .eh-hero .hf-theatre {
  width: min(80%, 960px);
}
@media (max-width: 760px) {
  #main.hf-home > .eh-hero {
    --hg-art: url('/assets/hero-flow/flowing-gradient-mobile-v2.png');
    padding-bottom: 64px;
  }
  #main.hf-home > .eh-hero .hf-theatre { width: 92%; }
}