/* Full-section artwork: remains behind the film until the hero ends. */
#main.hf-home > .eh-hero {
  --hg-art: url('/assets/hero-glass/glass-panels-desktop-v1.png');
  --hg-brightness: 1;
  --hg-copy-veil: color-mix(in srgb, var(--eh-bg) 38%, transparent);
  --hg-edge-veil: transparent;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--eh-bg);
}
#main.hf-home > .eh-hero::before,
#main.hf-home > .eh-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}
#main.hf-home > .eh-hero::before {
  z-index: -2;
  background-image: var(--hg-art);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: brightness(var(--hg-brightness));
}
#main.hf-home > .eh-hero::after {
  z-index: -1;
  background:
    linear-gradient(to bottom, transparent 88%, var(--eh-bg)),
    radial-gradient(ellipse at 50% 17%, var(--hg-copy-veil) 0%, var(--hg-edge-veil) 73%);
}
:root[data-theme=dark] #main.hf-home > .eh-hero {
  --hg-brightness: .48;
  --hg-copy-veil: color-mix(in srgb, var(--eh-bg) 94%, transparent);
  --hg-edge-veil: color-mix(in srgb, var(--eh-bg) 30%, transparent);
}
@media (max-width: 760px) {
  #main.hf-home > .eh-hero {
    --hg-art: url('/assets/hero-glass/glass-panels-mobile-v1.png');
  }
  #main.hf-home > .eh-hero::before {
    background-position: center bottom;
  }
}