/* Parallax dot layers — main content region only; chrome sits above via .site-chrome--above-parallax */

.site-parallax-region {
  position: relative;
  isolation: isolate;
}

/* Homepage: viewport-fixed dots clipped to the content band via JS */
.site-parallax-viewport {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

/* Other pages: dots scroll with the main content region */
.site-parallax-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.site-parallax-region__content {
  position: relative;
  z-index: 1;
}

.site-chrome--above-parallax {
  position: relative;
  z-index: 10;
  background-color: var(--background);
}

@media (prefers-reduced-motion: reduce) {
  .site-parallax-viewport [data-parallax-dot],
  .site-parallax-layer [data-parallax-dot] {
    animation: none;
  }
}