/* ============================================================
   smoke-background.css — Full-viewport smoke overlay
   Fixed overlay on top of page content (below nav) so smoke
   remains visible while scrolling past the hero.
   ============================================================ */

/* Hide Framer's hero-only canvas (trapped inside transformed hero) */
[data-framer-name="bg animation"] {
  display: none !important;
}

/* Full-viewport smoke overlay */
#site-smoke {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9;
  pointer-events: none;
  overflow: hidden;
}

#site-smoke canvas {
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
  opacity: 0.75;
}

html.has-site-smoke body {
  background-color: #000;
}

@media (prefers-reduced-motion: reduce) {
  #site-smoke {
    display: none !important;
  }
}