/* Brighter background that spans the full viewport width behind the main
   "middle" content sections on every page. Uses a 100vw pseudo-element so
   the band stretches edge-to-edge regardless of the section's own width
   constraints, and no visible border/seam appears. */
:root {
  --mid-bg: #10131a;
}

.integ-section {
  position: relative;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.integ-section::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  top: -120px;
  bottom: -120px;
  background-color: var(--mid-bg);
  z-index: -1;
  pointer-events: none;
  border: 0;
  outline: 0;
  box-shadow: none;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0,
    rgba(0, 0, 0, 0.6) 70px,
    #000 140px,
    #000 calc(100% - 140px),
    rgba(0, 0, 0, 0.6) calc(100% - 70px),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0,
    rgba(0, 0, 0, 0.6) 70px,
    #000 140px,
    #000 calc(100% - 140px),
    rgba(0, 0, 0, 0.6) calc(100% - 70px),
    transparent 100%
  );
}