:root {
            --brand-green: #A8BBA3;
            --brand-pink: #FFCEE3;
            --brand-grey: #57595B;
        }

        body {
            font-family: 'Arimo', sans-serif;
            background-color: #ffffff;
            color: var(--brand-grey);
            overflow-x: hidden;
        }

        .serif-heading {
            font-family: 'Bodoni Moda', serif;
            letter-spacing: -0.02em;
        }

        /* Layout Margins */
        .editorial-container {
            padding-left: 6vw;
            padding-right: 6vw;
        }

        /* Nav Links */
        .nav-item {
            color: var(--brand-green);
            font-size: 11px;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            font-weight: 500;
            transition: opacity 0.3s ease;
            position: relative;
        }
        .nav-item::after {
            content: '';
            position: absolute;
            width: 0;
            height: 1px;
            bottom: -2px;
            left: 0;
            background: var(--brand-green);
            transition: width 0.3s ease;
        }
        .nav-item:hover::after { width: 100%; }

        /* Multipage system */
        .page-content { display: none; }
        .page-content.active { display: block; animation: fadeIn 1s ease forwards; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Marquee */
        @keyframes marqueeScroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .marquee-wrapper {
            border-top: 1px solid black;
            border-bottom: 1px solid black;
            padding: 2rem 0;
            overflow: hidden;
        }
        .marquee-track {
            display: flex;
            white-space: nowrap;
            animation: marqueeScroll 30s linear infinite;
        }

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

        /* Split Section Scroll */
        .custom-scroll-container {
            height: 500px;
            overflow-y: auto;
        }

        /* Search & Cart Overlays */
        .side-panel {
            position: fixed;
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            max-width: 450px;
            background: white;
            z-index: 2000;
            transform: translateX(100%);
            transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
            box-shadow: -10px 0 30px rgba(0,0,0,0.05);
        }
        .side-panel.open { transform: translateX(0); }
        .overlay-bg {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.4);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.5s ease;
            z-index: 1999;
        }
        .overlay-bg.active { opacity: 1; pointer-events: auto; }

        /* Mobile Menu */
        #mobile-menu {
            transform: translateY(-100%);
            transition: transform 0.5s ease-in-out;
        }
        #mobile-menu.active { transform: translateY(0); }

        /* Animations */
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s ease-out; }
        .reveal.visible { opacity: 1; transform: translateY(0); }