/* --- CORE ARCHITECTURE & DESIGN SYSTEM CONFIG --- */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            outline: none;
        }

        :root {
            --cream-paper: #EBE1D1;
            --soft-strawberry: #FD7979;
            --peach-cream: #FF937E;
            --cherry-red: #FF5555;
            --text-dark: #2B1F1A;
            --white: #FFFFFF;
            
            --font-editorial: 'Cormorant Garamond', serif;
            --font-body: 'Dosis', sans-serif;
            --transition-smooth: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
        }
        

        html {
            scroll-behavior: smooth;
            background-color: var(--cream-paper);
            color: var(--text-dark);
            font-family: var(--font-body);
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        body {
            background-color: var(--cream-paper);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
        }

        /* --- TYPOGRAPHY SCALE --- */
        h1, h2, h3, h4, .serif-text {
            font-family: var(--font-editorial);
            font-weight: 300;
            line-height: 1.1;
            letter-spacing: -0.01em;
        }

        p, .body-prose {
            font-family: var(--font-body);
            font-weight: 300;
            font-size: 1.25rem;
            line-height: 1.9;
            letter-spacing: 0.02em;
            margin-bottom: 2rem;
        }

        .chapter-num {
            font-family: var(--font-body);
            font-weight: 600;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.3em;
            color: var(--cherry-red);
            display: block;
            margin-bottom: 1.5rem;
        }

        .chapter-header {
            font-size: clamp(3.5rem, 7vw, 6rem);
            margin-bottom: 5rem;
            border-bottom: 1px solid rgba(43, 31, 26, 0.15);
            padding-bottom: 2rem;
        }

        /* --- MULTIPAGE MAGAZINE ROUTER LAYOUTS --- */
        .magazine-page-view {
            display: none;
            width: 100%;
            min-height: 100vh;
            padding-top: 9rem;
            flex-grow: 1;
        }

        .magazine-page-view.active-page {
            display: block;
            animation: turnPageAnimation 0.9s cubic-bezier(0.25, 1, 0.5, 1) forwards;
        }

        @keyframes turnPageAnimation {
            from { opacity: 0; transform: translateX(30px) rotateY(-2deg); }
            to { opacity: 1; transform: translateX(0) rotateY(0deg); }
        }

        /* --- CONTAINER UTILITIES --- */
        .editorial-container {
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 4rem 10rem 4rem;
        }

        .editorial-grid-2 {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 6rem;
            align-items: start;
        }

        .editorial-grid-3 {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 4rem;
        }

        .pull-quote-block {
            font-family: var(--font-editorial);
            font-style: italic;
            font-size: 2.8rem;
            line-height: 1.3;
            color: var(--cherry-red);
            padding: 4rem 0;
            margin: 4rem 0;
            border-top: 1px solid rgba(43, 31, 26, 0.1);
            border-bottom: 1px solid rgba(43, 31, 26, 0.1);
        }

        .editorial-img-frame {
            width: 100%;
            height: 700px;
            background-size: cover;
            background-position: center;
            filter: grayscale(15%) sepia(10%);
            transition: var(--transition-smooth);
            margin-bottom: 2.5rem;
            box-shadow: 0 10px 30px rgba(43, 31, 26, 0.05);
        }

        .editorial-img-frame:hover {
            filter: grayscale(0%) sepia(0%);
        }

        /* --- GLOBAL EDITORIAL HEADER --- */
        .global-editorial-nav {
            position: fixed;
            top: 0;
            height: 100px;
            left: 0;
            width: 100%;
            padding: 3rem 4rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 2000;
            background: linear-gradient(to bottom, var(--cream-paper) 80%, rgba(235, 225, 209, 0));
            transition: var(--transition-smooth);
        }

       .nav-logo {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.nav-logo img {
    height: 50px;
    width: auto;
    display: block;
    transition: transform 0.3s ease;
}

.nav-logo img:hover {
    transform: scale(1.02);
}

/* If you want a specific size like h-32 (32px height) */
.nav-logo img {
    height: 232px;
    width: auto;
}
        /* Desktop Grid - Direct link visibility, no hamburger allowed here */
        .desktop-nav-links {
            display: flex;
            gap: 2.5rem;
            list-style: none;
        }

        .desktop-nav-links a {
            font-family: var(--font-body);
            font-weight: 500;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.25em;
            text-decoration: none;
            color: var(--text-dark);
            position: relative;
            padding-bottom: 0.4rem;
            transition: var(--transition-smooth);
        }

        .desktop-nav-links a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1.5px;
            background-color: var(--cherry-red);
            transition: var(--transition-smooth);
        }

        .desktop-nav-links a.active-link::after,
        .desktop-nav-links a:hover::after {
            width: 100%;
        }

        .header-vol-marker {
            font-family: var(--font-body);
            font-weight: 600;
            font-size: 0.85rem;
            letter-spacing: 0.2em;
            border: 1px solid var(--text-dark);
            padding: 0.4rem 1rem;
        }

        /* Mobile Layout Navigation Handles */
        .mobile-hamburger-trigger {
            display: none;
            background: none;
            border: none;
            cursor: pointer;
            flex-direction: column;
            justify-content: space-between;
            width: 30px;
            height: 18px;
            z-index: 3000;
        }

        .mobile-hamburger-trigger span {
            display: block;
            width: 100%;
            height: 1.5px;
            background-color: var(--text-dark);
            transition: var(--transition-smooth);
        }

        .mobile-overlay-menu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background-color: var(--cream-paper);
            z-index: 2500;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: var(--transition-smooth);
        }

        .mobile-overlay-menu.open {
            opacity: 1;
            visibility: visible;
        }

        .mobile-overlay-links {
            list-style: none;
            text-align: center;
            display: flex;
            flex-direction: column;
            gap: 1.8rem;
        }

        .mobile-overlay-links a {
            font-family: var(--font-editorial);
            font-size: 2.8rem;
            text-decoration: none;
            color: var(--text-dark);
        }

        body.menu-active-state .mobile-hamburger-trigger span:nth-child(1) {
            transform: translateY(8px) rotate(45deg);
        }
        body.menu-active-state .mobile-hamburger-trigger span:nth-child(2) {
            transform: translateY(-8px) rotate(-45deg);
        }

        /* --- PAGE 1: HOME (EXTENDED MAGAZINE COVER STYLE) --- */
        #page-home {
            padding-top: 0;
        }

        .hero-cover-spread {
            width: 100%;
            height: 105vh;
            background: linear-gradient(rgba(43,31,26,0.15), rgba(43,31,26,0.45)), url('https://i.pinimg.com/736x/8b/64/53/8b645361f41479065f8fe7ba6b70638f.jpg') center/cover no-repeat;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            color: var(--white);
            text-align: center;
            padding: 0 2rem 12rem 2rem;
        }

        .massive-cover-title {
            font-size: clamp(4.5rem, 11vw, 10rem);
            text-transform: uppercase;
            letter-spacing: -0.03em;
            line-height: 0.85;
            margin-bottom: 5.5rem;
        }

        .cover-subtitle-text {
            font-size: 4.6rem;
            font-weight: 300;
            max-width: 800px;
            margin-bottom: 0;
            letter-spacing: 0.04em;
            font-family: var(--font-editorial);
            font-style: italic;
        }

