@layer base {

#app {
  position: relative;
  z-index: 10;
}

section {
  position: relative;
}

.hero-section::before {
  content: "";
  position: absolute;
  inset: -20% 0 auto 0;
  height: 800px;
  background: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.01), transparent 50%);
  filter: blur(20px);
  pointer-events: none;
  z-index: -1;
}

.human-node-section::before {
  content: "";
  position: absolute;
  inset: -10% 0 auto 0;
  height: 800px;
  background: radial-gradient(circle at 50% 50%, rgba(245, 158, 11, 0.02), transparent 50%);
  filter: blur(20px);
  pointer-events: none;
  z-index: -1;
}

.ecx-bleed,
.ecx-slabwrap,
.dep,
.dep-head {
  width: min(1296px, calc(100vw - 128px));
  margin-inline: auto;
}

.bz-day-band, .bz-qual-band, .bz-mass-fig, .il-field-band {
  width: min(1424px, 100%);
  margin-inline: auto;
}
}