html { scroll-behavior: smooth; }
body { font-family: 'DM Sans', sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', Georgia, serif; }

.hero-overlay { 
    background: linear-gradient(to bottom, rgba(0,0,0,0.45), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.6)); 
}

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

.fade-in-up { 
    animation: fadeInUp 1s ease-out forwards; 
}

.nav-scrolled { 
    background: rgba(245,240,232,0.97); 
    backdrop-filter: blur(12px); 
    box-shadow: 0 1px 3px rgba(0,0,0,0.08); 
}