/* ==========================================================================
   Главная — «Наши работы» (site/layouts/120-works.php): сетка фото объектов с подписями. Только var(--es-*).
   ========================================================================== */
body.main-page .home-works__grid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(180px, 17vw, 250px); gap: 16px}
body.main-page .home-works__item {position: relative; margin: 0; overflow: hidden; border-radius: var(--es-radius); background: var(--es-surface-alt)}
body.main-page .home-works__item--big {grid-column: span 2; grid-row: span 2}
body.main-page .home-works__item picture,
body.main-page .home-works__img {display: block; width: 100%; height: 100%; object-fit: cover}
body.main-page .home-works__caption {position: absolute; left: 12px; bottom: 12px; max-width: calc(100% - 24px); padding: 7px 12px; border-radius: 6px; background: var(--es-primary); color: var(--es-on-primary); font-size: 14px; font-weight: 600; line-height: 1.3}
body.main-page .home-works__item--big .home-works__caption {left: 16px; bottom: 16px; font-size: 16px}

@media (max-width: 767px) {
    body.main-page .home-works__grid {grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 46vw; gap: 10px}
    body.main-page .home-works__caption {left: 8px; bottom: 8px; max-width: calc(100% - 16px); padding: 5px 8px; font-size: 12px}
    body.main-page .home-works__item:nth-child(n+6) {display: none}
}