/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 18 2026 | 19:25:51 */
/* ==========================================
   MB REVEAL SYSTEM
   ========================================== */

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


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

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


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

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


/* ==========================================
   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);
}


/* ==========================================
   EXPAND
   Fade + letter-spacing expansion

   Class:
   mb-reveal mb-expand
   ========================================== */

.mb-reveal.mb-expand{
    transform:none;
    letter-spacing:-2px;
    will-change:opacity, letter-spacing;
}


/* ==========================================
   SOFT FOCUS
   Blur gently resolves into focus

   Class:
   mb-reveal mb-focus
   ========================================== */

.mb-reveal.mb-focus{
    transform:none;
    filter:blur(5px);
    will-change:opacity, filter;
}


/* ==========================================
   SETTLE
   Slight scale + vertical movement

   Class:
   mb-reveal mb-settle
   ========================================== */

.mb-reveal.mb-settle{
    transform:translate3d(0, 8px, 0) scale(.985);
    transform-origin:center center;
    will-change:opacity, transform;
}


/* ==========================================
   CONTRACT
   Wide tracking settles to normal

   Class:
   mb-reveal mb-contract
   ========================================== */

.mb-reveal.mb-contract{
    transform:none;
    letter-spacing:3px;
    will-change:opacity, letter-spacing;
}


/* ==========================================
   CLIP
   Reveals through a vertical mask

   Class:
   mb-reveal mb-clip
   ========================================== */

.mb-reveal.mb-clip{
    transform:none;
    clip-path:inset(100% 0 0 0);
    will-change:opacity, clip-path;
}


/* ==========================================
   SOFT DRIFT
   Small diagonal movement

   Class:
   mb-reveal mb-drift
   ========================================== */

.mb-reveal.mb-drift{
    transform:translate3d(-10px, 6px, 0);
    will-change:opacity, transform;
}


/* ==========================================
   LIFT + FOCUS
   Small upward movement + blur

   Class:
   mb-reveal mb-lift-focus
   ========================================== */

.mb-reveal.mb-lift-focus{
    transform:translate3d(0, 10px, 0);
    filter:blur(3px);
    will-change:opacity, transform, filter;
}


/* ==========================================
   CLIP RISE
   Mask reveal + subtle upward movement

   Class:
   mb-reveal mb-clip-rise
   ========================================== */

.mb-reveal.mb-clip-rise{
    transform:translate3d(0, 12px, 0);
    clip-path:inset(100% 0 0 0);
    will-change:opacity, transform, clip-path;
}


/* ==========================================
   ACTIVE BASE 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;
}

.mb-reveal.mb-focus.is-in{
    animation-name:mbRevealFocus;
    animation-duration:1000ms;
}

.mb-reveal.mb-settle.is-in{
    animation-name:mbRevealSettle;
    animation-duration:1000ms;
}

.mb-reveal.mb-contract.is-in{
    animation-name:mbRevealContract;
    animation-duration:1100ms;
    animation-timing-function:ease-out;
}

.mb-reveal.mb-clip.is-in{
    animation-name:mbRevealClip;
    animation-duration:900ms;
}

.mb-reveal.mb-drift.is-in{
    animation-name:mbRevealDrift;
    animation-duration:1100ms;
}

.mb-reveal.mb-lift-focus.is-in{
    animation-name:mbRevealLiftFocus;
    animation-duration:1000ms;
}

.mb-reveal.mb-clip-rise.is-in{
    animation-name:mbRevealClipRise;
    animation-duration:1000ms;
}


/* ==========================================
   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
   ========================================== */

/* UP */

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

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


/* DOWN */

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

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


/* LEFT */

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

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


/* RIGHT */

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

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


/* SCALE */

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

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


/* EXPAND */

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

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


/* SOFT FOCUS */

@keyframes mbRevealFocus{
    from{
        opacity:0;
        filter:blur(5px);
    }

    to{
        opacity:1;
        filter:blur(0);
    }
}


/* SETTLE */

@keyframes mbRevealSettle{
    from{
        opacity:0;
        transform:translate3d(0, 8px, 0) scale(.985);
    }

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


/* CONTRACT */

@keyframes mbRevealContract{
    from{
        opacity:0;
        letter-spacing:3px;
    }

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


/* CLIP */

@keyframes mbRevealClip{
    from{
        opacity:0;
        clip-path:inset(100% 0 0 0);
    }

    to{
        opacity:1;
        clip-path:inset(0 0 0 0);
    }
}


/* SOFT DRIFT */

@keyframes mbRevealDrift{
    from{
        opacity:0;
        transform:translate3d(-10px, 6px, 0);
    }

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


/* LIFT + FOCUS */

@keyframes mbRevealLiftFocus{
    from{
        opacity:0;
        transform:translate3d(0, 10px, 0);
        filter:blur(3px);
    }

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


/* CLIP RISE */

@keyframes mbRevealClipRise{
    from{
        opacity:0;
        transform:translate3d(0, 12px, 0);
        clip-path:inset(100% 0 0 0);
    }

    to{
        opacity:1;
        transform:translate3d(0, 0, 0);
        clip-path:inset(0 0 0 0);
    }
}


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

@media (prefers-reduced-motion:reduce){

    .mb-reveal{
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
        filter:none !important;
        clip-path:none !important;
        letter-spacing:normal !important;
    }
	
}

	/* ==========================================
   MB REVEAL BREAKPOINT OVERRIDES
   ========================================== */

/* MOBILE ONLY */
@media (max-width:767px){
    .mb-reveal.mb-no-mobile{
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
        filter:none !important;
        clip-path:none !important;
        letter-spacing:normal !important;
        transition:none !important;
        will-change:auto !important;
    }
}

/* TABLET ONLY */
@media (min-width:768px) and (max-width:1024px){
    .mb-reveal.mb-no-tablet{
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
        filter:none !important;
        clip-path:none !important;
        letter-spacing:normal !important;
        transition:none !important;
        will-change:auto !important;
    }
}

/* DESKTOP ONLY */
@media (min-width:1025px){
    .mb-reveal.mb-no-desktop{
        opacity:1 !important;
        transform:none !important;
        animation:none !important;
        filter:none !important;
        clip-path:none !important;
        letter-spacing:normal !important;
        transition:none !important;
        will-change:auto !important;
    }
}

/* ==========================================
   QUICK FADE REVEAL
   Fast opacity + slow movement
   ========================================== */

.mb-reveal.mb-quick-fade.is-in{
    animation-name:mbRevealQuickFade;
}

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

    17%{
        opacity:1;
    }

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