:root {
            --sage: #94a684;
            --sage-dark: #7a8d6a;
            --sage-light: #e4e9de;
            --sand: #f5f2ed;
            --mist: #dae3e5;
            --charcoal: #2c2c2c;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--sand);
            color: var(--charcoal);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .heading-serif { font-family: 'Cormorant Garamond', serif; }
        .heading-sans { font-family: 'Manrope', sans-serif; letter-spacing: -0.02em; }

        /* Smooth Reveal System */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1.4s cubic-bezier(0.2, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        .glass-nav {
            background: rgba(245, 242, 237, 0.85);
            backdrop-filter: blur(15px);
            border-bottom: 1px solid rgba(148, 166, 132, 0.08);
        }

        /* Hero Parallax Elements */
        .hero-bg {
            background: linear-gradient(135deg, #dae3e5 0%, #f5f2ed 50%, #e4e9de 100%);
            background-size: 400% 400%;
            animation: gradient-flow 15s ease infinite;
        }

        @keyframes gradient-flow {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* Custom Zen Buttons */
        .btn-zen {
            position: relative;
            padding: 1rem 2.8rem;
            border-radius: 100px;
            overflow: hidden;
            transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .btn-zen::before {
            content: '';
            position: absolute;
            inset: 0;
            background: var(--charcoal);
            transform: scaleX(0);
            transform-origin: right;
            transition: transform 0.5s ease;
            z-index: -1;
        }
        .btn-zen:hover::before { transform: scaleX(1); transform-origin: left; }
        .btn-zen:hover { color: white; transform: translateY(-3px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }

        /* Card System */
        .zen-card {
            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            border: 1px solid rgba(0,0,0,0.03);
        }
        .zen-card:hover {
            transform: translateY(-12px);
            background: white;
            box-shadow: 0 40px 80px rgba(148, 166, 132, 0.1);
            border-color: var(--sage);
        }

        /* Specialized Animations */
        .logo-rotate { animation: rotate-slow 25s linear infinite; }
        @keyframes rotate-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

        .floating { animation: float 6s ease-in-out infinite; }
        @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0px); } }

        /* Filter Pills */
        .filter-pill {
            padding: 0.6rem 1.8rem;
            border-radius: 50px;
            font-size: 0.75rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            border: 1px solid rgba(0,0,0,0.05);
            background: white;
            transition: 0.4s;
        }
        .filter-pill.active { background: var(--sage); color: white; border-color: var(--sage); }

        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--sand); }
        ::-webkit-scrollbar-thumb { background: var(--sage); border-radius: 10px; }