/*
 * ANFAR CONSULTING — RESPONSIVE OVERRIDES
 * Mobile-first cumulative breakpoints, matching the spec exactly:
 * 375 / 576 / 768 / 992 / 1280 / 1440.
 * Loaded after style.css so equal-specificity rules win by source order.
 */

/* ---- Small mobile safety (<376px) ---- */
@media (max-width: 374.98px) {
    .hero-copy { padding-block: var(--sp-4); }
    .btn { padding-inline: 1.5rem; }
    .container, .container-narrow { padding-inline: 1.1rem; }
}

/* ---- Mobile (>=576px) ---- */
@media (min-width: 576px) {
    .hero-actions { flex-direction: row; }
    .footer-bottom { flex-direction: row; align-items: center; justify-content: space-between; }
}

/* ---- Tablet portrait (>=768px) ---- */
@media (min-width: 768px) {
    .why-grid { grid-template-columns: repeat(2, 1fr); }
    .svc-grid { grid-template-columns: repeat(2, 1fr); }
    .industries-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .deliverables-list .deliverable-row { padding-inline: var(--sp-2); }
    .mini-cycle { grid-template-columns: repeat(4, 1fr); }
}

/* ---- Tablet (>=992px) ---- */
@media (min-width: 992px) {
    .hero-copy { padding-block: var(--sp-8); }

    .about-grid:not(.about-grid-solo) { grid-template-columns: 1.05fr 0.95fr; gap: var(--sp-7); }
    .about-media { display: block; }

    .editorial-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-7); }

    .contact-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-7); }

    .deliverables-grid { grid-template-columns: 5fr 7fr; }

    .timeline-wrapper.timeline-compact { gap: var(--sp-4); }
}

/* ---- Laptop (>=1280px): full nav, richer grids ---- */
@media (min-width: 1280px) {
    .primary-nav { display: flex; }
    .header-actions { display: flex; }
    .menu-toggle { display: none; }
    .mobile-nav { display: none; }

    .why-grid { grid-template-columns: repeat(3, 1fr); }

    .svc-grid {
        grid-template-columns: repeat(4, 1fr);
        grid-auto-flow: dense;
    }
    .svc-featured {
        grid-column: span 2;
        grid-row: span 2;
    }

    .industries-grid { grid-template-columns: repeat(4, 1fr); }
    .footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; }

    .timeline-wrapper {
        flex-direction: row;
        gap: 0;
    }
    .timeline-line { left: 0; right: 0; top: 9px; bottom: auto; width: 100%; height: 1px; }
    .timeline-item { flex: 1; padding-left: 0; padding-right: var(--sp-3); padding-top: var(--sp-5); }
    .timeline-dot { left: 0; top: 0; }
}

/* ---- Desktop (>=1440px): breathing room at full width ---- */
@media (min-width: 1440px) {
    .section-head { max-width: 780px; }
    .svc-featured { padding: var(--sp-6); }
    .editorial-grid { gap: var(--sp-8); }
}