/* Full hero artwork follows the supplied flowing pink/lavender/cyan reference. */
#main.hf-home > .eh-hero {
  --hg-art: url('/assets/hero-flow/flowing-gradient-desktop-v1.png');
  --hg-copy-veil: transparent;
  --hg-edge-veil: transparent;
  overflow: visible;
}
#main.hf-home > .eh-hero::before,
#main.hf-home > .eh-hero::after {
  /* Keep one uninterrupted canvas behind the existing floating navigation. */
  top: -128px;
}
#main.hf-home > .eh-hero::before {
  background-size: 100% 100%;
  background-position: center;
}
:root[data-theme=dark] #main.hf-home > .eh-hero {
  --hg-brightness: .45;
  --hg-copy-veil: color-mix(in srgb, var(--eh-bg) 88%, transparent);
  --hg-edge-veil: color-mix(in srgb, var(--eh-bg) 22%, transparent);
}
@media (max-width: 760px) {
  #main.hf-home > .eh-hero {
    --hg-art: url('/assets/hero-flow/flowing-gradient-mobile-v1.png');
  }
}