:root {
            --primary: #624fa4;
            --secondary: #2b1c68;
            --highlight: #ffe84d;
            --light: #ebebeb;
            --dark: #202020;
            --text: #1a1a1a;
        }

        body { font-family: 'Arial', sans-serif; margin: 0; color: var(--text); line-height: 1.6; }
        header { background: var(--light); padding: 20px; text-align: center; }
        nav { background: var(--primary); padding: 10px; text-align: center; }
        nav a { color: #fff !important; text-decoration: none; padding: 0 15px; text-transform: uppercase; font-size: 14px; }
        .hero { height: 400px; background: #ddd; display: flex; align-items: center; justify-content: center; position: relative; }
        .hero::after { content: "Murray Downs Farm"; font-size: 3rem; color: #666; }
        .container { max-width: 1000px; margin: auto; padding: 20px; }
        .flex-row { display: flex; gap: 20px; flex-wrap: wrap; }
        .card { flex: 1; min-width: 300px; padding: 20px; border: 1px solid #ddd; }
        footer { background: var(--dark); color: #fff; padding: 40px; text-align: center; margin-top: 40px; }
        .logo-placeholder { width: 242px; height: 157px; background: #ccc; margin: 0 auto; display: flex; align-items: center; justify-content: center; text-align: center; }
        .phone-icon { display: inline-block; width: 24px; height: 24px; background: url('/archive/assets/header-phone.png') no-repeat center; vertical-align: middle; }
        
        @media (max-width: 768px) { .flex-row { flex-direction: column; } }