.home-editorial-manifesto {
    position: relative;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 12rem 0;
    overflow: hidden;
}

.manifesto-background-overlay {
    position: absolute;
    top: 0;
        background-image: url('https://i.pinimg.com/736x/b5/74/ad/b574ad52ace6ba5d6fbaf509fd94a843.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 12rem 0;
    overflow: hidden;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.manifesto-inner-block {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding: 0 2rem;
}

.manifesto-header-icon {
    margin-bottom: 1.5rem;
}

.manifesto-icon {
    width: 120px;
    height: auto;
    border-radius: 50%;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.manifesto-icon:hover {
    transform: scale(1.05) rotate(3deg);
}

.manifesto-inner-block h2 {
    font-size: clamp(2.5rem, 5vw, 4rem);
    margin-bottom: 3rem;
    color: var(--text-dark);
    font-family: var(--font-editorial);
}

.body-prose {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #4A3520;
    margin-bottom: 25px;
}

.manifesto-quote-block {
    margin-top: 50px;
    padding: 30px;
    background: rgba(255,255,255,0.6);
    border-radius: 16px;
    position: relative;
    backdrop-filter: blur(2px);
}

.quote-mark {
    font-size: 4rem;
    font-family: serif;
    color: var(--cherry-red);
    opacity: 0.5;
    position: absolute;
    top: 10px;
    left: 20px;
}

.quote-mark-right {
    font-size: 4rem;
    font-family: serif;
    color: var(--cherry-red);
    opacity: 0.5;
    position: absolute;
    bottom: 10px;
    right: 20px;
    transform: rotate(180deg);
}

.manifesto-quote-block p {
    font-size: 1.3rem;
    font-style: italic;
    font-family: var(--font-editorial);
    padding: 0 40px;
    margin: 0;
    color: var(--text-dark);
}

/* Responsive */
@media (max-width: 768px) {
    .home-editorial-manifesto {
        padding: 6rem 0;
        background-attachment: scroll;
    }
    
    .manifesto-icon {
        width: 80px;
    }
    
    .manifesto-inner-block h2 {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }
    
    .body-prose {
        font-size: 0.95rem;
        line-height: 1.6;
        margin-bottom: 18px;
    }
    
    .manifesto-quote-block {
        padding: 20px;
        margin-top: 30px;
    }
    
    .quote-mark, .quote-mark-right {
        font-size: 2.5rem;
    }
    
    .manifesto-quote-block p {
        font-size: 1rem;
        padding: 0 20px;
    }
}

        /* --- PAGE 2: JOURNAL --- */
        #page-journal { background-color: var(--white); }
        .journal-long-post { margin-bottom: 15rem; }
        .journal-long-post:last-child { margin-bottom: 0; }

        /* --- PAGE 3: COLLECTIONS --- */
        #page-collections { background-color: var(--cream-paper); }
        .seasonal-giant-chapters { display: flex; flex-direction: column; gap: 18rem; }
        .season-section-block h3 { font-size: 4.5rem; text-transform: uppercase; margin-bottom: 2rem; color: var(--cherry-red); }
        .season-manifesto-list { list-style: none; margin-top: 2.5rem; }
        .season-manifesto-list li { font-family: var(--font-editorial); font-size: 2.2rem; font-style: italic; margin-bottom: 1rem; border-bottom: 1px solid rgba(43,31,26,0.08); padding-bottom: 0.5rem; }

        /* --- PAGE 4: DESSERT CHRONICLES --- */
        #page-stories { background-color: var(--soft-strawberry); color: var(--white); }
        #page-stories .chapter-header { border-color: rgba(255,255,255,0.25); }
        #page-stories .chapter-num { color: var(--text-dark); }
        .chronicle-deep-story { margin-bottom: 16rem; }
        .chronicle-deep-story h3 { font-size: 4rem; margin-bottom: 2rem; }
        .flavor-profile-tag-box { margin-top: 2.5rem; padding: 2rem; border: 1px dashed rgba(255,255,255,0.4); font-family: var(--font-editorial); font-style: italic; font-size: 1.4rem; }

        /* --- PAGE 5: BAKING CULTURE --- */
        #page-culture { background-color: var(--peach-cream); }
        .culture-essay-wrapper { display: flex; flex-direction: column; gap: 14rem; }
        .culture-essay-node { max-width: 950px; }
        .culture-essay-node:nth-child(even) { align-self: flex-end; }
        .culture-essay-node h3 { font-size: 3.5rem; margin-bottom: 2.5rem; }

        /* --- PAGE 6: THE BAKER'S TABLE --- */
        #page-bakers-table { background-color: var(--cream-paper); }
        .bakers-table-composition { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; }
        .table-text-column { display: flex; flex-direction: column; gap: 8rem; }
        .table-sticky-visuals { position: sticky; top: 12rem; height: calc(100vh - 18rem); background-size: cover; background-position: center; box-shadow: 0 15px 40px rgba(0,0,0,0.05); }
        .kitchen-intel-card h3 { font-size: 2.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--text-dark); padding-bottom: 0.75rem; }

        /* --- PAGE 7: VISUAL ESSAYS --- */
        #page-visual-essays { background-color: var(--text-dark); color: var(--white); }
        #page-visual-essays .chapter-header { border-color: rgba(255,255,255,0.15); }
        .visual-essay-immersive-stack { display: flex; flex-direction: column; gap: 12rem; }
        .massive-cinematic-frame { width: 100%; height: 90vh; background-size: cover; background-position: center; margin-bottom: 2rem; }
        .minimal-photo-caption { font-family: var(--font-editorial); font-style: italic; font-size: 1.5rem; text-align: right; opacity: 0.8; }

        /* --- PAGE 8: SWEET ARCHIVE --- */
        #page-sweet-archive { background-color: var(--white); }
        .archive-timeline-layout { display: flex; flex-direction: column; }
        .archive-timeline-row { display: grid; grid-template-columns: 350px 1fr; padding: 6rem 0; border-bottom: 1px solid rgba(43, 31, 26, 0.12); }
        .archive-timeline-row .epoch-label { font-family: var(--font-body); font-weight: 700; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.25em; color: var(--cherry-red); }
        .archive-timeline-row h3 { font-size: 3.2rem; margin-bottom: 2rem; }

        /* --- PAGE 9: TEA ROOM --- */
        #page-tea-room { background: linear-gradient(rgba(235, 225, 209, 0.93), rgba(235, 225, 209, 0.93)), url('https://i.pinimg.com/736x/25/37/5d/25375dae5f1141ec627126ac68c3f3cd.jpg') center/cover no-repeat; }
        .tearoom-pairing-matrix { display: flex; flex-direction: column; gap: 10rem; max-width: 1100px; margin: 4rem auto 0 auto; }
        .pairing-node h3 { font-size: 3rem; margin-bottom: 2rem; color: var(--cherry-red); }

        /* --- PAGE 10: SWEET LETTERS --- */
        #page-sweet-letters { background-color: var(--white); }
        .letters-epistolary-flow { max-width: 1000px; margin: 0 auto; display: flex; flex-direction: column; gap: 10rem; }
        .printed-letter-card { background-color: var(--cream-paper); padding: 6rem; position: relative; box-shadow: 0 6px 30px rgba(0,0,0,0.02); border-radius: 2px; }
        .letter-text-content { font-family: var(--font-editorial); font-size: 1.65rem; line-height: 1.85; font-style: italic; }
        .letter-author-signature { margin-top: 4rem; text-align: right; font-family: var(--font-body); text-transform: uppercase; letter-spacing: 0.2em; font-weight: 600; font-size: 1rem; color: var(--cherry-red); }

        /* --- PAGE 11: ABOUT --- */
        #page-about { background-color: var(--cream-paper); }
        .about-narrative-container { max-width: 900px; margin: 0 auto; }
        .about-narrative-container p { font-family: var(--font-editorial); font-size: 1.75rem; line-height: 1.8; margin-bottom: 3.5rem; text-align: justify; }

        /* --- PAGE 12: CONTACT --- */
        #page-contact { background-color: var(--peach-cream); padding: 9rem 0 0 0; }
        #page-contact .editorial-container { padding-bottom: 0; max-width: 100%; }
        .contact-split-interface { display: grid; grid-template-columns: 1fr 1fr; min-height: calc(100vh - 9rem); }
        .contact-invitation-left { padding: 6rem 8rem; border-right: 1px solid rgba(43,31,26,0.12); display: flex; flex-direction: column; justify-content: center; }
        .contact-form-right { padding: 6rem 8rem; display: flex; flex-direction: column; justify-content: center; }
        .letterbox-form { display: flex; flex-direction: column; gap: 3.5rem; }
        .form-editorial-row { display: flex; flex-direction: column; }
        .form-editorial-row label { font-family: var(--font-editorial); font-size: 1.5rem; margin-bottom: 0.75rem; font-style: italic; }
        .form-editorial-row input, .form-editorial-row textarea { background: transparent; border: none; border-bottom: 1px solid var(--text-dark); padding: 1rem 0; font-family: var(--font-body); font-size: 1.3rem; color: var(--text-dark); transition: var(--transition-smooth); }
        .form-editorial-row input:focus, .form-editorial-row textarea:focus { border-color: var(--cherry-red); }
        .magazine-submit-btn { background-color: var(--text-dark); color: var(--white); border: none; padding: 1.5rem 3.5rem; font-family: var(--font-body); text-transform: uppercase; letter-spacing: 0.25em; font-size: 0.95rem; font-weight: 600; cursor: pointer; align-self: flex-start; transition: var(--transition-smooth); }
        .magazine-submit-btn:hover { background-color: var(--cherry-red); }

        /* --- PAGE 13: SWEET LETTER CLUB --- */
        #page-sweet-letter-club { background-color: var(--cream-paper); text-align: center; }
        .club-envelope-center { max-width: 800px; margin: 8rem auto; }
        .club-envelope-center h2 { font-size: 4.5rem; margin-bottom: 2.5rem; }
        .club-input-dock { display: flex; gap: 1.5rem; margin-top: 5rem; }
        .club-input-dock input { flex: 1; padding: 1.5rem; border: 1px solid var(--text-dark); background: transparent; font-family: var(--font-body); font-size: 1.2rem; }

        /* --- PAGES 14, 15, 16: FULL COMPREHENSIVE LEGAL READS --- */
        .legal-editorial-spread { background-color: var(--white); }
        .legal-reading-container { max-width: 950px; margin: 0 auto; }
        .legal-section-unit { margin-bottom: 6rem; }
        .legal-section-unit h3 { font-size: 2.4rem; margin-bottom: 1.5rem; color: var(--cherry-red); }
        .legal-section-unit p { font-size: 1.2rem; color: rgba(43, 31, 26, 0.9); text-align: justify; }

        /* --- EDITORIAL MAGAZINE FOOTER --- */
        .global-magazine-footer {
            background-color: var(--cherry-red);
            color: var(--white);
            padding: 10rem 4rem 5rem 4rem;
            margin-top: auto;
        }

        .footer-matrix-grid {
            display: grid;
            grid-template-columns: 2fr repeat(3, 1fr);
            gap: 6rem;
            max-width: 1440px;
            margin: 0 auto 8rem auto;
        }

        .footer-identity-hub h3 {
            font-size: 3rem;
            margin-bottom: 2rem;
            letter-spacing: 0.02em;
        }

        .footer-nav-pillar h4 {
            font-family: var(--font-body);
            text-transform: uppercase;
            letter-spacing: 0.2em;
            font-size: 0.95rem;
            margin-bottom: 2.5rem;
            opacity: 0.8;
            font-weight: 600;
        }

        .footer-nav-pillar ul {
            list-style: none;
            display: flex; flex-direction: column; gap: 1.5rem;
        }

        .footer-nav-pillar a {
            color: var(--white);
            text-decoration: none;
            font-size: 1.2rem;
            opacity: 0.85;
            transition: var(--transition-smooth);
            cursor: pointer;
            font-family: var(--font-editorial);
        }

        .footer-nav-pillar a:hover {
            opacity: 1;
            padding-left: 6px;
        }

        .footer-epigraph-statement {
            text-align: center;
            font-family: var(--font-editorial);
            font-style: italic;
            font-size: 2.6rem;
            border-top: 1px solid rgba(255,255,255,0.2);
            padding-top: 5rem;
        }

        /* --- RESPONSIVE MEDIA MEDIA ENGINE --- */
        @media (max-width: 1150px) {
            .desktop-nav-links {
                display: none; /* Hide wide desktop menu layout completely */
            }

            .mobile-hamburger-trigger {
                display: flex; /* Activate interactive navigation overlay */
            }

            .global-editorial-nav {
                padding: 2.5rem 2rem;
            }

            .editorial-container {
                padding: 0 2rem 8rem 2rem;
            }

            .editorial-grid-2, .editorial-grid-3, .teaser-grid-row, 
            .bakers-table-composition, .archive-timeline-row, .tearoom-pairing-matrix, 
            .contact-split-interface, .footer-matrix-grid {
                grid-template-columns: 1fr !important;
                gap: 5rem;
            }

            .contact-split-interface {
                min-height: auto;
            }

            .contact-invitation-left, .contact-form-right {
                padding: 5rem 2rem;
            }

            .table-sticky-visuals {
                position: relative;
                top: 0;
                height: 450px;
            }

            .archive-timeline-row {
                padding: 3rem 0;
            }
        }
        /* ==========================================
   EXTENDED HOME PAGE STYLES
   ========================================== */

/* Hero Section Fixes */
.hero-cover-spread {
    position: relative;
    min-height: 90vh;
    background: url('https://i.pinimg.com/736x/5d/f1/11/5df1111ff59d553cc05fc205f0227a18.jpg') center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 120px 8% 80px;
}

.hero-content-wrapper {
    max-width: 900px;
    z-index: 2;
}

.hero-image-title-container {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 0;
    margin-bottom: -10px;
    position: relative;
}

.hero-icon {
    width: 500px;
    height: auto;
    position: relative;
    left: 38px;
}

.massive-cover-title {
    font-size: clamp(3rem, 8vw, 6rem);
    color: var(--white);
    line-height: 1.1;
    margin: 0;
    text-align: left;
    position: relative;
    left: -10px;
}

.title-accent {
    color: var(--cherry-red);
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.cover-subtitle-text {
    font-size: 1.2rem;
    color: #c82333;
    max-width: 600px;
    margin: 20px auto 30px;
    opacity: 0.9;
}

.hero-cta-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.cta-primary, .cta-secondary {
    padding: 12px 28px;
    border-radius: 40px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    font-family: var(--font-body);
}

.cta-primary {
    background: var(--cherry-red);
    color: white;
    border: none;
}

.cta-primary:hover {
    background: #cc4444;
    transform: translateY(-2px);
}

.cta-secondary {
    background: transparent;
    border: 2px solid white;
    color: white;
}

.cta-secondary:hover {
    background: white;
    color: var(--text-dark);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .hero-image-title-container {
        flex-direction: column;
        align-items: center;
    }
    
    .hero-icon {
        width: 120px;
        left: 0;
        transform: rotate(-5deg);
        margin-bottom: 10px;
    }
    
    .massive-cover-title {
        text-align: center;
        left: 0;
    }
}
/* Manifesto Section */
.home-editorial-manifesto {
    padding: 100px 8%;
    background: var(--cream-paper);
}

.manifesto-header-decoration {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 30px;
}

.manifesto-icon {
    width: 35px;
    height: 35px;
    opacity: 0.6;
}

.manifesto-inner-block {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.manifesto-inner-block h2 {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    margin-bottom: 30px;
    color: var(--text-dark);
}

.body-prose {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #4A3520;
    margin-bottom: 25px;
}

.manifesto-quote-block {
    margin-top: 50px;
    padding: 30px;
    background: rgba(255,255,255,0.5);
    border-radius: 16px;
    position: relative;
}

.quote-mark {
    font-size: 4rem;
    font-family: serif;
    color: var(--cherry-red);
    opacity: 0.4;
    position: absolute;
    top: 10px;
    left: 20px;
}

.quote-mark-right {
    font-size: 4rem;
    font-family: serif;
    color: var(--cherry-red);
    opacity: 0.4;
    position: absolute;
    bottom: 10px;
    right: 20px;
    transform: rotate(180deg);
}

.manifesto-quote-block p {
    font-size: 1.3rem;
    font-style: italic;
    font-family: var(--font-editorial);
    padding: 0 40px;
}

/* Teaser Grid */
.teaser-grid-row {
                background-image: url('https://i.pinimg.com/736x/8f/3b/1b/8f3b1b04010ac4da752f00a069538efd.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 12rem 0;
    overflow: hidden;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    padding: 60px 8%;
}

.teaser-node {
    padding: 30px 24px;
    background: var(--cream-paper);
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
}

.teaser-node:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 30px rgba(0,0,0,0.08);
}

.teaser-icon img {
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
}

.teaser-node span {
    font-size: 0.7rem;
    letter-spacing: 0.2em;
    color: var(--cherry-red);
    font-weight: 600;
}

.teaser-node h3 {
    font-size: 1.5rem;
    margin: 10px 0;
    color: var(--text-dark);
}

.teaser-node p {
    font-size: 0.85rem;
    color: #6B5035;
    line-height: 1.5;
    margin-bottom: 15px;
}

.teaser-link {
    font-size: 0.8rem;
    color: var(--cherry-red);
    font-weight: 600;
}

/* Feature Story */
.feature-story-block {
            background-image: url('https://i.pinimg.com/736x/8f/3b/1b/8f3b1b04010ac4da752f00a069538efd.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 12rem 0;
    overflow: hidden;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    padding: 80px 8%;
}

.feature-story-image {
    position: relative;
        width: 100%;
    height: 100%;
    overflow: hidden;
}

.feature-story-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-credit-badge {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(0,0,0,0.6);
    color: white;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.7rem;
}

.story-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.story-label img {
    width: 28px;
    height: 28px;
}

.feature-story-content h2 {
    font-size: 2.2rem;
    margin-bottom: 20px;
    color: var(--text-dark);
}

.feature-story-content p {
    font-size: 1rem;
    line-height: 1.7;
    color: #4A3520;
    margin-bottom: 18px;
}

.continue-reading {
    display: inline-block;
    color: var(--cherry-red);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid var(--cherry-red);
    padding-bottom: 4px;
}

/* Pull Quote Divider */
.pull-quote-divider {
    padding: 80px 8%;
    background: var(--cherry-red);
    color: white;
    text-align: center;
}

.pull-quote-inner {
    max-width: 800px;
    margin: 0 auto;
}

.quote-icon {
    width: 50px;
    height: 50px;
    filter: brightness(0) invert(1);
    margin-bottom: 20px;
    opacity: 0.6;
}

.pull-quote-text {
    font-size: 2rem;
    font-family: var(--font-editorial);
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 20px;
}

.pull-quote-author {
    font-size: 0.9rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    opacity: 0.7;
}

/* Visual Essay Preview */
.visual-essay-preview {

          background-image: url('https://i.pinimg.com/736x/70/92/10/709210b8470fe8e910f4e019140359c9.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 12rem 0;
    overflow: hidden;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 80px 8%;
    text-align: center;
}

.essay-header img {
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
}

.essay-header span {
    font-size: 0.7rem;
    letter-spacing: 0.2em;
    color: var(--cherry-red);
    font-weight: 600;
}

.essay-header h2 {
    font-size: 2.5rem;
    margin: 15px 0;
    color: var(--text-dark);
}

.essay-header p {
    max-width: 600px;
    margin: 0 auto 40px;
    color: #6B5035;
}

.essay-three-column {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.essay-card {
    overflow: hidden;
    transition: transform 0.3s;
}

.essay-card:hover {
    transform: scale(1.02);
}

.essay-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.essay-caption {
    padding: 15px;
    font-size: 0.85rem;
    color: #6B5035;
    font-style: italic;
    background: var(--cream-paper);
}

/* Recipe Spotlight */
.recipe-spotlight {
              background-image: url('https://i.pinimg.com/736x/71/91/66/7191662c199d078c55124223e57e693d.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 12rem 0;
    overflow: hidden;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    padding: 80px 8%;
}

.recipe-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.recipe-label img {
    width: 28px;
    height: 28px;
}

.recipe-spotlight h2 {
    font-size: 2rem;
    margin-bottom: 20px;
}

.recipe-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 25px 0;
}

.recipe-meta span {
    background: white;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 0.8rem;
    color: var(--cherry-red);
}

.recipe-link {
    color: var(--cherry-red);
    font-weight: 600;
    text-decoration: none;
}

.recipe-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    min-height: 400px;
}

/* Community Pulse */
.community-pulse {
                  background-image: url('https://i.pinimg.com/736x/dd/7a/cb/dd7acbb6500206c4dd6061351ad4878c.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 12rem 0;
    overflow: hidden;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 80px 8%;
    text-align: center;
}

.pulse-header img {
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
}

.pulse-header span {
    font-size: 0.7rem;
    letter-spacing: 0.2em;
    color: var(--cherry-red);
    font-weight: 600;
}

.pulse-header h2 {
    font-size: 2rem;
    margin: 15px 0 40px;
}

.pulse-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 40px;
}

.pulse-card {
    background: var(--cream-paper);
    border-radius: 20px;
    overflow: hidden;
    text-align: left;
}

.pulse-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.pulse-card-content {
    padding: 20px;
}

.pulse-card-content h4 {
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.pulse-card-content p {
    font-size: 0.9rem;
    line-height: 1.5;
    color: #6B5035;
    margin-bottom: 12px;
}

.pulse-author {
    font-size: 0.75rem;
    color: var(--cherry-red);
    font-weight: 600;
}

.pulse-cta button {
    background: transparent;
    border: 2px solid var(--cherry-red);
    padding: 12px 32px;
    border-radius: 40px;
    color: var(--cherry-red);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.pulse-cta button:hover {
    background: var(--cherry-red);
    color: white;
}

/* Events Workshops */
.events-workshops {
                      background-image: url('https://i.pinimg.com/736x/82/62/93/826293918ecfd0aced3a4b9c382745dd.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 12rem 0;
    overflow: hidden;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 80px 8%;
}

.events-header {
    text-align: center;
    margin-bottom: 50px;
}

.events-header img {
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
}

.events-header span {
    font-size: 0.7rem;
    letter-spacing: 0.2em;
    color: var(--cherry-red);
    font-weight: 600;
}

.events-header h2 {
    font-size: 2rem;
    margin-top: 15px;
}

.events-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 900px;
    margin: 0 auto;
}

.event-item {
    display: flex;
    gap: 25px;
    background: white;
    padding: 25px;
    border-radius: 16px;
    transition: transform 0.3s;
}

.event-item:hover {
    transform: translateX(5px);
}

.event-date {
    text-align: center;
    min-width: 80px;
    font-size: 0.8rem;
    color: var(--cherry-red);
}

.event-date strong {
    font-size: 2rem;
    display: block;
    color: var(--text-dark);
}

.event-details h4 {
    font-size: 1.2rem;
    margin-bottom: 8px;
}

.event-details p {
    font-size: 0.9rem;
    color: #6B5035;
    margin-bottom: 8px;
}

.event-location {
    font-size: 0.75rem;
    color: var(--cherry-red);
}

/* Historical Essay */
.historical-essay {
    padding: 80px 8%;
        background-image: url('https://i.pinimg.com/736x/1e/1d/32/1e1d32ace4cbab9863e66eb0cb5dfbd2.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 12rem 0;
    overflow: hidden;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;}

.historical-header {
    text-align: center;
    margin-bottom: 50px;
}

.historical-header img {
    width: 45px;
    height: 45px;
    margin-bottom: 15px;
}

.historical-header span {
    font-size: 0.7rem;
    letter-spacing: 0.2em;
    color: var(--cherry-red);
    font-weight: 600;
}

.historical-header h2 {
    font-size: 2rem;
    margin-top: 15px;
}

.historical-content {
    max-width: 900px;
    margin: 0 auto;
}

.historical-content p {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #4A3520;
    margin-bottom: 25px;
    text-align: justify;
}

/* Newsletter Block */
.home-newsletter-block {
    padding: 80px 8%;
    background: linear-gradient(135deg, #2C1810 0%, #4A2A1A 100%);
    color: white;
    text-align: center;
}

.newsletter-inner {
    max-width: 550px;
    margin: 0 auto;
}

.newsletter-icon {
    width: 60px;
    height: 60px;
    filter: brightness(0) invert(1);
    margin-bottom: 20px;
}

.newsletter-inner h3 {
    font-size: 2rem;
    margin-bottom: 15px;
}

.newsletter-inner p {
    opacity: 0.8;
    margin-bottom: 30px;
}

.newsletter-form {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.newsletter-form input {
    flex: 1;
    padding: 14px 20px;
    border: none;
    border-radius: 50px;
    font-size: 1rem;
}

.newsletter-form button {
    background: var(--cherry-red);
    color: white;
    border: none;
    padding: 0 28px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
}

.newsletter-note {
    font-size: 0.7rem;
    opacity: 0.6;
}

/* Editorial Footnotes */
.editorial-footnotes {
    padding: 60px 8% 80px;
    background: var(--cream-paper);
    border-top: 1px solid rgba(0,0,0,0.05);
}

.footnotes-content {
    max-width: 900px;
    margin: 0 auto;
}

.footnotes-content h4 {
    font-size: 0.9rem;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
}

.footnotes-content ul {
    list-style: none;
}

.footnotes-content li {
    font-size: 0.8rem;
    opacity: 0.7;
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
}

.footnotes-content li::before {
    content: "✦";
    position: absolute;
    left: 0;
    color: var(--cherry-red);
}

/* Responsive */
@media (max-width: 1024px) {
    .teaser-grid-row,
    .essay-three-column,
    .pulse-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .feature-story-block,
    .recipe-spotlight {
        grid-template-columns: 1fr;
    }
    
    .event-item {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .teaser-grid-row,
    .essay-three-column,
    .pulse-grid {
        grid-template-columns: 1fr;
    }
    
    .hero-cta-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .pull-quote-text {
        font-size: 1.3rem;
    }
    
    .newsletter-form {
        flex-direction: column;
    }
}

/* Newsletter Section with Unsubscribe */
.home-newsletter-block {
    padding: 80px 8%;
    background: linear-gradient(135deg, #2C1810 0%, #4A2A1A 100%);
    color: white;
    text-align: center;
}

.newsletter-inner {
    max-width: 550px;
    margin: 0 auto;
}

.newsletter-icon {
    width: 60px;
    height: 60px;
    filter: brightness(0) invert(1);
    margin-bottom: 20px;
}

.newsletter-inner h3 {
    font-size: 2rem;
    margin-bottom: 15px;
    font-family: var(--font-editorial);
}

.newsletter-inner > p {
    opacity: 0.8;
    margin-bottom: 30px;
}

.newsletter-form {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.newsletter-form input {
    flex: 1;
    padding: 14px 20px;
    border: none;
    border-radius: 50px;
    font-size: 1rem;
    font-family: var(--font-body);
}

.newsletter-form button {
    background: var(--cherry-red);
    color: white;
    border: none;
    padding: 0 28px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    font-family: var(--font-body);
}

.newsletter-form button:hover {
    background: #cc4444;
    transform: scale(0.98);
}

.unsubscribe-link-container {
    margin: 15px 0 10px;
}

.unsubscribe-link {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    transition: opacity 0.3s;
}

.unsubscribe-link:hover {
    color: white;
    text-decoration: underline;
}

.unsubscribe-form {
    margin-top: 20px;
    animation: slideDown 0.3s ease;
}

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

.unsubscribe-form-inner {
    background: rgba(255,255,255,0.1);
    border-radius: 60px;
    padding: 8px;
    display: flex;
    gap: 10px;
}

.unsubscribe-form-inner input {
    flex: 1;
    padding: 12px 18px;
    border: none;
    border-radius: 50px;
    font-size: 0.9rem;
    background: white;
    font-family: var(--font-body);
}

.unsubscribe-buttons {
    display: flex;
    gap: 8px;
}

.unsubscribe-btn {
    background: #dc3545;
    color: white;
    border: none;
    padding: 0 20px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    font-family: var(--font-body);
}

.unsubscribe-btn:hover {
    background: #c82333;
}

.cancel-btn {
    background: rgba(255,255,255,0.2);
    color: white;
    border: none;
    padding: 0 20px;
    border-radius: 50px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    font-family: var(--font-body);
}

.cancel-btn:hover {
    background: rgba(255,255,255,0.3);
}

.form-message {
    margin-top: 12px;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 0.85rem;
    text-align: center;
}

.success-message {
    background-color: #28a745;
    color: white;
}

.error-message {
    background-color: #dc3545;
    color: white;
}

.newsletter-note {
    font-size: 0.7rem;
    opacity: 0.6;
    margin-top: 20px;
}

#subscriberCount {
    font-weight: 600;
    color: var(--cherry-red);
}

/* Responsive */
@media (max-width: 640px) {
    .newsletter-form {
        flex-direction: column;
    }
    
    .unsubscribe-form-inner {
        flex-direction: column;
        border-radius: 30px;
        padding: 15px;
    }
    
    .unsubscribe-buttons {
        justify-content: center;
    }
    
    .unsubscribe-btn, .cancel-btn {
        padding: 10px 20px;
    }
}