        * { scroll-behavior: smooth; }
        body { background-color: #FEF3E2; color: #2D3436; font-family: 'Jost', sans-serif; overflow-x: hidden; }

        /* Navigation Transitions */
        header { transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
        .nav-scrolled { background-color: #BE5B50 !important; box-shadow: 0 10px 40px rgba(0,0,0,0.1); padding-top: 1rem !important; padding-bottom: 1rem !important; }
        .nav-scrolled .nav-link, .nav-scrolled .logo-text, .nav-scrolled i { color: white !important; }

        .nav-link { position: relative; transition: color 0.3s; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: currentColor; transition: width 0.3s ease; }
        .nav-link:hover::after { width: 100%; }

        /* Animations */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 1s cubic-bezier(0.22, 1, 0.36, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        .hero-zoom { animation: kenBurns 30s infinite alternate; }
        @keyframes kenBurns {
            from { transform: scale(1); }
            to { transform: scale(1.2); }
        }

        .floating-card { transition: all 0.4s ease; }
        .floating-card:hover { transform: translateY(-12px); box-shadow: 0 25px 50px -12px rgba(190, 91, 80, 0.25); }

        /* Multi-page Display Logic */
        .page-content { display: none; }
        .page-content.active { display: block; animation: fadeIn 0.8s ease forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* Masonry Fixes */
        .masonry-grid { column-count: 1; column-gap: 1.5rem; }
        @media (min-width: 768px) { .masonry-grid { column-count: 2; } }
        @media (min-width: 1024px) { .masonry-grid { column-count: 3; } }
        .masonry-item { break-inside: avoid; margin-bottom: 1.5rem; display: block; }

        /* Mobile Menu */
        #mobile-menu { transform: translateX(100%); transition: transform 0.4s ease-in-out; }
        #mobile-menu.active { transform: translateX(0); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #FEF3E2; }
        ::-webkit-scrollbar-thumb { background: #BE5B50; border-radius: 4px; }
