:root {
            --primary: #A03A13;
            --bg-light: #FBF6F6;
            --bg-warm: #F8F3E1;
            --text-dark: #1A1A1A;
            --glass: rgba(248, 243, 225, 0.75);
        }

        * { 
            font-family: 'Lato', sans-serif;
            scroll-behavior: smooth; 
        }

        body {
            background-color: var(--bg-light);
            color: var(--text-dark);
            overflow-x: hidden;
            line-height: 1.7;
        }

            .nav-link {
        transition: opacity 0.2s ease;
    }
    .nav-link:hover {
        opacity: 0.6;
    }


        /* CUSTOM UTILITIES */
        .bg-primary { background-color: var(--primary); }
        .text-primary { color: var(--primary); }
        .bg-warm { background-color: var(--bg-warm); }

        /* GLASSMORPHISM */
        .glass-card {
            background: var(--glass);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.4);
            box-shadow: 0 8px 32px 0 rgba(160, 58, 19, 0.05);
        }

        /* HERO ANIMATION */
        @keyframes lens-zoom {
            0% { transform: scale(1.1) rotate(0deg); }
            50% { transform: scale(1.15) rotate(1deg); }
            100% { transform: scale(1.1) rotate(0deg); }
        }

        .hero-bg {
            background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('https://i.pinimg.com/1200x/66/42/0e/66420ee3734544ef01a6fd5183ae0c92.jpg');
            background-size: cover;
            background-position: center;
            animation: lens-zoom 30s infinite ease-in-out;
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
        }

        /* NAVIGATION */
        header.sticky-nav {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1000;
            transition: all 0.5s ease;
        }
        header.scrolled {
            background: rgba(251, 246, 246, 0.95);
            backdrop-filter: blur(10px);
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            box-shadow: 0 10px 40px rgba(0,0,0,0.03);
        }

        .nav-link {
            position: relative;
            padding-bottom: 4px;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--primary);
            transition: width 0.3s ease;
        }
        .nav-link:hover::after { width: 100%; }

        /* REVEAL ANIMATIONS */
        .reveal { opacity: 0; transform: translateY(50px); transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* BUTTONS */
        .btn-primary {
            background: var(--primary);
            color: white;
            padding: 1.25rem 3rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-size: 0.75rem;
            transition: all 0.4s ease;
            display: inline-flex;
            align-items: center;
            gap: 12px;
        }
        .btn-primary:hover {
            letter-spacing: 0.25em;
            filter: brightness(1.1);
            transform: translateY(-2px);
        }

        /* CUSTOM SCROLLBAR */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--bg-light); }
        ::-webkit-scrollbar-thumb { background: var(--primary); }

        /* MASONRY OVERLAY */
        .gallery-item:hover .overlay { opacity: 1; transform: scale(1); }