/* Base Resets and Font Assignment */
        body {
            font-family: 'Inter', sans-serif;
            background-color: #FBF6E3; /* brand-cream */
            color: #3D4A1E; /* brand-dark */
            overflow-x: hidden;
        }
        h1, h2, h3, h4, h5, h6, .font-header {
            font-family: 'Fredoka', sans-serif;
        }

        /* Hardware Acceleration for Parallax */
        .will-change-transform {
            will-change: transform;
        }

        /* Scroll Reveal Animations */
        .reveal-element {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
        }
        .reveal-element.in-view {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Staggered Delay Utility */
        .delay-100 { transition-delay: 100ms; }
        .delay-200 { transition-delay: 200ms; }
        .delay-300 { transition-delay: 300ms; }
        .delay-400 { transition-delay: 400ms; }

        /* Custom Button Hover Effect */
        .btn-gold {
            background-color: #C9A227;
            color: #fff;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
            z-index: 1;
        }
        .btn-gold::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background-color: #6B7A2E;
            transition: all 0.4s ease;
            z-index: -1;
        }
        .btn-gold:hover::before {
            left: 0;
        }
        .btn-gold:hover {
            box-shadow: 0 10px 20px rgba(61, 74, 30, 0.2);
            transform: translateY(-2px);
        }

        /* Header Transition */
        #main-header {
            transition: background-color 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease;
        }
        #main-header.scrolled {
            background-color: rgba(251, 246, 227, 0.95); /* cream with opacity */
            backdrop-filter: blur(10px);
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }
                
        .hero-text-item {
            position: absolute;
            opacity: 0;
            transform: translateY(30px);
            filter: blur(6px);
            transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                        transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), 
                        filter 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            pointer-events: none;
        }

        .hero-text-item.active {
            opacity: 1;
            transform: translateY(0);
            filter: blur(0);
            pointer-events: auto;
        }

        .hero-text-item.exiting {
            opacity: 0;
            transform: translateY(-30px);
            filter: blur(6px);
        }

        /* Form Feedback Box */
        #form-feedback {
            display: none;
        }