/* Grid Pulse: a quiet backdrop for the remodel section only. */
[data-grid-pulse-section] {
  position: relative;
  isolation: isolate;
  --grid-pulse-cell: 24px;
  --grid-pulse-line: rgb(17 24 32 / 0.05);
  --grid-pulse-blue: #3982f2;
  --grid-pulse-lilac: #8146c4;
  --grid-pulse-apricot: #bd5b27;
  --grid-pulse-sage: #16846b;
}

[data-grid-pulse-section] > .container {
  position: relative;
  z-index: 1;
}

.grid-pulse {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background-image:
    linear-gradient(to right, var(--grid-pulse-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--grid-pulse-line) 1px, transparent 1px);
  background-size: var(--grid-pulse-cell) var(--grid-pulse-cell);
  mask-image: linear-gradient(to bottom, transparent, #000 7%, #000 92%, transparent);
}

.grid-pulse canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

[data-grid-pulse-section] .managed-heading h2,
[data-grid-pulse-section] .managed-heading p,
[data-grid-pulse-section] .remodel-scope-note {
  text-shadow: 0 0 6px #fff, 0 0 14px #fff, 0 0 30px #fff;
}

@media (prefers-reduced-motion: reduce) {
  .grid-pulse canvas { visibility: hidden; }
}