/* Canvas grid sits behind the hero content and never blocks its controls. */
.b2-hero-grid {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(169, 167, 161, .075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(169, 167, 161, .075) 1px, transparent 1px);
  background-size: clamp(76px, 7vw, 132px) clamp(76px, 7vw, 132px);
}

.b2-hero-grid.is-ready {
  background-image: none;
}