body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: radial-gradient(circle at center, black, transparent 75%);
}
.abyss-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent, var(--color-bg)); pointer-events: none; }
.parallax-object { will-change: transform; }