/* Body-level hex texture for the standard Metaplexus pages.
   Loaded AFTER /site.css + a hex tile (which defines the --hex-* vars). The hex sits on
   the body, so it shows on the page's BLACK / transparent areas and is automatically
   hidden by the opaque coloured (bluish) bands that paint over it — i.e. "black gets it,
   bluish doesn't," with no per-section rules. (The homepage uses per-section compositing
   instead, because its bands are opaque-black.) */
body {
  background-image: var(--hex-nodes), var(--hex-lattice);
  background-size: var(--hex-nodes-size), var(--hex-lattice-size);
  background-repeat: repeat, repeat;
  background-position: center top, center top;
}
/* Footer stays HEX-FREE (matches the header). The footer's own gradient can be
   translucent at the top, which lets the body-hex bleed through — give it an opaque
   base of the page bg so the texture stops at the footer. */
footer { background-color: var(--bg); }