/* Галереи портфолио.
   Заменяют вывод плагина JW SIG: реальные <img> видны поисковикам,
   картинки отдаются в WebP и грузятся лениво.
   Сетка 4:3 повторяет прежний вид галереи. */
.work-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  list-style: none;
  margin: 0 0 40px;
  padding: 0;
}
.work-gallery li { margin: 0; padding: 0; list-style: none; }
.work-gallery a {
  display: block;
  position: relative;
  background-color: #000;
  border-radius: 10px;
  overflow: hidden;
  line-height: 0;
}
.work-gallery img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 10px;
  transition: opacity .2s ease;
}
.work-gallery a:hover img { opacity: .7; }
@media (max-width: 768px) {
  .work-gallery { grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 30px; }
}
@media (max-width: 480px) {
  .work-gallery { gap: 8px; }
}