#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) + 40px);

            &: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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M1200 120L0 16.48 0 0 1200 0 1200 120z' 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;
    }
}