body { background-color: #FDFBF7; color: #2D241E; scroll-behavior: smooth; }
        
        .editorial-shadow { box-shadow: 0 20px 50px rgba(45, 36, 30, 0.08); }
        
        .reveal { opacity: 0; transform: translateY(20px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

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

        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeIn 0.8s ease-out; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

        .drawer { transform: translateX(100%); transition: transform 0.6s cubic-bezier(0.83, 0, 0.17, 1); }
        .drawer.open { transform: translateX(0); }
        
        .modal-overlay { opacity: 0; pointer-events: none; transition: 0.4s; background: rgba(26, 26, 26, 0.3); backdrop-filter: blur(8px); }
        .modal-overlay.active { opacity: 1; pointer-events: auto; }

        .vintage-btn { border: 1px solid #2D241E; padding: 0.75rem 2rem; transition: all 0.3s; }
        .vintage-btn:hover { background: #2D241E; color: #FDFBF7; }

        .filter-chip.active { background: #2D241E; color: #FDFBF7; border-color: #2D241E; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #FDFBF7; }
        ::-webkit-scrollbar-thumb { background: #2D241E; }