:root {
            --olive: #8A8635;
            --gold: #FFE52A;
            --white: #cd9e9e;
            --cream: #F4F1EA;
            --dark-olive: #6d6a2a;
        }

        body {
            font-family: 'Cormorant Garamond', serif;
            background-color: #cd9e9e;
            color: var(--olive);
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        /* Typography Classes */
        .cormorant-light { font-weight: 300; }
        .cormorant-regular { font-weight: 400; }
        .cormorant-semibold { font-weight: 600; }
        .cormorant-bold { font-weight: 700; }

        /* Custom UI Components */
        .hero-card {
            background: var(--olive);
            border: 1px solid #cd9e9e;
            padding: 2.5rem;
            color: #cd9e9e;
            position: relative;
            box-shadow: 0 30px 60px rgba(0,0,0,0.2);
            z-index: 40;
            transition: transform 0.3s ease;
        }
        .hero-card::before {
            content: '';
            position: absolute;
            top: 12px; left: 12px; right: 12px; bottom: 12px;
            border: 1px solid rgba(255,255,255,0.4);
            pointer-events: none;
        }
        .hero-card:hover {
            transform: scale(1.02);
        }

        .btn-gold {
            background: var(--gold);
            color: var(--olive);
            padding: 1rem 2.5rem;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            font-weight: 700;
            transition: all 0.3s ease;
            border: 1px solid var(--gold);
        }
        .btn-gold:hover {
            background: transparent;
            color: var(--gold);
        }

        /* Nav & Panels */
        #mobile-menu {
            position: fixed;
            top: 0; left: -100%;
            width: 100%; height: 100vh;
            background: var(--olive);
            color: white;
            z-index: 1000;
            transition: 0.5s cubic-bezier(0.7, 0, 0.3, 1);
        }
        #mobile-menu.active { left: 0; }

        #search-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(138, 134, 53, 0.98);
            z-index: 2000;
            padding: 10% 5%;
        }

        /* Unique Shop Background (Dark Theme) */
        #page-shop {
            background-color: #2D2C1E; /* Very Dark Olive */
            color: var(--cream);
        }
        .shop-product-card {
            border: 1px solid rgba(255, 229, 42, 0.2);
            transition: all 0.4s ease;
            background: rgba(255, 255, 255, 0.03);
        }
        .shop-product-card:hover {
            border-color: var(--gold);
            background: rgba(255, 255, 255, 0.07);
        }

        /* Multi-page Display Logic */
        .page-node { display: none; }
        .page-node.active { display: block; animation: fadeIn 0.6s ease; }

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

        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /* Quick View Modal */
        .modal-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.85);
            backdrop-filter: blur(10px);
            z-index: 3000;
            align-items: center; justify-content: center;
        }
        /* ===== EXTENDED HOME PAGE STYLES ===== */

/* Craftsmanship Section */
#craftsmanship {
    position: relative;
}

.craft-card {
    text-align: center;
    cursor: pointer;
}

.craft-card .overflow-hidden {
    border-radius: 4px;
}

/* Testimonials Section */
.testimonial-quote {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 300;
}

/* Newsletter Section */
input[type="email"] {
    background: white;
    transition: all 0.3s ease;
}

input[type="email"]:focus {
    box-shadow: 0 0 0 2px rgba(138, 134, 53, 0.2);
}

/* Instagram Gallery */
.insta-item {
    aspect-ratio: 1 / 1;
}

.insta-item .absolute {
    transition: opacity 0.4s ease;
}

/* Button Gold Refinements */
.btn-gold {
    background: #FFE52A;
    color: #8A8635;
    padding: 1rem 2rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 0.75rem;
    transition: all 0.4s ease;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.btn-gold:hover {
    background: #8A8635;
    color: #FFE52A;
    transform: translateY(-2px);
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .craft-card .overflow-hidden img {
        height: 300px;
    }
    
    .testimonial-quote {
        font-size: 1.75rem;
    }
    
    .insta-item {
        aspect-ratio: 1 / 1;
    }
}

@media (max-width: 640px) {
    .btn-gold {
        padding: 0.875rem 1.5rem;
        font-size: 0.7rem;
        letter-spacing: 0.15em;
    }
    
    input[type="email"] {
        padding: 0.875rem 1.25rem;
    }
}

/* Animation Classes */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.8s ease forwards;
}

/* Scroll Reveal */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}