#app #home .main {
    overflow: hidden;

    .homepage-component {

        #cta-v1,
        .parallax-section,
        #events-v3,
        #events-e4,
        #news-n5,
        .programs-v4,
        .about-v2,
        #LF4,
        div:has(> .see-all-container) {
            position: relative;
            box-sizing: border-box;
            padding-bottom: calc(var(--tilt-height, 50px) + 50px);

            &:after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                overflow: hidden;
                line-height: 0;
                transform: rotate(180deg);
                width: 100%;
                height: var(--tilt-height, 50px);
                background-color: #fff;
                z-index: 3;
                mask-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M321.39 56.44c58-10.79 114.16-30.13 172-41.86 82.39-16.72 168.19-17.73 250.45-.39C823.78 31 906.67 72 985.66 92.83c70.05 18.48 146.53 26.09 214.34 3V0H0V27.35A600.21 600.21 0 0 0 321.39 56.44Z' class='shape-fill'%3E%3C/path%3E%3C/svg%3E");
            }

            &[style*="--bg-color:#fff"],
            &[style*="--bg-color:#ffffff"],
            &[style*="--bg-color:#FFF"],
            &[style*="--bg-color:#FFFFFF"],
            &[style*="--bg-color: #fff"],
            &[style*="--bg-color: #ffffff"],
            &[style*="--bg-color: #FFF"],
            &[style*="--bg-color: #FFFFFF"] {
                padding-bottom: 40px;

                &:after {
                    display: none;
                }
            }
        }

        #news-n5,
        #events-v3,
        #events-e4,
        .about-v2,
        #LF4,
        .programs-v4 {
            div:has(> .see-all-container) {
                &:after {
                    display: none;
                }
            }
        }

        #news-n5 {
            div:has(> .see-all-container) {
                padding-bottom: 0;
            }
        }

        div:has(> .see-all-container) div:has(> .see-all-container) {
            &:after {
                display: none;
            }
        }

        .programs-v4 .column-1,
        .parallax-section {
            padding-bottom: 0;
        }

        #about-v1 {
            &:after {
                top: unset;
                right: unset;
                opacity: 1;
            }
        }
    }
}

@media screen and (max-width: 960px) {
    #home {
        --tilt-height: 25px;
    }
}