/* Anime.js supplies the shared opacity, focus, and mobile docking values. */
:is(.ui-reveal-pending, .ui-reveal-active) :is(.top-nav, .bar--home > *, .home-secondary-copy, .foot) {
  opacity: var(--ui-reveal-opacity, 0);
  filter: blur(var(--ui-reveal-blur, 2.5px));
}

.ui-reveal-pending :is(.top-nav, .bar--home > *, .home-secondary-copy, .foot) {
  visibility: hidden;
}

@media (max-width: 760px) {
  :is(.ui-reveal-pending, .ui-reveal-active) body.is-home {
    overflow-x: clip;
  }

  :is(.ui-reveal-pending, .ui-reveal-active) .is-home .home {
    overflow-x: clip;
    overflow-y: visible;
  }

  :is(.ui-reveal-pending, .ui-reveal-active) .is-home .art {
    translate: 0 var(--wheel-reveal-offset, 0px);
  }
}

@media (prefers-reduced-motion: reduce) {
  :is(.ui-reveal-pending, .ui-reveal-active) :is(.top-nav, .bar--home > *, .home-secondary-copy, .foot) {
    opacity: 1;
    visibility: visible;
    filter: none;
  }

  :is(.ui-reveal-pending, .ui-reveal-active) .is-home .art {
    translate: none;
  }
}