/* ============================================
   Header Entrance Animation - Sunrise Glow
   Separate file to avoid breaking main styles
   ============================================ */

/* Logo animation - rises up with golden glow pulse */
.site-logo {
    animation: sunriseGlow 1s ease both;
}

.site-logo img {
    animation: glowPulse 1.2s ease 0.2s both;
}

/* Navigation fades in after logo */
.main-nav {
    animation: fadeIn 0.6s ease 0.5s both;
}

/* Keyframe animations */
@keyframes sunriseGlow {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes glowPulse {
    0% {
        filter: drop-shadow(0 0 0 rgba(255, 180, 50, 0));
    }
    50% {
        filter: drop-shadow(0 0 25px rgba(255, 180, 50, 0.9));
    }
    100% {
        filter: drop-shadow(0 0 0 rgba(255, 180, 50, 0));
    }
}

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

/* Respect reduced motion preferences for accessibility */
@media (prefers-reduced-motion: reduce) {
    .site-logo,
    .site-logo img,
    .main-nav {
        animation: none;
    }
}