LAYER STATE (computed):
  before: {'position': 'fixed', 'zIndex': '-1', 'display': 'block', 'pointerEvents': 'none', 'maskImage': 'radial-gradient(120% 90% at 50% 0%, rgb(0, 0, 0) 25%, rgba(0, 0, 0, 0) 78%)', 'backgroundSize': '44px 44px, 44px 44px', 'animation': '60s linear infinite bg-grid-drift'}
  after: {'position': 'fixed', 'zIndex': '-1', 'display': 'block', 'pointerEvents': 'none', 'animation': '14s ease-in-out infinite alternate bg-glow-breathe'}
  htmlBg: rgb(10, 14, 23)
  bodyBg: rgba(0, 0, 0, 0)
TIMELINE (t_s, body::before background-position, body::after):
  t=  0.0s  grid-pos='0.855518px 0.855518px, 0.855518px 0.855518px'  glow={'opacity': '0.654761', 'transform': 'matrix(1.00068, 0, 0, 1.00068, 0, 0)', 'animationName': 'bg-glow-breathe'}
  t=  2.8s  grid-pos='2.92103px 2.92103px, 2.92103px 2.92103px'  glow={'opacity': '0.708889', 'transform': 'matrix(1.00841, 0, 0, 1.00841, 0, 0)', 'animationName': 'bg-glow-breathe'}
  t=  5.6s  grid-pos='4.97421px 4.97421px, 4.97421px 4.97421px'  glow={'opacity': '0.815653', 'transform': 'matrix(1.02366, 0, 0, 1.02366, 0, 0)', 'animationName': 'bg-glow-breathe'}
  t=  8.4s  grid-pos='7.02747px 7.02747px, 7.02747px 7.02747px'  glow={'opacity': '0.927369', 'transform': 'matrix(1.03962, 0, 0, 1.03962, 0, 0)', 'animationName': 'bg-glow-breathe'}
  t= 11.2s  grid-pos='9.09298px 9.09298px, 9.09298px 9.09298px'  glow={'opacity': '0.990928', 'transform': 'matrix(1.0487, 0, 0, 1.0487, 0, 0)', 'animationName': 'bg-glow-breathe'}
  t= 14.0s  grid-pos='11.1462px 11.1462px, 11.1462px 11.1462px'  glow={'opacity': '0.994963', 'transform': 'matrix(1.04928, 0, 0, 1.04928, 0, 0)', 'animationName': 'bg-glow-breathe'}
  t= 16.8s  grid-pos='13.1995px 13.1995px, 13.1995px 13.1995px'  glow={'opacity': '0.940122', 'transform': 'matrix(1.04145, 0, 0, 1.04145, 0, 0)', 'animationName': 'bg-glow-breathe'}