/* ============================================================
   BuildMetrx — blueprint flashlight (all pages)
   On the dark blueprint grid, the lines brighten to orange around
   the pointer. Pairs with js/blueprint-glow.js.
   ============================================================ */

.bg-blueprint {
  isolation: isolate;
}

.bg-blueprint.has-flashlight {
  position: relative;
}

.bg-blueprint.has-flashlight::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background-image:
    linear-gradient(rgba(254, 93, 1, 0.38) 1px, transparent 1px),
    linear-gradient(90deg, rgba(254, 93, 1, 0.38) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(circle 240px at var(--mx, 50%) var(--my, 50%), #000 0%, rgba(0, 0, 0, 0.35) 45%, transparent 100%);
  mask-image: radial-gradient(circle 240px at var(--mx, 50%) var(--my, 50%), #000 0%, rgba(0, 0, 0, 0.35) 45%, transparent 100%);
  transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.bg-blueprint.has-flashlight.is-lit::after {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .bg-blueprint.has-flashlight::after {
    display: none;
  }
}