/* Hero ground — the dark panel behind the hero on all three pages.

   Framer rendered this with a WebGL canvas mounted into an empty code-component slot.
   Measured, that canvas paints flat BAC Navy rgb(4,40,57) with a fine grain: sampled
   across the full 1402x1799 buffer every corner and the centre read exactly (4,40,57),
   with a centre-patch spread of R 4-9 (stdev 1.48). It does not animate — readPixels
   returned an identical hash at three samples 1.6s apart.

   Reproduced here as the same flat navy plus a 256px tile cut from that capture, so the
   texture is the real one rather than a lookalike. At this amplitude the tile seam is
   well below perceptual threshold. This also removes a GPU dependency: the WebGL
   version rendered differently on different hardware, a fixed image does not. */

.hero-ground {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgb(4, 40, 57);
  background-image: url("/assets/textures/hero-ground-grain.png");
  background-repeat: repeat;
  background-size: 256px 256px;
}


/* ── Hero pointer routing ───────────────────────────────────────────────────── */
/* The glyph wall is interactive: it listens for pointermove/enter/leave and click on
   its own host, and brightens the glyphs around the cursor. But the wall is the
   bottom layer of the hero, and the copy column sits over it — so across the whole
   left half of the band the pointer never reached the wall and the effect simply did
   not happen there.

   The layers above the wall are made transparent to the pointer, and the things that
   genuinely need it take it back. Ancestors set pointer-events:none, descendants can
   override it, so a button inside a transparent column is still a button.

   Deliberately NOT made transparent: .bac-glyph-wall itself, and the ground chain it
   sits in — those are what the pointer is meant to reach. */
.hero [class*="-col"],
.hero [class*="-row"],
.hero .bac-logo-rail {
  pointer-events: none;
}

.hero .bac-glyph-wall { pointer-events: auto }

.hero a,
.hero button,
.hero [role="link"],
.hero [role="button"],
.hero .bac-wired-link,
.hero .p,
.hero .p-label,
.hero .p-tile,
.hero [data-component="Button"],
.hero input,
.hero textarea,
.hero select {
  pointer-events: auto;
}