.flux-lines-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.flux-lines-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* Site integration: projects ("Things I've built") background */
.work-flux {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 0.9;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 14%, #000 86%, transparent 100%);
}

.work-flux::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(0, 0, 0, 0) 40%, rgba(10, 13, 18, 0.55) 100%),
    radial-gradient(90% 60% at 50% 115%, rgba(10, 13, 18, 0.75), rgba(10, 13, 18, 0) 70%);
}

html.no-flux .work-flux {
  display: none;
}