footer {
    margin-top: 0;
    background-color: var(--clr2);
    position: relative;
    &::before {
        content: ''; position: absolute;
        width: 100%; height: 100%;
        left: 0; right: 0;
        top: 0; bottom: 0;
        background-image: url("data:image/svg+xml, %3Csvg id='trilogy-3' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 398.82 663.94'%3E%3Cpath fill='%23fff' d='m209.31,663.94c-5.38-.56-10.75-1.17-16.13-1.68-59.15-5.69-109.84-28.45-148.83-74.39-22.43-26.42-37.19-56.72-43.99-90.79-.17-.83-.19-1.69-.36-3.21,1.68,0,3.19,0,4.71,0,31.44,0,62.88.12,94.32-.1,6.31-.05,9.84,2.47,12.91,7.84,25.69,45.01,64.29,68.93,116.38,67.28,46.13-1.46,89.89-33.64,102.45-77.06,13.09-45.23-6.2-106.18-68.84-125.38-22.81-6.99-46.2-8.32-69.82-7.78-2.68.06-5.37,0-8.28,0v-82.19c6.19,0,12.28-.17,18.37.03,56.98,1.89,109.94,17.11,158.12,48.01,14.07,9.02,26.61,19.93,38.49,31.63v229.34c-3,3-6,6-8.99,9-41.12,41.35-91.67,61.92-148.92,67.73-5.66.57-11.31,1.15-16.97,1.73h-14.64Z' style='stroke-width:0px;'/%3E%3Cpath fill='%23fff' d='m156.26,0c0,10.11-.2,19.71.04,29.29.58,23.1,1.32,46.2,2.11,69.29.1,2.88-.64,4.6-3.26,6.2-22.27,13.52-35.34,33.82-42.21,58.49-.71,2.55-1.58,3.82-4.55,3.81-34-.1-68-.07-102.01-.08-.84,0-1.68-.13-3.13-.26,3.55-32.39,14.73-61.54,33.97-87.53C65.91,40.45,110.67,10.1,156.26,0Z' style='stroke-width:0px;'/%3E%3C/svg%3E");
        opacity: 0.08;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 0;
        background-size: clamp(300px, 20vw, 364px);
    }
    .cta-section, .main-footer-section {
        padding-right: 1em !important;
        padding-left: 1em !important;
        z-index: 2;
        position: relative;
    }
    .cta-section {
        p { max-width: min(680px, 80vw); margin: 1.42em auto; }
        a:hover { background: var(--clr3); }
    }
    .main-footer-section {
        a:hover { color: var(--clr3) !important; }
    }
    img.custom-logo { filter: grayscale(1) invert(1) brightness(2); }
    hr {
        width: 100%;
        height: 1px;
        border: none !important;
        background: #1E1E1E;
    }

    ul.wp-block-navigation__container.wp-block-navigation > li > ul,
    ul.wp-block-navigation__container.wp-block-navigation > li > button {
        display: none !important;
    }
    @media screen and (max-width: 600px) {
        .main-footer-section, .logo-nav-wrap {
            display: flex;
            flex-direction: column;
        }

        .cta-section {
            h2 { font-size: 2em !important; }
            p { font-size: 1.4em !important; }
        }
    }
}