#primary {
    /* fix vertical lines flickering issue in the navigation with backdrop-filter css prop */
    isolation: isolate
}

[data-gsap],
.grid-item {
    visibility: hidden;
    overflow-anchor: none;
    will-change: auto;
    backface-visibility: hidden;
}

.photo-animate {
    overflow: hidden;
    position: relative;
}

.photo-animate::before {
    z-index: 2;
}

.photo-animate::before,
.photo-animate::after {
    transform: translateY(-100%);
}

.photo-animate video,
.photo-animate img {
    transform: scale(2);
}

.photo-animate.in-view-animate::before,
.photo-animate.in-view-animate::after {
    transform: translateY(0);
    transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition-delay: 2s;
}

.photo-animate.in-view-animate video,
.photo-animate.in-view-animate img {
    transform: scale(1);
    transition: transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition-delay: 1.5s;
}

.photo-animate .photo-animate-overlay {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    overflow: hidden;
    z-index: 5;
    pointer-events: none;
}

.photo-animate .photo-animate-overlay::before,
.photo-animate .photo-animate-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.photo-animate .photo-animate-overlay::before {
    background-color: #333;
    transform: translateY(0);
}

.photo-animate .photo-animate-overlay::after {
    background-color: #ededed;
    transform: translateY(101%);
}

.photo-animate.in-view-animate .photo-animate-overlay::before {
    transform: translateY(101%);
    animation: photo-animate-overlay-before 1s ease-in-out;
    animation-delay: 0s;
}

.photo-animate.in-view-animate .photo-animate-overlay::after {
    animation: photo-animate-overlay-after 2s ease-in-out;
    animation-delay: 0s;
}

@keyframes photo-animate-overlay-before {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

@keyframes photo-animate-overlay-after {
    0% {
        transform: translateY(100%);
    }

    50% {
        transform: translateY(0);
    }

    to {
        transform: translateY(100%);
    }
}


.statistics .digit-strip {
    transition: transform 2s cubic-bezier(0.58, 0.02, 0.43, 0.9) !important;
}