@import url("journey.css");

.signal-paths path,
.network-weave path {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
}

.transformation-visual.is-experience .signal-paths path {
  stroke-dashoffset: 680;
}

.transformation-visual.is-reputation .signal-paths path,
.network-scene.is-active .network-weave path,
.no-js .signal-paths path,
.no-js .network-weave path {
  stroke-dashoffset: 0;
}

.network-contexts {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.js .network-close[data-mask-reveal] {
  clip-path: none;
}

.site-footer {
  padding-top: var(--space-5);
  background: #09090e;
}

.footer-brand p,
.footer-meta {
  color: rgba(255, 250, 247, 0.64);
  font-size: max(0.86rem, var(--step--1));
}

.footer-links a,
.social-links a {
  color: rgba(255, 250, 247, 0.76);
  font-size: max(0.88rem, var(--step--1));
}

@media (prefers-reduced-motion: reduce) {
  .signal-paths path,
  .network-weave path {
    stroke-dashoffset: 0;
  }
}