/* ── Global Site Background ──────────────────────────────── */
/* Applied to all pages in the site. BlinkEye robot scene background. */

/* base.css sets body { background-color: var(--bg-base) } — that rule
   loads first and is what was hiding this image no matter what element
   or path it was set on. Targeting body directly, after base.css in
   the cascade, so the image paints on top of that color instead of
   being covered by a sibling/ancestor element's own opaque background. */
body {
  background-image: url('../assets/hero-bg.png') !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}