.mm-projects { background: var(--mm-cream); }
.mm-projects__grid { display: grid; gap: 16px; grid-auto-rows: 270px; grid-template-columns: repeat(4, 1fr); }
.mm-projects__item { border-radius: 21px; margin: 0; overflow: hidden; position: relative; }
.mm-projects__item--lead, .mm-projects__item--wide { grid-column: span 2; }
.mm-projects__item--lead { grid-row: span 2; }
.mm-projects__item img { display: block; height: 100%; max-width: none; object-fit: cover; transition: transform 0.5s ease; width: 100%; }
.mm-projects__item:hover img { transform: scale(1.04); }
.mm-projects__item::after { background: linear-gradient(0deg, rgba(40, 17, 10, 0.75), transparent 62%); content: ""; inset: 0; position: absolute; }
.mm-projects__item figcaption { bottom: 0; color: #fff; display: flex; flex-direction: column; left: 0; padding: 22px; position: absolute; z-index: 2; }
.mm-projects__item figcaption span { font-size: 8px; letter-spacing: 0.12em; text-transform: uppercase; }
.mm-projects__item figcaption b { font-size: 15px; margin-top: 3px; }
@media (max-width: 1199px) { .mm-projects__grid { grid-template-columns: repeat(2, 1fr); } }