/* ========================================
   Responsive — Breakpoint Styles
   ======================================== */

/* ===== Tablet: >= 768px ===== */
@media (min-width: 768px) {
    /* Grid: 2 columns */
    .about__grid {
        grid-template-columns: 1fr 1fr;
    }

    .contact__grid {
        grid-template-columns: 1fr 1fr;
    }

    .services__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Work cards: side by side */
    .work-card {
        flex-direction: row;
        padding: var(--space-3xl) var(--container-padding);
    }

    .work-card__media {
        flex: 1.2;
    }

    .work-card__info {
        flex: 0.8;
    }

    .work-card--reverse {
        flex-direction: row-reverse;
    }

    /* Footer */
    .footer__top {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .footer__bottom {
        text-align: left;
    }
}

/* ===== Desktop: >= 1024px ===== */
@media (min-width: 1024px) {
    /* Show desktop nav, hide hamburger */
    .nav__links {
        display: flex;
    }

    .nav__menu-btn {
        display: none;
    }

    /* Services: 4 columns */
    .services__grid {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Work cards more spacious */
    .work-card {
        min-height: 80vh;
    }
}

/* ===== Large Screen: >= 1440px ===== */
@media (min-width: 1440px) {
    :root {
        --container-max: 1400px;
    }
}

/* ===== Small Mobile: <= 375px ===== */
@media (max-width: 375px) {
    .hero__cta {
        flex-direction: column;
    }

    .hero__cta .btn {
        width: 100%;
    }

    .about__stats {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }
}