/* CASCODE — spatial network background */
.experience-canvas {
  opacity: 0 !important;
  visibility: hidden !important;
}

.cascode-network-bg {
  position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(circle at 72% 46%, rgba(14, 65, 71, .24), transparent 48%),
    radial-gradient(circle at 18% 76%, rgba(26, 45, 91, .12), transparent 42%),
    #05080c;
}

.cascode-network-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(5,8,12,.68) 0%, rgba(5,8,12,.18) 38%, rgba(5,8,12,.08) 72%, rgba(5,8,12,.35) 100%),
    linear-gradient(180deg, rgba(5,8,12,.18), transparent 28%, transparent 72%, rgba(5,8,12,.28));
}

.cascode-network-bg canvas {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.overlay,
.topbar,
.footer {
  position: relative;
  z-index: 2;
}

.topbar {
  position: fixed;
}

.section,
#portfolio.work,
.cascode-worlds,
.cascode-company,
.cascode-work-intro__inner {
  background-color: transparent !important;
}

.cascode-work-intro__inner {
  background: linear-gradient(90deg, rgba(5,8,12,.72), rgba(5,8,12,.3) 58%, rgba(5,8,12,.5)) !important;
}

@media (max-width: 860px) {
  .cascode-network-bg::after {
    background: linear-gradient(180deg, rgba(5,8,12,.18), rgba(5,8,12,.38));
  }

  .cascode-network-bg canvas {
    opacity: .88;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cascode-network-bg canvas {
    opacity: .62;
  }
}