.mm-material {
    background: #fff;
}

.mm-material__heading {
    max-width: 780px;
}

.mm-material__heading>p:last-child {
    color: var(--mm-muted);
    max-width: 640px;
}

.mm-material__grid {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
}

.mm-material__grid article {
    background: var(--mm-cream);
    border: 1px solid var(--mm-line);
    margin-right: -1px;
    min-height: 280px;
    padding: 30px;
}

.mm-material__grid article:first-child {
    border-radius: 22px 0 0 22px;
}

.mm-material__grid article:last-child {
    border-radius: 0 22px 22px 0;
}

.mm-material__grid span {
    color: var(--mm-orange);
    font-size: 36px;
    font-weight: 700;
}

.mm-material__grid h3 {
    font-size: 22px;
    line-height: 1.12;
    margin: 50px 0 14px;
}

.mm-material__grid p {
    color: var(--mm-muted);
    font-size: 14px;
    margin: 0;
}

.mm-material__panel {
    align-items: center;
    background: var(--mm-wine);
    border-radius: 22px;
    color: #fff;
    display: grid;
    gap: 34px;
    grid-template-columns: 1fr 1.15fr auto;
    margin-top: 20px;
    padding: 30px 32px;
}

.mm-material__panel h3 {
    line-height: 1.12;
    margin: 0;
}

.mm-material__panel>p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    margin: 0;
}

@media (max-width: 1199px) {
    .mm-material__grid {
        grid-template-columns: 1fr;
    }

    .mm-material__grid article:first-child,
    .mm-material__grid article:last-child {
        border-radius: 0;
    }

    .mm-material__grid article {
        min-height: 230px;
    }

    .mm-material__panel {
        grid-template-columns: 1fr;
    }
}