.m-features__grid {
    display: grid;
    grid-template-areas: 
        "desc"
        "card1"
        "card2" 
        "card3"
        "card4";
    grid-template-columns: 1fr;
    gap: var(--gap-20);
}

.m-features__description {
    grid-area: desc;
    text-align: center;
    align-content: start;
}

.e-feature {
    text-align: center;
    align-content: start;
}

/* Desktop: 3-col layout */
@media (min-width: 1024px) {
    .m-features__grid {
        grid-template-areas: 
            "desc card1 card2"
            "desc card3 card4";
        grid-template-columns: 1fr repeat(2, 1fr);
    }

    .m-features__description {
        text-align: left;
        align-content: center;
    }

    .e-feature {
        text-align: left;
        align-content: center;
    }
}