/* ≥ Tablet Landscape */
@media (max-width:1024px) {

    /* grids generales */
    .grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .logos-row {
        grid-template-columns: repeat(3, 1fr)
    }

    /* proyectos */
    .types-grid {
        grid-template-columns: repeat(2, 1fr)
    }

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

    .featured-media img {
        height: 280px
    }
}

/* ≤ Tablet Portrait */
@media (max-width:820px) {
    .burger {
        display: flex
    }

    .menu {
        position: absolute;
        inset: 68px 0 auto 0;
        background: #fff;
        border-top: 1px solid #eee;
        display: none;
        flex-direction: column;
        padding: 12px
    }

    .menu.show {
        display: flex
    }

    .hero h1 {
        font-size: 38px
    }

    /* Contacto compacto */
    .contact .wrap {
        grid-template-columns: 1fr
    }

    .contact {
        background: #0e7f73
    }

    .contact .photo {
        display: none
    }

    .contact .panel {
        border-radius: 24px
    }

    /* Footer */
    .foot {
        grid-template-columns: 1fr 1fr
    }
}

/* ≤ Mobile */
@media (max-width:540px) {
    .grid {
        grid-template-columns: 1fr
    }

    .logos-row {
        grid-template-columns: repeat(2, 1fr)
    }

    .hero h1 {
        font-size: 32px
    }

    /* Proyectos */
    .types-grid {
        grid-template-columns: 1fr
    }

    .grid-4 {
        grid-template-columns: 1fr
    }

    .section-title {
        font-size: 32px
    }

    .featured-media img {
        height: 220px
    }
}