/* ===========================================
   KONFECTOR — Animations
   =========================================== */

/* ============ KEYFRAMES ============ */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes scaleIn {
    from {
        opacity: 0;
        transform: scale(0.92);
    }

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

@keyframes pulse {

    0%,
    100% {
        opacity: 0.5;
    }

    50% {
        opacity: 0.8;
    }
}

@keyframes float {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

/* ============ SCROLL-REVEAL CLASSES ============ */
/* Applied by IntersectionObserver in animations.js */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered children */
.reveal-stagger>* {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out);
}

.reveal-stagger.visible>*:nth-child(1) {
    transition-delay: 0s;
}

.reveal-stagger.visible>*:nth-child(2) {
    transition-delay: 0.08s;
}

.reveal-stagger.visible>*:nth-child(3) {
    transition-delay: 0.16s;
}

.reveal-stagger.visible>*:nth-child(4) {
    transition-delay: 0.24s;
}

.reveal-stagger.visible>*:nth-child(5) {
    transition-delay: 0.32s;
}

.reveal-stagger.visible>*:nth-child(6) {
    transition-delay: 0.4s;
}

.reveal-stagger.visible>* {
    opacity: 1;
    transform: translateY(0);
}

/* Slide variants */
.reveal-left {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}

.reveal-right {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}

.reveal-left.visible,
.reveal-right.visible {
    opacity: 1;
    transform: translateX(0);
}

/* Scale variant */
.reveal-scale {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}

.reveal-scale.visible {
    opacity: 1;
    transform: scale(1);
}