@media (max-width: 1024px) {
    .project-grid {
        gap: var(--space-md);
    }

    .contact-layout {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

}

@media (max-width: 768px) {
    .site-nav__links {
        display: none;
    }

    .site-nav__burger {
        display: flex;
    }

    .site-nav__logo-img {
        width: 78px;
        height: 78px;
    }

    .mobile-menu {
        padding-top: calc(var(--nav-height) + var(--space-md));
    }

    .mobile-menu__nav {
        padding-top: var(--space-md);
    }

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

    .hero__title {
        font-size: clamp(2.5rem, 8vw, 4rem);
    }

    .hero__tagline {
        font-size: var(--fs-lg);
    }

    .hero__scroll {
        display: none;
    }

    .hero-video__iframe {
        width: 100%;
        height: 100%;
        min-width: 177.78vh;
        min-height: 100%;
    }

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

    .capability-grid {
        gap: var(--space-xs);
    }

    .capability-chip {
        font-size: var(--fs-sm);
        padding: 0.6rem 1rem;
    }

    .project-card__play {
        opacity: 1;
        transform: scale(1);
    }

    .contact-layout {
        display: flex;
        flex-direction: column;
    }

    .contact-layout__details {
        order: -1;
    }

    .contact-layout__form {
        order: 1;
    }

    .whatsapp-fab {
        bottom: 1.25rem;
        right: 1.25rem;
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 480px) {
    .project-credits {
        grid-template-columns: 1fr;
    }

    .project-hero__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .project-hero__tag::after {
        display: none;
    }
}