:root {
            --pearl: #FDFCFB;
            --nude: #F9F5F2;
            --champagne: #F1E5D1;
            --charcoal: #121212;
            --gold: #B5935A;
        }

        body {
            background-color: var(--pearl);
            color: var(--charcoal);
            font-family: 'Montserrat', sans-serif;
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .font-serif { font-family: 'Cormorant Garamond', serif; }
        .font-cursive { font-family: 'Petit Formal Script', cursive; }

        /* Smooth Reveal System */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: var(--pearl); }
        ::-webkit-scrollbar-thumb { background: var(--gold); }

        /* Navigation Styles */
        nav { transition: all 0.6s ease; }
        nav.scrolled { background: rgba(253, 252, 251, 0.98); padding: 1.5rem 2rem !important; border-bottom: 1px solid rgba(0,0,0,0.05); }

        /* Page Layout */
        .page { display: none; }
        .page.active { display: block; }

        /* Cart Drawer */
        #cart-drawer {
            position: fixed;
            right: -100%;
            top: 0;
            width: 100%;
            max-width: 450px;
            height: 100vh;
            background: white;
            z-index: 2000;
            transition: right 0.6s cubic-bezier(0.82, 0.01, 0.15, 1);
            box-shadow: -20px 0 50px rgba(0,0,0,0.05);
        }
        #cart-drawer.open { right: 0; }

        /* Search Overlay */
        #search-overlay {
            position: fixed;
            inset: 0;
            background: white;
            z-index: 3000;
            display: none;
            flex-direction: column;
            padding: 10% 10%;
            opacity: 0;
            transition: opacity 0.4s ease;
        }
        #search-overlay.open { display: flex; opacity: 1; }

        .btn-editorial {
            font-size: 0.75rem;
            letter-spacing: 0.25em;
            text-transform: uppercase;
            padding: 1.2rem 2.5rem;
            border: 1px solid var(--charcoal);
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
            display: inline-block;
        }
        .btn-editorial:hover { color: white; background: var(--charcoal); }

        .image-container { overflow: hidden; position: relative; }
        .image-container img { transition: transform 2.5s ease; }
        .image-container:hover img { transform: scale(1.05); }

        /* Storytelling Elements */
        .vertical-line { width: 1px; height: 150px; background: var(--charcoal); opacity: 0.2; margin: 0 auto; }
        .chapter-number { font-size: 10rem; opacity: 0.03; font-family: serif; position: absolute; z-index: -1; top: -50px; }

        /* Modal Content Management */
        .modal-content-area { max-height: 70vh; overflow-y: auto; padding-right: 20px; }
    .modal-content-area h4::before {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background: rgba(0,0,0,0.2);
    margin-bottom: 12px;
}
#stories-page p {
    line-height: 1.8;
}

#stories-page h2 {
    color: #111;
    font-weight: 500;
}