/* ---- Project Gallery — lightGallery grid ---- */

.lg-gallery {
  columns: 3;
  column-gap: 0.75rem;
}

.lg-gallery .lg-item {
  break-inside: avoid;
  display: block;
  margin-bottom: 0.75rem;
  border-radius: 10px;
  overflow: hidden;
  cursor: zoom-in;
}

.lg-gallery .lg-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.35s ease, opacity 0.35s ease;
  pointer-events: none;
  -webkit-user-drag: none;
}

.lg-gallery .lg-item:hover img {
  transform: scale(1.04);
  opacity: 0.88;
}

@media (max-width: 991px) {
  .lg-gallery { columns: 2; }
}

@media (max-width: 479px) {
  .lg-gallery { columns: 1; }
}