/* ===== DESIGN TOKENS ===== */
        :root {
            /* Colors */
            --brand-burgundy: #5c2e2e;
            --brand-burgundy-light: #8b4545;
            --brand-burgundy-dark: #3d1f1f;
            --cream-bg: #f5f1ed;
            --cream-light: #faf8f5;
            --wood-brown: #6b4c41;
            --wood-dark: #4a3728;
            --gold-accent: #d4a574;
            --gold-light: #e8d4b8;
            --text-dark: #2c2c2c;
            --text-light: #f5f1ed;
            --text-muted: #666666;
            --border-subtle: #e8ddd6;
            
            /* Typography */
            --font-serif: 'Arvo', Georgia, serif;
            --font-body: 'Georgia', serif;
            
            /* Spacing */
            --space-xs: 0.5rem;
            --space-sm: 1rem;
            --space-md: 1.5rem;
            --space-lg: 2rem;
            --space-xl: 3rem;
            --space-2xl: 4rem;
            
            /* Radius */
            --radius: 0.25rem;
            
        }

        
        /* ===== UTILITY ANNOUNCEMENT BAR ===== */
        .announcement-bar-fpp-mi-1 {
            background-color: var(--wood-dark);
            color: var(--cream-light);
            text-align: center;
            padding: var(--space-sm);
            font-size: 0.95rem;
            letter-spacing: 0.05em;
        }

       

        .cta-header-fpp-mi-1 {
            background-color: var(--brand-burgundy);
            color: var(--cream-light);
            padding: var(--space-sm) var(--space-md);
            border-radius: var(--radius);
            font-weight: 600;
            font-size: 0.9rem;
            border: none;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.2s ease;
            letter-spacing: 0.05em;
        }

        .cta-header-fpp-mi-1:hover {
            background-color: var(--brand-burgundy-dark);
            transform: translateY(-2px);
        }

        .hamburger-fpp-mi-1 {
            display: none;
            flex-direction: column;
            cursor: pointer;
            gap: 6px;
        }

        .hamburger-fpp-mi-1 span {
            width: 25px;
            height: 3px;
            background-color: var(--text-dark);
            border-radius: 2px;
            transition: all 0.3s ease;
        }

        /* ===== HERO SECTION ===== */
        .hero-fpp-mi-1 {
            background: linear-gradient(135deg, rgba(92, 46, 46, 0.6) 0%, rgba(107, 76, 65, 0.4) 100%), url('images/hero-dining-room.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            color: var(--cream-light);
            padding: var(--space-2xl) var(--space-lg);
            text-align: center;
            min-height: 600px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        .hero-content-fpp-mi-1 {
            max-width: 700px;
            z-index: 1;
        }

        .hero-fpp-mi-1 h1 {
            font-size: 3.2rem;
            margin-bottom: var(--space-md);
            line-height: 1.1;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
        }

        .hero-subheading-fpp-mi-1 {
            font-size: 1.2rem;
            margin-bottom: var(--space-xl);
            line-height: 1.6;
            text-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
        }

        .hero-ctas-fpp-mi-1 {
            display: flex;
            gap: var(--space-md);
            justify-content: center;
            margin-bottom: var(--space-xl);
            flex-wrap: wrap;
        }

        .cta-primary-fpp-mi-1 {
            background-color: var(--gold-accent);
            color: var(--text-dark);
            padding: 1rem 2rem;
            border-radius: var(--radius);
            font-weight: 700;
            font-size: 1rem;
            border: none;
            cursor: pointer;
            transition: all 0.3s ease;
            letter-spacing: 0.05em;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        }

        .cta-primary-fpp-mi-1:hover {
            background-color: #e8d4b8;
            transform: translateY(-3px);
            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
        }

        .cta-secondary-fpp-mi-1 {
            background-color: transparent;
            color: var(--cream-light);
            padding: 1rem 2rem;
            border: 2px solid var(--cream-light);
            border-radius: var(--radius);
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            letter-spacing: 0.05em;
        }

        .cta-secondary-fpp-mi-1:hover {
            background-color: var(--cream-light);
            color: var(--brand-burgundy);
        }

        .hero-phone-fpp-mi-1 {
            font-size: 1rem;
            font-weight: 600;
            margin-bottom: var(--space-md);
        }

        .hero-phone-fpp-mi-1 a {
            color: var(--gold-accent);
            font-weight: 700;
        }

        .hero-badges-fpp-mi-1 {
            display: flex;
            gap: var(--space-md);
            justify-content: center;
            margin-bottom: var(--space-lg);
            flex-wrap: wrap;
            font-size: 0.9rem;
        }

        .badge-fpp-mi-1 {
            background-color: rgba(255, 255, 255, 0.15);
            padding: var(--space-xs) var(--space-md);
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.3);
        }

        .hero-checklist-fpp-mi-1 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: var(--space-md);
            margin-top: var(--space-xl);
            background-color: rgba(0, 0, 0, 0.2);
            padding: var(--space-lg);
            border-radius: var(--radius);
        }

        .checklist-item-fpp-mi-1 {
            display: flex;
            align-items: center;
            gap: var(--space-sm);
            font-size: 0.95rem;
            text-align: left;
        }

        .checklist-icon-fpp-mi-1 {
            width: 24px;
            height: 24px;
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: var(--gold-accent);
            color: var(--text-dark);
            border-radius: 50%;
            font-weight: 700;
            font-size: 0.8rem;
        }

        /* ===== VALUE PROPOSITION SECTION ===== */
        .value-section-fpp-mi-1 {
            background-color: var(--cream-light);
            padding: var(--space-2xl) var(--space-lg);
        }

        .section-container-fpp-mi-1 {
            max-width: 1400px;
            margin: 0 auto;
        }

        .section-heading-fpp-mi-1 {
            text-align: center;
            margin-bottom: var(--space-xl);
            color: var(--brand-burgundy);
        }

        .value-grid-fpp-mi-1 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: var(--space-lg);
        }

        .value-card-fpp-mi-1 {
            background-color: var(--cream-bg);
            padding: var(--space-lg);
            text-align: center;
            border-radius: var(--radius);
            border: 1px solid var(--border-subtle);
            transition: all 0.3s ease;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        }

        .value-card-fpp-mi-1:hover {
            box-shadow: 0 8px 20px rgba(92, 46, 46, 0.1);
            transform: translateY(-4px);
        }

        .value-icon-fpp-mi-1 {
            width: 60px;
            height: 60px;
            background-color: var(--gold-light);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto var(--space-md);
            font-size: 2.8rem;
        }

        .value-card-fpp-mi-1 h3 {
            color: var(--brand-burgundy);
            margin-bottom: var(--space-sm);
            font-size: 1.92rem;
        }

        .value-card-fpp-mi-1 p {
            color: var(--text-muted);
            font-size: 1.52rem;
            line-height: 1.6;
        }

        /* ===== THREE STEP JOURNEY SECTION ===== */
        .journey-section-fpp-mi-1 {
            background-color: var(--brand-burgundy-dark);
            color: var(--cream-light);
            padding: var(--space-2xl) var(--space-lg);
        }

        .journey-section-fpp-mi-1 h2 {
            color: var(--cream-light);
            text-align: center;
            margin-bottom: var(--space-xl);
                font-size: 3.52rem;
        }

        .journey-grid-fpp-mi-1 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: var(--space-lg);
            max-width: 1400px;
            margin: 0 auto;
        }

        .journey-card-fpp-mi-1 {
            text-align: center;
            transition: transform 0.3s ease;
        }

        .journey-card-fpp-mi-1:hover {
            transform: translateY(-8px);
        }

        .step-number-fpp-mi-1 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 70px;
            height: 70px;
            background-color: var(--gold-accent);
            color: var(--text-dark);
            font-size: 3.2rem;
            font-weight: 700;
            border-radius: 50%;
            margin-bottom: var(--space-lg);
            font-family: var(--font-serif);
        }

        .journey-image-fpp-mi-1 {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: var(--radius);
            margin-bottom: var(--space-lg);
            border: 2px solid var(--gold-accent);
        }

        .journey-card-fpp-mi-1 h3 {
            color: var(--gold-accent);
            margin-bottom: var(--space-sm);
            font-size: 2.08rem;
        }

        .journey-card-fpp-mi-1 p {
            color: rgba(245, 241, 237, 0.95);
            font-size: 1.52rem;
            line-height: 1.6;
        }

        /* ===== COLLECTIONS SECTION ===== */
        .collections-section-fpp-mi-1 {
            background-color: var(--cream-light);
            padding: var(--space-2xl) var(--space-lg);
        }

        .collections-grid-fpp-mi-1 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: var(--space-lg);
            max-width: 1400px;
            margin: 0 auto;
        }

        .collection-card-fpp-mi-1 {
            background-color: var(--cream-bg);
            border-radius: var(--radius);
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
            transition: all 0.3s ease;
            border: 1px solid var(--border-subtle);
        }

        .collection-card-fpp-mi-1:hover {
            box-shadow: 0 8px 24px rgba(92, 46, 46, 0.15);
            transform: translateY(-6px);
        }

        .collection-image-fpp-mi-1 {
               width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1;
        }

        .collection-content-fpp-mi-1 {
            padding: var(--space-lg);
        }

        .collection-content-fpp-mi-1 h3 {
            color: var(--brand-burgundy);
            margin-bottom: var(--space-sm);
        }

        .collection-content-fpp-mi-1 p {
            color: var(--text-muted);
            font-size: 1.44rem;
            margin-bottom: var(--space-md);
            line-height: 1.5;
        }
        @media only screen and (min-width: 750px) {
    h3, .h3 {
        font-size: 2.4rem;
    }
}

        .collection-link-fpp-mi-1 {
            display: inline-block;
            color: var(--brand-burgundy);
            font-weight: 600;
            font-size: 1.44rem;
            border-bottom: 2px solid var(--gold-accent);
            transition: all 0.3s ease;
        }

        .collection-link-fpp-mi-1:hover {
            color: var(--gold-accent);
            border-bottom-color: var(--brand-burgundy);
        }

        /* ===== STORY SECTION ===== */
        .story-section-fpp-mi-1 {
            background-color: var(--cream-bg);
            padding: var(--space-2xl) var(--space-lg);
        }

        .story-container-fpp-mi-1 {
           
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--space-xl);
            align-items: center;
        }

        .story-image-fpp-mi-1 {
                width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    border: 3px solid var(--gold-accent);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    justify-self: center;
    aspect-ratio: 2 / 2.5;
        }

        .story-content-fpp-mi-1 h2 {
            color: var(--brand-burgundy);
            margin-bottom: var(--space-md);
        }

        .story-content-fpp-mi-1 p {
            color: var(--text-muted);
            margin-bottom: var(--space-md);
            line-height: 1.8;
            font-size: 1rem;
        }

        .handwritten-accent-fpp-mi-1 {
            font-style: italic;
            color: var(--brand-burgundy-light);
            font-size: 1.76rem;
            margin-top: var(--space-lg);
            font-weight: 500;
        }

        .owners-names-fpp-mi-1 {
            font-weight: 700;
            color: var(--brand-burgundy);
            font-size: 1.76rem;
            margin-top: var(--space-md);
        }

        /* ===== EMAIL SIGNUP SECTION ===== */
        .email-signup-section-fpp-mi-1 {
            background-color: var(--wood-brown);
            color: var(--cream-light);
            padding: var(--space-2xl) var(--space-lg);
            text-align: center;
        }

        .email-container-fpp-mi-1 {
            max-width: 700px;
            margin: 0 auto;
        }

        .email-signup-section-fpp-mi-1 h2 {
            color: var(--gold-accent);
            margin-bottom: var(--space-md);
            font-size: 3.52rem;
        }

        .email-signup-section-fpp-mi-1 p {
            font-size: 1.6rem;
            margin-bottom: var(--space-lg);
            line-height: 1.6;
        }

        .email-form-fpp-mi-1 {
            display: flex;
            gap: var(--space-sm);
            margin-bottom: var(--space-md);
            flex-wrap: wrap;
            justify-content: center;
        }

        .email-form-fpp-mi-1 input {
            flex: 1;
            min-width: 200px;
            padding: var(--space-sm) var(--space-md);
            border: none;
            border-radius: var(--radius);
            font-size: 1rem;
            font-family: var(--font-body);
        }

        .email-form-fpp-mi-1 input::placeholder {
            color: #999;
        }

        .email-form-fpp-mi-1 button {
            background-color: var(--gold-accent);
            color: var(--text-dark);
            border: none;
            padding: var(--space-sm) var(--space-md);
            border-radius: var(--radius);
            font-weight: 700;
            cursor: pointer;
            font-size: 1rem;
            transition: all 0.3s ease;
            letter-spacing: 0.05em;
        }

        .email-form-fpp-mi-1 button:hover {
            background-color: #e8d4b8;
            transform: translateY(-2px);
        }

        .email-disclaimer-fpp-mi-1 {
            font-size: 0.85rem;
            color: rgba(245, 241, 237, 0.8);
            margin-top: var(--space-sm);
        }

        /* ===== SOCIAL SECTION ===== */
        .social-section-fpp-mi-1 {
            background-color: var(--cream-light);
            padding: var(--space-2xl) var(--space-lg);
            text-align: center;
        }

        .social-section-fpp-mi-1 h2 {
            color: var(--brand-burgundy);
            margin-bottom: var(--space-xl);
        }

        .social-grid-fpp-mi-1 {
            display: flex;
            gap: var(--space-lg);
            justify-content: center;
            flex-wrap: wrap;
            max-width: 600px;
            margin: 0 auto;
        }

        .social-card-fpp-mi-1 {
            background-color: var(--cream-bg);
            width: 120px;
            height: 120px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border-radius: var(--radius);
            border: 1px solid var(--border-subtle);
            text-decoration: none;
            color: var(--brand-burgundy);
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .social-card-fpp-mi-1:hover {
            background-color: var(--gold-light);
            transform: translateY(-6px);
            box-shadow: 0 8px 16px rgba(92, 46, 46, 0.15);
        }

        .social-icon-fpp-mi-1 {
            font-size: 2.5rem;
            margin-bottom: var(--space-xs);
        }

        .social-name-fpp-mi-1 {
            font-weight: 700;
            font-size: 0.85rem;
        }

        /* ===== FOOTER ===== */
        footer {
            background-color: var(--brand-burgundy-dark);
            color: var(--cream-light);
            padding: var(--space-lg);
            text-align: center;
            border-top: 3px solid var(--gold-accent);
        }

        .footer-content-fpp-mi-1 {
            max-width: 1400px;
            margin: 0 auto;
        }

        .footer-content-fpp-mi-1 p {
            margin-bottom: var(--space-sm);
            font-size: 0.95rem;
        }

        .footer-links-fpp-mi-1 {
            display: flex;
            gap: var(--space-lg);
            justify-content: center;
            flex-wrap: wrap;
            margin-top: var(--space-md);
            font-size: 0.9rem;
        }

        .footer-links-fpp-mi-1 a {
            color: var(--gold-accent);
            border-bottom: 1px solid transparent;
            transition: border 0.3s ease;
        }

        .footer-links-fpp-mi-1 a:hover {
            border-bottom: 1px solid var(--gold-accent);
        }

        .copyright-fpp-mi-1 {
            margin-top: var(--space-md);
            color: rgba(245, 241, 237, 0.8);
            font-size: 1.36rem;
        }
.footer-content-fpp-mi-1 p {
    font-size: 1.52rem;
}
        /* ===== RESPONSIVE DESIGN ===== */
        @media (max-width: 768px) {
            h1 { font-size: 2rem; }
            h2 { font-size: 1.6rem; }
            h3 { font-size: 1.2rem; }

            .hero-fpp-mi-1 h1 {
                font-size: 2rem;
            }

            .hero-subheading-fpp-mi-1 {
                font-size: 1rem;
            }

            .header-container-fpp-mi-1 {
                padding: var(--space-md);
            }

            

            .hamburger-fpp-mi-1 {
                display: flex;
            }

            .hero-ctas-fpp-mi-1 {
                flex-direction: column;
                align-items: center;
            }

            .cta-primary-fpp-mi-1, .cta-secondary-fpp-mi-1 {
                width: 100%;
            }

            .story-container-fpp-mi-1 {
                grid-template-columns: 1fr;
            }

            .story-image-fpp-mi-1 {
                max-width: 100%;
            }

            .email-form-fpp-mi-1 {
                flex-direction: column;
            }

            .email-form-fpp-mi-1 input,
            .email-form-fpp-mi-1 button {
                width: 100%;
            }

            .journey-grid-fpp-mi-1,
            .collections-grid-fpp-mi-1,
            .value-grid-fpp-mi-1 {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 480px) {
            .hero-fpp-mi-1 {
                padding: var(--space-lg);
                min-height: 450px;
            }

            .hero-fpp-mi-1 h1 {
                font-size: 1.5rem;
            }

            .hero-subheading-fpp-mi-1 {
                font-size: 0.95rem;
            }

            .hero-checklist-fpp-mi-1 {
                grid-template-columns: 1fr;
                padding: var(--space-md);
            }

            .cta-primary-fpp-mi-1, .cta-secondary-fpp-mi-1 {
                padding: 0.8rem 1.5rem;
                font-size: 0.9rem;
            }

            .logo-fpp-mi-1 {
                font-size: 1rem;
            }

            .section-heading-fpp-mi-1 {
                font-size: 1.5rem;
            }

            .step-number-fpp-mi-1 {
                width: 60px;
                height: 60px;
                font-size: 1.5rem;
            }

            .social-grid-fpp-mi-1 {
                gap: var(--space-md);
            }

            .social-card-fpp-mi-1 {
                width: 100px;
                height: 100px;
                font-size: 0.8rem;
            }
        }

        /* ===== ANIMATIONS ===== */
        @keyframes fadeInUp-fpp-mi-1 {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .value-card-fpp-mi-1, .journey-card-fpp-mi-1, .collection-card-fpp-mi-1 {
            animation: fadeInUp-fpp-mi-1 0.6s ease-out forwards;
        }
        h1.process-heading.text-center.font-heading {
    color: white;
}
h3.step-title.font-heading {
    color: white;
}