.gallery-section {
  padding: 60px 40px 80px;
  background: #fff;
}
.gallery-inner {
  max-width: 1100px;
  margin: 0 auto;
}
.gallery-grid {
  columns: 3;
  column-gap: 16px;
}
.gallery-item {
  break-inside: avoid;
  margin-bottom: 16px;
  overflow: hidden;
  display: block;
}
.gallery-item img {
  width: 100%;
  display: block;
  transition: transform 0.4s, opacity 0.3s;
}
.gallery-item:hover img {
  transform: scale(1.04);
  opacity: 0.9;
}

@media (max-width: 768px) {
  .gallery-grid { columns: 2; }
  .gallery-section { padding: 40px 20px; }
}
@media (max-width: 480px) {
  .gallery-grid { columns: 1; }
}