/* graph-bg.css — styles for the geometric graph background module */

.graph-bg-section {
  position: relative;
  isolation: isolate;
}

.graph-bg-section > .graph-bg-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: block;
  pointer-events: none;
}

/* When used as a fixed site-wide background */
.graph-bg-fixed {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
.graph-bg-fixed > .graph-bg-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
}

/* bottom vignette to soften where the canvas meets page content */
.graph-bg-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 220px;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(to bottom, transparent, var(--bg, #060608));
}

.graph-bg-section > *:not(.graph-bg-canvas):not(.graph-bg-fixed) {
  position: relative;
  z-index: 2;
}