/* /beta/ : the faint dot grid on the right side of the screen, nothing else.
   Same grid as /beta/2/: 44px tiles, accent at 22%, hidden on the left half. */
.hook > .hook__weave { display: none; }
@media (min-width: 761px) {
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--sc-accent) 22%, transparent) 1px, transparent 1.5px);
  background-size: 44px 44px; opacity: 0.5;
  -webkit-mask-image: linear-gradient(96deg, transparent 0 50%, #000 84%);
          mask-image: linear-gradient(96deg, transparent 0 50%, #000 84%);
}
}
/* Phones get no grid: a fixed masked layer can flicker while scrolling there. */
/* The grid sits behind the sections, so they must not paint over it. */
body section, .stage, .hook { background: transparent !important; }
.end { background: transparent !important; }