/* -------------------- JS Fade-Up Animation Start -------------------- */
[data-animation="fade-up"] {
    opacity: 0;
    transform: translateY(20px);
    will-change: opacity, transform;
    transition:
        opacity 600ms ease-in-out,
        transform 600ms ease-in-out;
    transition-delay: var(--animation-delay, 0ms);
}
[data-animation="fade-up"].animate {
    opacity: 1;
    transform: translateY(0);
}
/* -------------------- JS Fade-Up Animation End -------------------- */
/* -------------------- JS Fade-Left Animation Start -------------------- */
[data-animation="fade-left"] {
    transform: translateX(30px);
    will-change: transform;
    transition: transform 600ms ease-in-out;
    transition-delay: var(--animation-delay, 0ms);
}
[data-animation="fade-left"].animate {
    transform: translateX(0);
}
/* -------------------- JS Fade-Left Animation End -------------------- */
/* -------------------- JS Fade-Right Animation Start -------------------- */
[data-animation="fade-right"] {
    transform: translateX(-30px);
    will-change: transform;
    transition: transform 600ms ease-in-out;
    transition-delay: var(--animation-delay, 0ms);
}
[data-animation="fade-right"].animate {
    transform: translateX(0);
}
/* -------------------- JS Fade-Right Animation End -------------------- */
/* -------------------- JS Image Reveal Animation Start -------------------- */
/* [data-animation="image-reveal"] {
    overflow: hidden;
}
[data-animation="image-reveal"] img {
    clip-path: inset(0 0 0 100%);
    transform: translateX(-30%);
    transition:
        clip-path 1000ms ease-in-out,
        transform 1000ms ease-in-out !important;
    transition-delay: var(--animation-delay, 0ms);
}
[data-animation="image-reveal"].animate img {
    transform: translateX(0);
    clip-path: inset(0);
} */
/* -------------------- JS Image Reveal Animation End -------------------- */