.glow-orbs{position:absolute; inset:0; overflow:hidden; z-index:1; pointer-events:none;}
  #heroNet{position:absolute; inset:0; z-index:1; width:100%; height:100%; display:block; pointer-events:none;}
  .orb{position:absolute; border-radius:50%; filter:blur(100px);}
  .orb-1{width:620px; height:620px; background:var(--lav); opacity:.5; right:-120px; top:-180px;}
  .orb-2{width:480px; height:480px; background:var(--orange); opacity:.32; right:120px; bottom:-220px;}
  .orb-3{width:420px; height:420px; background:var(--pink); opacity:.22; left:8%; top:30%;}
  .orb-4{width:320px; height:320px; background:var(--lav-light); opacity:.28; left:35%; bottom:-160px;}
  @media(max-width:640px){
    .orb-1{width:380px;height:380px;} .orb-2{width:300px;height:300px;} .orb-3{width:260px;height:260px;} .orb-4{display:none;}
  }