/* GlowCursor — a fixed light layer that lives between the page backgrounds
   and the content. It is visible everywhere, but every panel, card and line
   of type paints above it, so nothing is ever washed out. */
.glow-cursor__canvas {
  position: fixed;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
  z-index: 0;
  mix-blend-mode: screen;
}

/* Let the light show over the backgrounds but below the content. The page
   keeps its rise over the intro without owning the top stacking layer. */
.page { z-index: auto; }
.sec { z-index: 1; }
.foot { position: relative; z-index: 1; }
.intro .wrap { position: relative; z-index: 1; }