.srp-home-guide {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.srp-home-guide path {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 1rem rgba(117,98,207,.18));
}

.srp-home-guide--hero {
    z-index: 1;
    opacity: .62;
}

.srp-home-guide--hero path {
    stroke: url(#srp-guide-hero);
    stroke-width: 2.4;
}

.srp-home-guide--marquee {
    z-index: 1;
    opacity: .88;
}

.srp-home-guide--marquee path {
    stroke: url(#srp-guide-marquee);
    stroke-width: 2.2;
}

.srp-home-guide--contact path {
    stroke: url(#srp-guide-contact);
}

@media (max-width:39.9375rem) {
    .srp-home-guide path { stroke-width: 2.2; }
    .srp-home-guide--hero { opacity: .46; }
}

@media (prefers-reduced-motion:reduce) {
    .srp-home-guide path { stroke-dashoffset: 0!important; }
}

.srp-home-guide--hero path {
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    animation: srp-home-hero-guide 1600ms 700ms cubic-bezier(.2,.7,.2,1) forwards;
}

@keyframes srp-home-hero-guide {
    to { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion:reduce) {
    .srp-home-guide--hero path { animation: none; stroke-dashoffset: 0; }
}
