:root {
            --cream: #FAF8F4;
            --cocoa: #6B4F3F;
            --sage: #8FAF9F;
            --clay: #E7C6B6;
            --charcoal: #2E2E2E;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--cream);
            color: var(--charcoal);
            line-height: 1.8;
            overflow-x: hidden;
        }

        .serif { font-family: 'Cormorant Garamond', serif; }
        .lora { font-family: 'Lora', serif; }

        /* Smooth Reveal Animations */
        .reveal { opacity: 0; transform: translateY(50px); transition: all 1.4s cubic-bezier(0.19, 1, 0.22, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* Navigation Styles */
        .nav-link {
            font-size: 0.7rem;
            letter-spacing: 0.25em;
            text-transform: uppercase;
            color: rgba(46, 46, 46, 0.4);
            transition: all 0.4s ease;
            position: relative;
        }
        .nav-link:hover { color: var(--cocoa); }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--clay);
            transition: width 0.4s ease;
        }
        .nav-link:hover::after { width: 100%; }

        /* Buttons */
        .btn-gentle {
            background: var(--cocoa);
            color: white;
            padding: 1.25rem 3rem;
            border-radius: 100px;
            font-size: 0.7rem;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            font-weight: 500;
            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            display: inline-block;
            border: 1px solid transparent;
            cursor: pointer;
        }
        .btn-gentle:hover {
            background: transparent;
            color: var(--cocoa);
            border-color: var(--cocoa);
            transform: translateY(-5px);
        }

        /* Hero Image Mask */
        .hero-mask {
            clip-path: inset(0 0 0 0 round 300px 300px 20px 20px);
            transition: clip-path 1.5s ease;
        }
        .hero-mask:hover { clip-path: inset(5% 5% 5% 5% round 150px 150px 150px 150px); }

        /* Glass Cards */
        .glass-card {
            background: rgba(255, 255, 255, 0.4);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(231, 198, 182, 0.2);
            transition: all 0.6s ease;
        }
        .glass-card:hover { background: rgba(255, 255, 255, 0.8); transform: translateY(-10px); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--cream); }
        ::-webkit-scrollbar-thumb { background: var(--clay); border-radius: 10px; }

        /* Filter Active State */
        .filter-pill.active { background: var(--cocoa); color: white; border-color: var(--cocoa); }

        /* Parallax Text */
        .parallax-text {
            font-size: clamp(4rem, 15vw, 18rem);
            line-height: 0.8;
            pointer-events: none;
            color: rgba(143, 175, 159, 0.05);
            white-space: nowrap;
        }

        /* Form Fade Transition */
        .form-transition { transition: opacity 0.5s ease, transform 0.5s ease; }
        .hidden-form { opacity: 0; pointer-events: none; transform: translateY(10px); display: none; }