/* Home hero: animated canvas (rain on the windshield at a light). */
.hero--canvas { isolation: isolate; }
.hero__canvas {
  position: absolute; inset: 0; width: 100%; height: 100%;
  z-index: -2; display: block; pointer-events: none;
}
.hero__overlay {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    linear-gradient(90deg, rgba(14,26,43,.90) 0%, rgba(14,26,43,.78) 34%, rgba(14,26,43,.30) 56%, rgba(14,26,43,.12) 100%),
    linear-gradient(0deg, rgba(14,26,43,.55) 0%, rgba(14,26,43,0) 22%);
}
@media (max-width: 1023px) {
  .hero__overlay {
    background: linear-gradient(180deg, rgba(14,26,43,.35) 0%, rgba(14,26,43,.66) 30%, rgba(14,26,43,.74) 100%);
  }
}