:root {
            --paper: #F9F7F2;
            --ink: #1A1A1A;
            --muted: #747474;
            --accent: #A68966;
            --divider: #E5E1D8;
        }

        body {
            background-color: var(--paper);
            color: var(--ink);
            font-family: 'Montserrat', sans-serif;
            scroll-behavior: smooth;
            -webkit-font-smoothing: antialiased;
        }

        .serif { font-family: 'Cormorant Garamond', serif; }
        .serif-display { font-family: 'Playfair Display', serif; }

        /* Editorial Typography */
        .drop-cap::first-letter {
            float: left;
            font-family: 'Cormorant Garamond', serif;
            font-size: 6rem;
            line-height: 0.7;
            padding: 0.5rem 1rem 0 0;
            color: var(--accent);
        }

        /* Smooth Reveal System */
        .reveal { 
            opacity: 0; 
            transform: translateY(30px); 
            transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); 
        }
        .reveal.visible { opacity: 1; transform: translateY(0); }

        /* Navigation Styling */
        .nav-scrolled {
            background: rgba(249, 247, 242, 0.95);
            backdrop-filter: blur(10px);
            border-bottom: 1px solid var(--divider);
        }

        /* Custom Buttons */
        .btn-editorial {
            position: relative;
            padding: 1rem 2.5rem;
            font-size: 11px;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            overflow: hidden;
            transition: color 0.4s ease;
            border: 1px solid var(--ink);
        }
        .btn-editorial::before {
            content: '';
            position: absolute;
            top: 0; left: -100%;
            width: 100%; height: 100%;
            background: var(--ink);
            transition: left 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            z-index: -1;
        }
        .btn-editorial:hover { color: var(--paper); }
        .btn-editorial:hover::before { left: 0; }

        /* Quick View Modal Overlay */
        .modal-overlay {
            background: rgba(26, 26, 26, 0.4);
            backdrop-filter: blur(8px);
            opacity: 0;
            visibility: hidden;
            transition: all 0.5s ease;
        }
        .modal-overlay.active { opacity: 1; visibility: visible; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 5px; }
        ::-webkit-scrollbar-track { background: var(--paper); }
        ::-webkit-scrollbar-thumb { background: var(--accent); }

        .parallax-container { overflow: hidden; }
        .parallax-img { transition: transform 0.1s linear; }