img { max-width: 100%; height: auto; }
    .bg-forest-950 { background-color: #0a1d0e; }
    .bg-forest-900 { background-color: #113218; }
    .bg-forest-800 { background-color: #193b22; }
    .bg-forest-700 { background-color: #275333; }
    .bg-forest-100 { background-color: #e0ede2; }
    .bg-forest-50 { background-color: #f2f7f3; }
    .text-forest-950 { color: #0a1d0e; }
    .text-forest-900 { color: #113218; }
    .text-forest-800 { color: #193b22; }
    .text-forest-700 { color: #275333; }
    body {
      font-family: 'Inter', sans-serif;
      background-color: #f8f9f7;
      color: #1e293b;
    }
    .brand-serif {
      font-family: 'Playfair Display', Georgia, serif;
    }
    .hero-overlay {
      background: linear-gradient(100deg, rgba(10, 29, 14, 0.92) 0%, rgba(17, 50, 24, 0.82) 52%, rgba(17, 50, 24, 0.55) 100%);
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
      background: #f1f5f9;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #94a3b8;
      border-radius: 3px;
    }
  
    /* Mobile Responsiveness Enhancements */
    @media (max-width: 640px) {
      input, select, textarea {
        font-size: 16px !important; /* Prevents iOS Safari auto-zoom on focus */
      }
      .hero-overlay {
        padding-top: 2rem;
        padding-bottom: 2rem;
      }
    }
    .mobile-scroll-row {
      display: flex;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      gap: 0.5rem;
      padding-bottom: 0.25rem;
      scrollbar-width: none;
    }
    .mobile-scroll-row::-webkit-scrollbar {
      display: none;
    }