.masonry-grid {
  columns: 4 260px;
  column-gap: var(--space-4);
}
@media (max-width: 900px) { .masonry-grid { columns: 3 200px; } }
@media (max-width: 560px) { .masonry-grid { columns: 2 140px; } }
.masonry-grid a {
  display: block;
  margin-bottom: var(--space-4);
  break-inside: avoid;
  border-radius: var(--radius-md);
  overflow: hidden;
  position: relative;
}
.masonry-grid img { width: 100%; display: block; transition: transform var(--dur-med) var(--ease-premium); }
.masonry-grid a:hover img { transform: scale(1.06); }