:root { scroll-behavior: smooth; }
        body { background-color: #FFFFFF; color: #1A1A1A; font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; }
        
        .hero-zoom { animation: slowZoom 25s infinite alternate ease-in-out; }
        @keyframes slowZoom { from { transform: scale(1); } to { transform: scale(1.15); } }

        .reveal { opacity: 0; transform: translateY(30px); transition: all 1s cubic-bezier(0.2, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        .magazine-border { border-bottom: 1px solid rgba(26, 26, 26, 0.08); }
        .category-label { letter-spacing: 0.25em; font-size: 0.7rem; font-weight: 600; text-transform: uppercase; color: #7A7A7A; }
        
        .pull-quote-large { font-family: 'Playfair Display', serif; font-size: 2.5rem; line-height: 1.3; font-style: italic; position: relative; padding-left: 2rem; }
        .pull-quote-large::before { content: '“'; position: absolute; left: -1rem; top: -1rem; font-size: 6rem; color: #E8C77D; opacity: 0.3; }

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

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #FBF9F6; }
        ::-webkit-scrollbar-thumb { background: #E8C77D; border-radius: 10px; }

        .glass-header { background: rgba(255, 255, 255, 0.85); backdrop-filter: saturate(180%) blur(20px); }
        
        @media (max-width: 768px) {
            .pull-quote-large { font-size: 1.75rem; }
            h1 { font-size: 3rem !important; }
        }

       
       .animate-slide-left { animation: slideLeft 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
        @keyframes slideLeft { from { transform: translateX(100%); } to { transform: translateX(0); } }
        
        .animate-fade-in { animation: fadeIn 1.5s ease-out forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }