:root {
            --bold-orange: #FFAA00;
            --dark-orange: #FF9900;
            --soft-beige: #100f0c;
            --text-main: #2A2419;
        }

        body {
            font-family: 'DM Sans', sans-serif;
            background-color: #ffffff;
            color: var(--text-main);
            scroll-behavior: smooth;
        }

        /* Hero Animation Background */
        .animated-bg {
            background: linear-gradient(-45deg, #EBD5AB, #f5e6cc, #FFAA00, #EBD5AB);
            background-size: 400% 400%;
            animation: gradientShift 15s ease infinite;
        }
        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* Typography & Custom Colors */
        .text-orange { color: var(--bold-orange); }
        .bg-orange { background-color: var(--bold-orange); }
        .bg-beige { background-color: var(--soft-beige); }
        .border-orange { border-color: var(--bold-orange); }
        .text-beige { color: var(--soft-beige); }

        /* Multi-page Router Styling */
        .page-content { display: none; }
        .page-content.active { display: block; animation: fadeIn 0.6s ease; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* Sticky Nav Hover */
        .nav-link { position: relative; }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background: var(--soft-beige);
            transition: width 0.3s ease;
        }
        .nav-link:hover::after { width: 100%; }

        /* Pull Quotes */
        .pull-quote {
            font-style: italic;
            font-weight: 500;
            color: var(--bold-orange);
            border-left: 6px solid var(--bold-orange);
            padding: 1.5rem 2.5rem;
            margin: 3rem 0;
            background: rgba(255, 170, 0, 0.05);
            animation: slideQuote 1s ease-out;
        }
        @keyframes slideQuote { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } }

        /* Chart Stripe */
        .chart-row:nth-child(even) { background: #fdfaf4; }
        .chart-row:hover { background: var(--soft-beige); }

        /* Modal & Video Player */
        #media-overlay {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.95);
            z-index: 3000;
            justify-content: center;
            align-items: center;
            padding: 2rem;
        }

        #content-modal {
            display: none;
            position: fixed;
            inset: 0;
            background: rgba(42, 36, 25, 0.9);
            z-index: 2500;
            overflow-y: auto;
            padding: 4rem 1rem;
        }

        .video-container {
            width: 100%;
            max-width: 1100px;
            aspect-ratio: 16 / 9;
            background: #000;
            position: relative;
        }

        /* Scrollbars */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: var(--bold-orange); border-radius: 4px; }
            /* Keyframes */
    @keyframes moveLeftRight {
        0% { left: -20%; }
        50% { left: 60%; }
        100% { left: -20%; }
    }

    /* Animation Classes with different speeds */
    .animate-move-left-right-slow {
        position: absolute;
        animation: moveLeftRight 40s linear infinite;
    }
    .animate-move-left-right-medium {
        position: absolute;
        animation: moveLeftRight 25s linear infinite;
    }
    .animate-move-left-right-fast {
        position: absolute;
        animation: moveLeftRight 15s linear infinite;
    }