@keyframes fade-in-gently {
    from {
        opacity: 0;
        filter: blur(0px);
    }
    to {
        opacity: 1;
        filter: blur(0);
    }
}

@keyframes soft-breath {
    0%, 100% {
        transform: scale(1);
        filter: blur(0);
    }
    50% {
        transform: scale(1.01);
        filter: blur(0.0px);
    }
}

/* --- Animation Classes for Specific Elements --- */

/* Main Header: "Love Symposium" */
.animate-header {
    animation: soft-breath 5s ease-in-out 0.2s infinite;
}

/* First Subheader: "An unconference..." */
.animate-subheader-1 {
    animation: soft-breath 7s ease-in-out 0.5s infinite;
}

/* Second Subheader: "The Weekend of..." */
.animate-subheader-2 {
    animation: soft-breath 6s ease-in-out 0.8s infinite;
}

@keyframes button-breath {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.02);
    }
}

.animate-button-pulse {
    animation: fade-in-gently 2.5s ease-out 0s forwards, 
               button-breath 8s ease-in-out 9s infinite;
    opacity: 0;
}

@keyframes soft-blur-pulse {
    0%, 100% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(1.1);
    }
}

@media (max-width: 767px) {
    .animate-header, .animate-subheader-1, .animate-subheader-2 {
        animation-name: soft-blur-pulse;
    }
}