:root {
            --primary: #79AE6F;
            --secondary: #6FAF4F;
            --bg-white: #ffffff;
            --text-dark: #1a1a1a;
            --light-tint: #f4f9f2;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--bg-white);
            color: var(--text-dark);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        .limelight {
            font-family: 'Limelight', cursive;
        }

        /* Header logic */
        header {
            transition: transform 0.4s ease-in-out;
            background: white;
            z-index: 1000;
        }

        .header-hidden {
            transform: translateY(-100%);
        }

        .divider-line {
            border-top: 1px solid #e5e7eb;
        }

        /* Hero Overlap */
        .hero-card {
            background-color: var(--secondary);
            transform: translate(-15%, 20%);
            z-index: 10;
        }

        .hero-img-container {
            position: relative;
            width: 100%;
            max-width: 500px;
        }

        /* Section Layouts */
        .editorial-split {
            display: grid;
            grid-template-columns: 1fr 1px 1.5fr;
            gap: 3rem;
        }

        .vertical-divider {
            background-color: #e5e7eb;
            width: 1px;
            height: 100%;
        }

        /* Card Hover */
        .info-card {
            border: 1px solid var(--secondary);
            transition: all 0.3s ease;
        }

        .info-card:hover {
            transform: translateY(-5px);
            border-width: 3px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.05);
        }

        /* Page Transitions */
        .page-content {
            display: none;
        }

        .page-active {
            display: block;
            animation: fadeIn 0.6s ease-out;
        }

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

        /* Custom scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }
        ::-webkit-scrollbar-thumb {
            background: var(--primary);
        }

        .asymmetric-grid > div:nth-child(odd) {
            margin-top: 2rem;
        }

        .nav-link {
            cursor: pointer;
            transition: color 0.3s;
        }

        .nav-link:hover {
            color: var(--secondary);
        }
        
        .bg-animated {
            background: linear-gradient(-45deg, #ffffff, #f4f9f2, #e8f3e5, #ffffff);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
        }

        @keyframes gradient {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }