/* Subtle shared circles and the Simpless symbol over the neutral footer. */
#site_footer.site-footer.circles {
    --footer-circle-size: clamp(560px, 74vw, 1100px);
}

#site_footer .site-footer-symbol-bg {
    opacity: .1;
}

#site_footer.site-footer.circles::before,
#site_footer.site-footer.circles::after {
    content: "";
    display: block;
    position: absolute;
    inset: 58% auto auto 0;
    z-index: 0;
    width: var(--footer-circle-size);
    height: var(--footer-circle-size);
    box-sizing: border-box;
    border: 1px solid rgb(255 255 255 / .035);
    border-radius: 50%;
    background: linear-gradient(160deg, rgb(255 255 255 / .04), rgb(255 255 255 / .004));
    transform: translate(-46%, -50%);
    pointer-events: none;
}

#site_footer.site-footer.circles::before {
    transform: translate(-46%, -50%) scale(.7);
}

@media (max-width: 575px) {
    #site_footer .site-footer-symbol-bg {
        display: none;
    }

    #site_footer.site-footer.circles {
        --footer-circle-size: 520px;
    }
}