#ambient-background {
  position: fixed;
  inset: 0;
  z-index: -998;
  width: 100%;
  height: 100%;
  pointer-events: none;
  animation: none;
}

.read-mode #ambient-background {
  visibility: hidden;
}

#hero-rain {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  animation: none;
}

#page-header.full_page #site-info,
#page-header.full_page #scroll-down {
  z-index: 2;
}

@media (prefers-reduced-motion: reduce) {
  #ambient-background,
  #hero-rain {
    display: none;
  }
}