@media (max-width: 768px) {
    .mobile-menu-toggle {
        display: none !important;
    }
    .nav-links {
        display: flex !important;
        flex-direction: column;
        width: 100%;
    }
}
@media (max-width: 1024px) {
  .about-intro-text { padding: 60px 40px; }
  .about-values, .about-team { padding: 60px 40px; }
  .about-stats { padding: 60px 40px; }
  .about-hero-content { padding: 0 48px 48px; }
  .about-hero-title { font-size: 44px; }
}
@media (max-width: 768px) {
  .about-intro { grid-template-columns: 1fr; }
  .about-intro-text { padding: 48px 24px; border-right: none; border-bottom: 1px solid var(--border); }
  .about-intro-visual { min-height: 240px; }
  .values-grid, .team-grid { grid-template-columns: 1fr; }
  .about-stats { grid-template-columns: repeat(2, 1fr); gap: 2px; background: var(--border); padding: 0; }
  .stat-item { padding: 40px 20px; background: linear-gradient(135deg, #2a2520, #3d3028); border-right: none; }
  .about-values, .about-team { padding: 48px 20px; }
  .about-values-title, .about-team-header h2 { font-size: 24px; }
  .about-hero-content { padding: 0 20px 32px; }
  .about-hero-title { font-size: 34px; }
}
@media (max-width: 480px) {
  .about-stats { grid-template-columns: 1fr; }
}