body { 
            font-family: 'Inter', sans-serif; 
            background-color: #E8E2DB; /* Soft Neutral Background */
            color: #132440; /* Deep Navy Text */
            overflow-x: hidden; 
        }
        
        h1, h2, h3, h4, h5, .serif-editorial {
            font-family: 'Roboto Slab', serif;
            font-weight: 300;
        }

        /* Large global side margins to enforce magazine feel */
        .editorial-container {
            max-width: 1400px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 2.5rem;
            padding-right: 2.5rem;
        }
        @media (min-width: 1024px) {
            .editorial-container {
                padding-left: 6rem;
                padding-right: 6rem;
            }
        }

        /* Sticky Header Scroll behavior */
        #navbar {
            transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out;
        }
        #navbar.nav-hidden {
            transform: translateY(-100%);
        }
        #navbar.scrolled {
            background-color: rgba(232, 226, 219, 0.95);
            border-bottom: 2px solid #132440;
            backdrop-filter: blur(12px);
        }

        /* Scroll Reveal transition */
        .reveal-element {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-element.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Zoom Hover Effect */
        .zoom-img-container {
            overflow: hidden;
            border: 2px solid #132440;
        }
        .zoom-img-container img {
            transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .zoom-img-container:hover img {
            transform: scale(1.06);
        }

        /* Custom scrollbar hiding */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }