.bg-cut-out {

    position: relative;

    z-index: 0
}

.bg-cut-out .bg-cut-out-bg {

    position: absolute;

    top: 0;

    left: 0;

    height: 100vh;

    width: 100%;

    opacity: 0;

    transition-property: opacity;

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

    transition-duration: 500ms
}

.bg-cut-out.in-view .bg-cut-out-bg {

    position: sticky;

    margin-bottom: -100vh
}

.bg-cut-out.in-view-anim .bg-cut-out-bg {

    opacity: 1
}

@media (min-width: 640px) {

    .container {

        max-width: 640px
    }

    .\!container {

        max-width: 640px !important
    }
}

@media (min-width: 768px) {

    .container {

        max-width: 768px
    }

    .\!container {

        max-width: 768px !important
    }
}

@media (min-width: 1024px) {

    .container {

        max-width: 1024px
    }

    .\!container {

        max-width: 1024px !important
    }

    .gap-grid {

        gap: 2.4rem
    }
}

@media (min-width: 1280px) {

    .container {

        max-width: 1280px
    }

    .\!container {

        max-width: 1280px !important
    }
}

@media (min-width: 1536px) {

    .container {

        max-width: 1536px
    }

    .\!container {

        max-width: 1536px !important
    }
}

@media (min-width: 1800px) {

    .container {

        max-width: 1800px
    }

    .\!container {

        max-width: 1800px !important
    }
}