/* Elevate track pattern. Homepage hero only. Quiet ink on paper.
   Disable: remove this file and elevate-tracks.js from index.html,
   or set data-elevate-tracks="off" on .home-hero. */

.home-hero {
  isolation: isolate;
}

.elevate-tracks {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

.elevate-tracks-canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.elevate-tracks-scrim {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      108deg,
      rgba(255, 255, 255, 0.86) 0%,
      rgba(255, 255, 255, 0.62) 34%,
      rgba(255, 255, 255, 0.28) 62%,
      rgba(255, 255, 255, 0.14) 100%
    );
}

.home-hero > .home-hero-grid {
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  .elevate-tracks-scrim {
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.8) 0%,
      rgba(255, 255, 255, 0.58) 46%,
      rgba(255, 255, 255, 0.4) 100%
    );
  }
}

@media (prefers-reduced-motion: reduce) {
  .elevate-tracks-canvas {
    opacity: 0.92;
  }
}