/* Custom Styles & Utilities */
    
    html {
        scroll-behavior: smooth;
    }

    body {
        background-color: #021c11;
        color: #f8fafc;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
        width: 10px;
    }

    ::-webkit-scrollbar-track {
        background: #021c11;
    }

    ::-webkit-scrollbar-thumb {
        background: #14532d;
        border-radius: 5px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #d4a853;
    }

    /* Scroll Reveal Animation Classes */
    .reveal-on-scroll {
        opacity: 1;
        transform: translateY(0);
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .reveal-on-scroll.hidden {
        opacity: 0;
        transform: translateY(30px);
    }

    /* Mobile Menu Animation */
    #mobile-menu {
        transition: opacity 0.3s ease-in-out, visibility 0.3s;
    }
    
    #mobile-menu.open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    
    #mobile-menu.closed {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    /* Gold Gradient Text Utility */
    .bg-gold-gradient {
        background: linear-gradient(135deg, #d4a853 0%, #f3e5ab 50%, #b4923f 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

    /* Image Aspect Ratio Utilities */
    .aspect-h-4 {
        aspect-ratio: 4 / 3;
    }