/* Quiet architectural depth, behind the content rather than over it. */
.divisions,.about,.process,.projects,.contact{
  position:relative;
  isolation:isolate;
  background-color:#0b0e0e;
  background-image:
    radial-gradient(ellipse at 88% 22%,rgba(163,106,61,.13),transparent 58%),
    radial-gradient(ellipse at 8% 82%,rgba(111,127,124,.07),transparent 55%);
}
.divisions::before,.about::before,.process::before,.projects::before,.contact::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    repeating-linear-gradient(90deg,transparent 0,transparent 159px,rgba(199,156,108,.045) 160px,transparent 161px),
    repeating-linear-gradient(0deg,transparent 0,transparent 159px,rgba(199,156,108,.028) 160px,transparent 161px),
    linear-gradient(122deg,transparent 44%,rgba(204,158,108,.045) 44.06%,transparent 44.18%,transparent 65%,rgba(204,158,108,.03) 65.06%,transparent 65.18%);
  mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.45) 24%,#000 75%);
}
.divisions{
  background-image:
    radial-gradient(ellipse at 72% 42%,rgba(164,108,62,.15),transparent 58%),
    radial-gradient(ellipse at 5% 72%,rgba(117,135,131,.075),transparent 55%);
}
.process,.contact{background-color:#101211}
@media(max-width:700px){
  .divisions::before,.about::before,.process::before,.projects::before,.contact::before{opacity:.65}
}