/* =========================================================
   ANANDA INTERACTIVE CONTOUR OVERLAY
   Transparent canvas above the mechanical hero content.
   ========================================================= */

.ambient-background {
  position: fixed;
  inset: 0;
  z-index: 140;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
  opacity: 1;
  mix-blend-mode: normal;
  transition: opacity 420ms ease;
}

.ambient-background.is-outside-hero {
  opacity: 1;
}

#topographicCanvas {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.92;
  background: transparent;
}

@media (max-width: 700px) {
  #topographicCanvas {
    opacity: 0.76;
  }
}

@media (prefers-reduced-motion: reduce) {
  #topographicCanvas {
    opacity: 0.62;
  }
}