/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 08 2026 | 16:30:39 */
/* ==========================================
   MB TEXT REVEAL
   Scroll-Driven Character Animation
   ========================================== */

.mb-text-reveal {
    /* CONTROLS */
    --mb-text-opacity: 0.1;
    --mb-text-rise: 8px;
}

.mb-text-reveal .mb-reveal-char {
    display: inline-block;

    opacity: var(--mb-text-opacity);

    transform: translateY(var(--mb-text-rise));

    will-change: transform, opacity;
}

.mb-text-reveal .mb-reveal-space {
    white-space: pre;
}

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

/* ==========================================
   MB TEXT REVEAL — VARIATIONS
   ========================================== */

/* SUBTLE */
.mb-text-reveal.mb-text-subtle {
    --mb-text-opacity: 0.3;
    --mb-text-rise: 3px;
}

/* DRAMATIC */
.mb-text-reveal.mb-text-dramatic {
    --mb-text-opacity: 0.05;
    --mb-text-rise: 20px;
}

/* FADE ONLY */
.mb-text-reveal.mb-text-fade-only {
    --mb-text-opacity: 0.1;
    --mb-text-rise: 0px;
}

/* RISE ONLY */
.mb-text-reveal.mb-text-rise-only {
    --mb-text-opacity: 1;
    --mb-text-rise: 16px;
}

/* KEEP INDIVIDUAL WORDS TOGETHER */

.mb-text-reveal .mb-reveal-word {
    display: inline-block;
    white-space: nowrap;
}