The MAZI Project

Back to all collaborations

max-width: 1600px; margin: 0 auto; } .mazi-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--space-sm); } .mazi-gallery-grid .gallery-item { aspect-ratio: 1; overflow: hidden; cursor: pointer; } .mazi-gallery-grid .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--transition-base); } .mazi-gallery-grid .gallery-item:hover img { transform: scale(1.03); } /* Back nav */ .back-nav { padding: var(--space-md) var(--space-md) var(--space-lg); max-width: 1600px; margin: 0 auto; } .back-nav a { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; letter-spacing: 0.05em; color: var(--color-text-light); transition: color var(--transition-fast); } .back-nav a:hover { color: var(--color-accent); } .back-nav svg { width: 20px; height: 20px; } @media (max-width: 480px) { .mazi-gallery-grid { grid-template-columns: 1fr; } }

The MAZI Project

Back to all collaborations