/* ==============================
   REVEAL ENGINE (POOF edition)
================================ */

/* base hidden state */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    filter: blur(6px);
    will-change: opacity, transform, filter;
    transition:
        opacity 0.7s ease,
        transform 0.7s ease,
        filter 0.7s ease;
}

/* directions */
.reveal-left {
    transform: translateX(-32px);
}

.reveal-right {
    transform: translateX(32px);
}

/* zoom-in */
.reveal-zoom {
    transform: scale(0.92);
}

/* combined modifiers (direction + zoom if needed) */
.reveal-left.reveal-zoom {
    transform: translateX(-32px) scale(0.92);
}

.reveal-right.reveal-zoom {
    transform: translateX(32px) scale(0.92);
}

.reveal.reveal-zoom {
    transform: translateY(24px) scale(0.92);
}

/* visible state */
.reveal.active {
    opacity: 1;
    transform: translate(0, 0) scale(1);
    filter: blur(0);
}

/* delays */
.reveal-delay-100 { transition-delay: 100ms; }
.reveal-delay-150 { transition-delay: 150ms; }
.reveal-delay-200 { transition-delay: 200ms; }
.reveal-delay-300 { transition-delay: 300ms; }
.reveal-delay-400 { transition-delay: 400ms; }
.reveal-delay-500 { transition-delay: 500ms; }

.hero .reveal {
	filter: none;
}