:root {
            --dark-text: #3B3B1A;
            --paper-dark: #EEE6CA;
            --paper-light: #F5EEC8;
            --accent-green: #E1ECC8;
            --white: #ffffff;
        }

        body {
            font-family: 'Open Sans', sans-serif;
            background-color: white;
            color: var(--dark-text);
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        /* Editorial Typography */
        h1, h2, h3 { line-height: 1.1; letter-spacing: -0.02em; }
        .journal-p { font-weight: 300; line-height: 1.8; color: rgba(59, 59, 26, 0.85); }

        /* Navigation Header */
        header { transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
        header.hide { transform: translateY(-100%); }

.tagline-strip {
    border-top: 1px solid rgba(59, 59, 26, 0.1);
    background: #fff;
    padding: 12px 0;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 0.4em;
    font-size: 14px; /* MOBILE DEFAULT */
}

/* Desktop huge aesthetic version */
@media (min-width: 768px) {
    .tagline-strip {
        font-size: 140px;
        letter-spacing: 0.4em;
        font-weight: 1000;
        padding: 20px 0;
    }
}
        /* Animations */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }

        .img-zoom { overflow: hidden; }
        .img-zoom img { transition: transform 1.5s ease-out; }
        .img-zoom:hover img { transform: scale(1.08); }

        /* Layout Helpers */
        .page-node { display: none; }
        .page-node.active { display: block; animation: fadeIn 0.8s ease; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

        .magazine-card { border: 1px solid rgba(59, 59, 26, 0.1); }
        
        /* Mobile Menu */
        #mobile-menu {
            transform: translateX(100%);
            transition: transform 0.4s ease-in-out;
        }
        #mobile-menu.active { transform: translateX(0); }