/* Native scrolling: html scrolls, body must NOT be a scroll container.
   overflow-x:hidden on body computes overflow-y to auto (CSS spec) and
   mouse-wheel / touch then hit the wrong element. */
html {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  height: auto !important;
  overscroll-behavior: auto !important;
}
body {
  overflow: visible !important;
  overscroll-behavior: auto !important;
  touch-action: auto !important;
  -webkit-overflow-scrolling: touch;
}
body.menu-open {
  overflow: hidden !important;
}
.hero-video,
.hero-video-bg,
.hero-overlay {
  pointer-events: none !important;
}
.nav-menu:not(.active) {
  pointer-events: none !important;
}