footer.footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap:var(--block-gap);
    padding: var(--block-padding);
    position: relative;
    z-index: 1;
}
footer.footer:before {
    background: var(--dark-grey);
    width: 100vw;
    height: 100%;
    position: absolute;
    top:0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: -1;
    content: "";

}
footer.footer * {
    color: var(--white);
    text-align: center;
}
.footer-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: left;
    left: 50%;
    opacity: 1;
}
.is-visible > .footer-bg {
    opacity: 1;
    transform: translate(-50%, 0%);
    filter: blur(0);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.footer-bg svg {
    opacity: 0.025;
    filter:drop-shadow(var(--engagement-shadow));
    position: relative;
    height: 100%;
}
.footer-bg svg path,
footer .logo-container svg path {
    fill:var(--white);
}
footer .logo-container {
    position: relative;
    margin-bottom: var(--s16-32);
}
footer .logo-container svg {
    width: clamp(150px, calc((250 / var(--maxWidth)) * 100vw), 250px);
    height: auto;
    max-width: 200px;
}


.footer-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    max-width: var(--medWidthPX);
    align-items: center;
    padding: 0 var(--col-gap);
    width: 100%;
    flex-wrap: wrap;
}
.footer-content-container > * {
    display: flex;
    flex-direction: row; 
    gap:var(--list-gap-wide);
    flex-wrap: wrap;
    justify-content: center;
}
footer .legals-row {
    border-top:1px solid rgba(255,255,255,0.15);
    padding:var(--s16-32) 0 0 0;
}

footer,
.footer-nav a,
footer .legal-links a {
    font-size: var(--s10-14);
}
 
footer .legal-links,
footer .legal-links a {
    display: flex;
    flex-direction: column;
    gap: var(--list-gap);
    text-decoration: none;
}
footer .legal-links {
    flex-direction: row;
    gap:var(--list-gap-wide);
    flex-wrap: wrap;
    justify-content: center;
}
footer .legal-links a {
    white-space: nowrap;
}
footer a:hover {
    text-decoration: underline;
}

/* animations */
/* [observe-on-scroll] .logo-container {
    transform: translateY(-50%) translateX(-50%);
    will-change: opacity, margin, filter;
    transition: 
        opacity var(--anim-duration) var(--anim-easing),
        filter var(--anim-duration) var(--anim-easing);
    opacity: 1;
    filter: blur(0);
}
[observe-on-scroll] .logo-container a.footer-logo {
    opacity: 0;
    transform: translateY(var(--anim-distance));
    filter: blur(10px);
    will-change: opacity, transform, filter;
    transition: 
        opacity var(--anim-duration) var(--anim-easing),
        transform var(--anim-duration) var(--anim-easing),
        filter var(--anim-duration) var(--anim-easing);
}
.is-visible .logo-container a.footer-logo   {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
} */
/* /animations */