/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 25 2026 | 16:53:27 */
/* ==========================================
   MB REVEAL SYSTEM
   ========================================== */

:root{
    --mb-reveal-distance:12px;
    --mb-reveal-duration:800ms;
    --mb-reveal-ease:cubic-bezier(.22,.61,.36,1);
}

/* ==========================================
   MODIFIERS
   ========================================== */

.mb-dramatic{
    --mb-reveal-distance:20px;
    --mb-reveal-duration:1500ms;
}

/* ==========================================
   HIDDEN BASE STATE
   ========================================== */

.mb-reveal{
    opacity:0;
    transform:translate3d(0, var(--mb-reveal-distance), 0);
    will-change:opacity, transform;
}

/* ==========================================
   DIRECTION MODIFIERS
   ========================================== */

.mb-reveal.mb-up{
    transform:translate3d(0, var(--mb-reveal-distance), 0);
}

.mb-reveal.mb-down{
    transform:translate3d(0, calc(var(--mb-reveal-distance) * -1), 0);
}

.mb-reveal.mb-left{
    transform:translate3d(var(--mb-reveal-distance), 0, 0);
}

.mb-reveal.mb-right{
    transform:translate3d(calc(var(--mb-reveal-distance) * -1), 0, 0);
}

.mb-reveal.mb-scale{
    transform:scale(.96);
}

/* Fade + letter-spacing expansion */
.mb-reveal.mb-expand{
    transform:none;
    letter-spacing:-2px;
    will-change:opacity, letter-spacing;
}

/* ==========================================
   ACTIVE STATE
   ========================================== */

.mb-reveal.is-in{
    animation-name:mbRevealUp;
    animation-duration:var(--mb-reveal-duration);
    animation-timing-function:var(--mb-reveal-ease);
    animation-fill-mode:forwards;
}

/* ==========================================
   ANIMATION SWAPS
   ========================================== */

.mb-reveal.mb-down.is-in{
    animation-name:mbRevealDown;
}

.mb-reveal.mb-left.is-in{
    animation-name:mbRevealLeft;
}

.mb-reveal.mb-right.is-in{
    animation-name:mbRevealRight;
}

.mb-reveal.mb-scale.is-in{
    animation-name:mbRevealScale;
}

.mb-reveal.mb-expand.is-in{
    animation-name:mbRevealExpand;
    animation-duration:900ms;
    animation-timing-function:ease-out;
}

/* ==========================================
   DELAYS
   ========================================== */

.mb-reveal.mb-d1.is-in{
    animation-delay:100ms;
}

.mb-reveal.mb-d2.is-in{
    animation-delay:200ms;
}

.mb-reveal.mb-d3.is-in{
    animation-delay:300ms;
}

.mb-reveal.mb-d4.is-in{
    animation-delay:400ms;
}

.mb-reveal.mb-d5.is-in{
    animation-delay:500ms;
}

.mb-reveal.mb-d6.is-in{
    animation-delay:600ms;
}

.mb-reveal.mb-d7.is-in{
    animation-delay:700ms;
}

.mb-reveal.mb-d8.is-in{
    animation-delay:800ms;
}

.mb-reveal.mb-d9.is-in{
    animation-delay:900ms;
}

.mb-reveal.mb-d10.is-in{
    animation-delay:1000ms;
}

.mb-reveal.mb-d11.is-in{
    animation-delay:1100ms;
}

.mb-reveal.mb-d12.is-in{
    animation-delay:1200ms;
}

.mb-reveal.mb-d13.is-in{
    animation-delay:1300ms;
}

.mb-reveal.mb-d14.is-in{
    animation-delay:1400ms;
}

/* ==========================================
   KEYFRAMES
   ========================================== */

@keyframes mbRevealUp{
    from{
        opacity:0;
        transform:translate3d(0, var(--mb-reveal-distance), 0);
    }

    to{
        opacity:1;
        transform:translate3d(0, 0, 0);
    }
}

@keyframes mbRevealDown{
    from{
        opacity:0;
        transform:translate3d(0, calc(var(--mb-reveal-distance) * -1), 0);
    }

    to{
        opacity:1;
        transform:translate3d(0, 0, 0);
    }
}

@keyframes mbRevealLeft{
    from{
        opacity:0;
        transform:translate3d(var(--mb-reveal-distance), 0, 0);
    }

    to{
        opacity:1;
        transform:translate3d(0, 0, 0);
    }
}

@keyframes mbRevealRight{
    from{
        opacity:0;
        transform:translate3d(calc(var(--mb-reveal-distance) * -1), 0, 0);
    }

    to{
        opacity:1;
        transform:translate3d(0, 0, 0);
    }
}

@keyframes mbRevealScale{
    from{
        opacity:0;
        transform:scale(.96);
    }

    to{
        opacity:1;
        transform:scale(1);
    }
}

@keyframes mbRevealExpand{
    from{
        opacity:0;
        letter-spacing:-2px;
    }

    to{
        opacity:1;
        letter-spacing:normal;
    }
}

/* ==========================================
   REDUCED MOTION
   ========================================== */

@media (prefers-reduced-motion:reduce){
    .mb-reveal{
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
    }

    .mb-reveal.mb-expand{
        letter-spacing:normal !important;
    }
}