:root {
            --earth: #6E5034;
            --mint: #5DD3B6;
            --warm: #EFE1B5;
            --gold: #CDB885;
        }

        body {
            font-family: 'Gabarito', sans-serif;
            background-color: var(--warm);
            color: var(--earth);
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        /* Hero Ken Burns Animation */
        @keyframes kenBurns {
            0% { transform: scale(1) translate(0, 0); }
            50% { transform: scale(1.1) translate(-1%, -1%); }
            100% { transform: scale(1) translate(0, 0); }
        }
        .hero-zoom {
            animation: kenBurns 40s infinite linear;
        }

        /* Layout & View Logic */
        .page-view { display: none; min-height: 100vh; }
        .page-view.active { display: block; animation: pageFadeIn 0.8s ease-out forwards; }

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

        /* Custom UI Elements */
        .btn-mint {
            background-color: var(--mint);
            color: var(--earth);
            padding: 1.25rem 2.5rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            border-radius: 4px;
        }
        .btn-mint:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(93, 211, 182, 0.4);
        }

        .asymmetric-card {
            background: white;
            transition: all 0.5s ease;
            border: 1px solid rgba(110, 80, 52, 0.05);
            position: relative;
            overflow: hidden;
        }
        .asymmetric-card:hover {
            transform: scale(1.02);
            border-color: var(--mint);
            box-shadow: 0 30px 60px rgba(110, 80, 52, 0.1);
        }

        .glass-header {
            background: rgba(239, 225, 181, 0.85);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(110, 80, 52, 0.1);
        }

        /* Modal */
        #content-modal {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(110, 80, 52, 0.95);
            backdrop-filter: blur(15px);
            z-index: 10000;
        }

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

        /* Timeline Journey */
        .timeline-track {
            position: absolute;
            left: 20px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: var(--earth);
            opacity: 0.1;
        }
        .timeline-dot {
            position: absolute;
            left: 12px;
            width: 18px;
            height: 18px;
            background: var(--mint);
            border: 4px solid var(--warm);
            border-radius: 50%;
            z-index: 2;
        }

        /* Product Filter Active State */
        .filter-btn.active {
            background-color: var(--earth);
            color: var(--warm);
        }