/* Shared warm cursor glow.
   Matches the homepage (index.html, via css/interactions.css): a soft orange
   light that follows the cursor and shows up over dark sections thanks to
   mix-blend-mode: screen. Loaded by the self-contained pages so the cursor
   reads the same right across the site. Paired with js/cursor-glow.js. */
.cursor-glow {
  position: fixed;
  top: 0;
  left: 0;
  width: 760px;
  height: 760px;
  margin: -380px 0 0 -380px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 72;
  opacity: 1;
  background: radial-gradient(circle, rgba(240, 158, 100, .42), rgba(226, 120, 72, .16) 40%, rgba(224, 122, 71, 0) 70%);
  mix-blend-mode: screen;
  will-change: transform;
}

@media (hover: none), (pointer: coarse) {
  .cursor-glow { display: none; }
}