/* Enhanced Hero Section Styles */

/* Subtle animation for background - creates a living, breathing effect */
@keyframes heroBreathing {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.hero {
    animation: heroBreathing 20s ease-in-out infinite;
}

/* Enhanced text shadow for better readability against the warm image */
.hero-title {
    text-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.3),
        0 4px 8px rgba(0, 0, 0, 0.2),
        0 8px 16px rgba(0, 0, 0, 0.1);
}

.hero-subtitle {
    text-shadow: 
        0 1px 2px rgba(0, 0, 0, 0.3),
        0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Elegant fade-in effect for the entire hero section */
@keyframes heroSectionFade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.hero {
    animation: heroSectionFade 1.5s ease-out, heroBreathing 20s ease-in-out 2s infinite;
}

/* Enhanced CTA button with golden glow effect */
.hero-btn {
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.hero-btn:hover::before {
    width: 300px;
    height: 300px;
}

.hero-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.4);
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .hero {
        background-attachment: scroll;
        animation: heroSectionFade 1.5s ease-out;
    }
}