/* Hero Line Animation */

.home-page-hero {
    position: relative;
    overflow: visible;
}

.hero-title-wrapper {
    position: relative;
}

.hero-line-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200vh;
    pointer-events: none;
    z-index: 10;
}

.hero-line-path {
    /* stroke-dasharray and stroke-dashoffset set dynamically by JavaScript */
}

/* About Us Page Line Animation - Desktop only */
.page-hero {
    position: relative;
    overflow: visible;
}

.about-us-line-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300vh; /* Extra tall to ensure it reaches feature blocks */
    pointer-events: none;
    z-index: 10;
    display: none; /* Hidden by default */
}

/* Show only on desktop (992px+) */
@media (min-width: 992px) {
    .about-us-line-svg {
        display: block;
    }
}

.about-us-line-path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

/* Partners Page Line Animation - Desktop only */
.partners-line-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; /* Will be set dynamically by JavaScript */
    pointer-events: none;
    z-index: 1;
    display: none; /* Hidden by default */
}

/* Show only on desktop (992px+) */
@media (min-width: 992px) {
    .partners-line-svg {
        display: block;
    }
}

.partners-line-path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

/* Contact Us Page Line Animation - Desktop only */
.contact-us-line-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; /* Will be set dynamically by JavaScript */
    pointer-events: none;
    z-index: 1;
    display: none; /* Hidden by default */
}

/* Show only on desktop (992px+) */
@media (min-width: 992px) {
    .contact-us-line-svg {
        display: block;
    }
}

.contact-us-line-path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

/* Press Page Line Animation - Desktop only */
.press-line-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; /* Will be set dynamically by JavaScript */
    pointer-events: none;
    z-index: 1;
    display: none; /* Hidden by default */
}

/* Show only on desktop (992px+) */
@media (min-width: 992px) {
    .press-line-svg {
        display: block;
    }
}

.press-line-path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

/* Visitor Guide Page Line Animation - Desktop only */
.visitor-guide-line-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; /* Will be set dynamically by JavaScript */
    pointer-events: none;
    z-index: 1;
    display: none; /* Hidden by default */
}

/* Show only on desktop (992px+) */
@media (min-width: 992px) {
    .visitor-guide-line-svg {
        display: block;
    }
}

.visitor-guide-line-path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}

/* Planning Guide Page Line Animation - Desktop only */
.planning-guide-line-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; /* Will be set dynamically by JavaScript */
    pointer-events: none;
    z-index: 1;
    display: none; /* Hidden by default */
}

/* Show only on desktop (992px+) */
@media (min-width: 992px) {
    .planning-guide-line-svg {
        display: block;
    }
}

.planning-guide-line-path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}