/* Custom Styles for The Attic */
    
    html {
        scroll-behavior: smooth;
    }

    body {
        /* Fallback font stack */
        font-family: 'Lato', sans-serif;
    }

    h1, h2, h3, h4, .font-serif {
        font-family: 'Playfair Display', serif;
    }

    /* Custom Gradient Animation for Hero (Optional enhancement) */
    @keyframes gradient-shift {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    /* Scroll Reveal Utility Classes (Used in HTML) */
    .scroll-trigger {
        /* Default state handled by JS, but ensure visible if JS fails */
        opacity: 1;
        transform: none;
    }
    
    /* Animation Classes */
    .animate-fade-in-up {
        animation: fadeInUp 1s ease-out forwards;
    }

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

    /* Mobile Menu Transition */
    #mobile-menu {
        transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }