/* ==========================================================================
   ARKS International — Gallery Page
   ========================================================================== */

.gallery-masonry { columns: 4 220px; column-gap: 1rem; }
@media (max-width: 991.98px) { .gallery-masonry { columns: 2 220px; } }
@media (max-width: 575.98px) { .gallery-masonry { columns: 1; } }

.gallery-item { break-inside: avoid; margin-bottom: 1rem; border-radius: var(--radius-md); overflow: hidden; position: relative; cursor: pointer; }
.gallery-item img { width: 100%; display: block; transition: transform .7s var(--ease-premium); }
.gallery-item:hover img { transform: scale(1.08); }
.gallery-item__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,20,32,0) 40%, rgba(4,20,32,.85) 100%); opacity: 0; transition: opacity var(--dur-fast); display: flex; align-items: flex-end; padding: 1rem; }
.gallery-item:hover .gallery-item__overlay { opacity: 1; }
.gallery-item__overlay span { color: #fff; font-weight: 600; font-size: .9rem; }
.gallery-item.is-hidden { display: none; }