/* bg-orbs.css */
:root {
  --orbOpacity: 0.42;
  --orbGlowBoost: 1.0;
  --orbTrailAlpha: 0.08;
}

.topAtmos {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: -28px;
}

/* .bgCanvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;

  opacity: var(--orbOpacity);
  z-index: 0;

  mix-blend-mode: screen;
} */

.bgCanvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;

  opacity: var(--orbOpacity);
  z-index: 0;

  mix-blend-mode: screen;
}
.siteHeader,
.page {
  position: relative;
  z-index: 1;
}



.topAtmos > *:not(.bgCanvas) {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --orbOpacity: 0.22;
    --orbTrailAlpha: 0.14;
  }
}