.parallax-footer {
    position: relative;
    height: min-content;
    overflow: visible;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    z-index: 5;
    font-family: sans-serif;
    color: var(--textColor);
    background: linear-gradient(to top, var(--primaryColor) 50%, var(--backgroundColor) 50%);
    /* background: linear-gradient(45deg, var(--primaryColor) 50%, var(--backgroundColor) 50%); */


    margin-top: 3%;
}

.parallax-track {
    position: absolute;
    top: 10%;
    right: 2%;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5%;
    z-index: 01;
}

.movie-poster {
    width: 15%;
    aspect-ratio: 1;
    border-radius: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    transform: translateY(calc(var(--scroll-offset) * var(--speed)));
    transition: transform 0.1s cubic-bezier(0.1, 0.8, 0.3, 1);
}

.movie-1 {
    --speed: 0;
    background: linear-gradient(135deg, #ff0844, #ffb199);
}

.movie-2 {
    --speed: -0.18;
    background: linear-gradient(135deg, #65799b, #5e256d);
}

.movie-3 {
    --speed: -0.08;
    background: linear-gradient(135deg, #f6d365, #fda085);
}

.movie-4 {
    --speed: -0.15;
    background: linear-gradient(135deg, #11998e, #38ef7d);
}

.movie-5 {
    --speed: -0.19;
    background: linear-gradient(135deg, #1e3c72, #2a5298);
}

.footer-content {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 2% 4% 0% 4%;
    z-index: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


.dcTechLogo {
    height: 5vh;
    position: relative;
    left: 4%;
    padding-top: 2%;
}

.footer-content-column {
    width: 100%;
    height: 100%;
    padding: 0 2.5%;
}

.footer-content .footer-content-column .socialIcons {
    display: flex;
    justify-content: space-between;
    width: 30%;
    padding: 5% 5% 5% 0%;
}

.footer-content .Links {
    display: flex;
    flex-direction: column;
    gap: 2%;
    /* justify-content: space-between; */
}

.footer-copyright {
    position: relative;
    /* bottom: 0; */
    /* left: 50%; */
    text-align: center;
    /* transform: translate(-50%, 0%); */
    /* width: 100%; */
    border-top: 2px solid var(--textColor);
}

@media (max-width: 768px) {
    .parallax-footer {
        background: linear-gradient(to top, var(--primaryColor), var(--backgroundColor));
        padding-top: 5%;
    }

    .footer-content {
        flex-direction: column;
        align-items: flex-start;
        padding: 5% 6%;
    }

    .footer-content-column {
        width: 100%;
        padding: 4% 0%;
        box-sizing: border-box;
    }

    /* Uses percentage-based viewport width units for precise mobile typography scaling */
    .footer-content-column h2 {
        font-size: 6.5vw;
        margin-bottom: 3%;
    }

    .footer-content-column p,
    .footer-content-column a {
        font-size: 4.2vw;
        line-height: 1.5;
    }

    .footer-content .Links {
        gap: 3%;
    }

    /* Constrains icon area to exactly half of the available mobile width profile */
    .footer-content .footer-content-column .socialIcons {
        width: 50%;
        padding: 4% 0% 0% 0%;
    }

    .footer-content .socialIcons img {
        width: 8vw;
        height: 8vw;
    }

    .dcTechLogo {
        left: 6%;
        height: 4vh;
        padding-top: 0%;
    }

    .footer-copyright {
        margin: 5% 6% 0% 6%;
        padding: 4% 0%;
        font-size: 3.5vw;
    }

    /* Transitions tracking strip to an absolute percentage matrix layout */
    .parallax-track {
        position: relative;
        top: 0%;
        right: 0%;
        width: 100%;
        padding: 0% 6% 5% 6%;
        box-sizing: border-box;
        justify-content: space-between;
    }

    /* Distributes individual poster elements safely across small viewports */
    .movie-poster {
        width: 18%;
        font-size: 2.5vw;
        text-align: center;
        padding: 1.5%;
        box-sizing: border-box;
    }
}