/* Gpattern SVG hosts — presentation tokens */

.gp-process__curve {
  overflow: visible;
}

.gp-about-story__curve {
  overflow: visible;
  display: block;
}

.gp-about-story__path--base,
.gp-about-story__path--glow,
.gp-about-story__path--draw {
  transition:
    stroke-width 420ms cubic-bezier(0.22, 1, 0.36, 1),
    opacity 420ms ease,
    filter 420ms ease;
}

.gp-about-story.is-hot .gp-about-story__path--draw {
  stroke-width: 3.4;
  filter: drop-shadow(0 0 6px rgba(59, 130, 246, 0.55));
}

.gp-about-story.is-hot .gp-about-story__path--glow {
  opacity: 0.55;
  stroke-width: 9;
  animation: gp-story-line-shimmer 2.4s linear infinite;
}

@keyframes gp-story-line-shimmer {
  0% {
    stroke-dasharray: 18 14;
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dasharray: 18 14;
    stroke-dashoffset: -64;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gp-about-story.is-hot .gp-about-story__path--glow {
    animation: none;
  }

  .gp-about-story.is-hot .gp-about-story__path--draw {
    filter: none;
  }
}
