/* Overlay is additive; never covers buttons/links with pointer events. */
#hpdHeroSlider { position: relative; isolation: isolate; }
#hpdHeroSlider .hpd-webgl-tile-overlay {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%; height: 100%;
    z-index: 7;
    pointer-events: none !important;
    opacity: 0;
    transition: opacity .1s linear;
    contain: strict;
}
#hpdHeroSlider .hpd-webgl-tile-overlay.is-animating { opacity: 1; }
#hpdHeroSlider .hpd-banner-arrow,
#hpdHeroSlider .hpd-banner-dots,
#hpdHeroSlider .hpd-banner-progress { z-index: 12; }
@media (prefers-reduced-motion: reduce) {
  #hpdHeroSlider .hpd-webgl-tile-overlay { display: none !important; }
}