/* The page-wide network sits below every interactive or readable surface. */
body { isolation: isolate; }
.network-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  contain: strict;
  background:
    radial-gradient(ellipse at 12% 25%, #16264b20, transparent 60%),
    radial-gradient(ellipse at 92% 85%, #24305224, transparent 55%);
}
#background-network { display: block; width: 100%; height: 100%; }
.network-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 48% 44%, #080a145c 12%, #080a1420 64%, transparent 100%);
}
main, .site-footer { position: relative; z-index: 1; }
.stats-strip { background: #0c0e19db; }
.work-section { background: #0c0e19a8; }
.stack-section { background: #0d0f1aa8; }
.stack-group { background: #0d0f1a99; }
.project-card { background-color: #101320f5; }
@media (max-width: 620px) {
  .network-background { opacity: .72; }
  .network-vignette { background: linear-gradient(90deg, #080a141a, #080a1459 45%, #080a141a); }
}