/* Hero Animations - Elegant Keyframes */
@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.85);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes expandWidth {
    0% {
        opacity: 0;
        width: 0;
        transform: scaleX(0);
    }
    100% {
        opacity: 1;
        width: clamp(100px, 25vw, 200px);
        transform: scaleX(1);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
        animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    40% {
        transform: translateX(-50%) translateY(-12px);
        animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }
    60% {
        transform: translateX(-50%) translateY(-6px);
    }
}

@keyframes venueBounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    40% {
        transform: translateY(-12px);
        animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    }
    60% {
        transform: translateY(-6px);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Bunny Animations */
@keyframes bunnyReveal {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    60% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes bunnyNose {
    0%, 100% {
        transform: translateX(0);
    }
    30% {
        transform: translateX(2px);
    }
    60% {
        transform: translateX(-1px);
    }
}

/* Koi Fish Swimming Animation */
@keyframes koiSwim {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(6px) rotate(2deg);
    }
    50% {
        transform: translateY(0) rotate(0deg);
    }
    75% {
        transform: translateY(6px) rotate(-2deg);
    }
}