/* ==========================================================================
   Главная — портфолио (site/layouts/140-works.php). Только var(--es-*).
   Сетка 4 колонки: первое фото — 2×2, остальные четыре — по клетке; без подписей и рамок (подпись — в Fancybox).
   ========================================================================== */
body.main-page .home-works__grid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: clamp(180px, 17vw, 270px); gap: 8px}
body.main-page .home-works__item {position: relative; display: block; min-width: 0; overflow: hidden; background: var(--es-surface-alt)}
body.main-page .home-works__item picture {display: block; width: 100%; height: 100%}
body.main-page .home-works__img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease}
body.main-page .home-works__item:hover .home-works__img {transform: scale(1.04)}
body.main-page .home-works__item--big {grid-column: span 2; grid-row: span 2}

@media (max-width: 767px) {
    body.main-page .home-works__grid {grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 160px; gap: 6px}
}