/* The footer wordmark (every main page). Pairs with js/footer-word.v3.js. v3: the dots glow. */
.site-foot--full.has-word{ position: relative; overflow: hidden; }
.site-foot--full.has-word > *:not(.foot-glow){ position: relative; z-index: 1; }

/* a cool glow rising from the bottom of the footer, under everything */
.foot-glow{
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(125% 125% at 50% 10%, transparent 52%, rgba(186,208,255,.13) 100%);
}

/* the halftone word: the footer's full width, sitting on its bottom edge, which crops it */
.foot-halftone{
  margin: 8px calc(var(--section-x) * -1) 0;
  touch-action: pan-y;
  cursor: crosshair;
  user-select: none; -webkit-user-select: none;
}
.foot-halftone canvas{ display: block; width: 100%; height: 100%; }
/* a soft silver-blue glow around the dots: a tight halo for the shine, a wide one for the bloom */
.foot-halftone canvas{ filter: drop-shadow(0 0 3px rgba(222,232,255,.55)) drop-shadow(0 0 20px rgba(150,185,255,.32)); }