/* ==============================================
   ABOUT PAGE — RESPONSIVE OVERRIDES
   ============================================== */

@media (max-width: 1000px) {
    .story-grid        { grid-template-columns: 1fr; }
    .svc-wyg-grid      { grid-template-columns: 1fr; }
    .svc-benefits-grid { grid-template-columns: 1fr; }
    .svc-faq-grid      { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
    .about-hero-stats { gap: var(--space-4); }
    .mv-grid          { grid-template-columns: 1fr; }
    .values-grid      { grid-template-columns: repeat(2, 1fr); }
    .team-grid        { grid-template-columns: repeat(2, 1fr); }
    .story-image-accent { grid-template-columns: 1fr; }
    .story-offices    { display: none; }
    .story-images     { max-width: 560px; margin: 0 auto; }
    .timeline::before { left: 20px; }
    .timeline-item, .timeline-item--right {
        justify-content: flex-start;
        padding-left: 60px;
        padding-right: 0;
    }
    .timeline-dot { left: 20px; }
    .timeline-content { max-width: 100%; }
}

@media (max-width: 640px) {
    .about-hero { padding: 100px 0 60px; }
    .about-hero-stats { flex-wrap: wrap; gap: var(--space-3); }
    .about-hero-stat  { min-width: 100px; padding: var(--space-3) var(--space-4); }
    .mv-image img     { height: 200px; }
    .values-grid      { grid-template-columns: 1fr; }
    .team-grid        { grid-template-columns: 1fr; }
    .story-stats      { grid-template-columns: repeat(2, 1fr); }
}