/* ── Antipodes Gallery ── */
:root {
    --ag-gold:  #98813E;
    --ag-gold2: #D9C698;
    --ag-black: #1a1a1a;
    --ag-ease:  0.35s cubic-bezier(0.4,0,0.2,1);
}

.antgal { width: 100%; font-family: 'Montserrat', sans-serif; }

.antgal-grid {
    display: grid;
    gap: 12px;
}
.antgal-cols-2 .antgal-grid { grid-template-columns: repeat(2, 1fr); }
.antgal-cols-3 .antgal-grid { grid-template-columns: repeat(3, 1fr); }
.antgal-cols-4 .antgal-grid { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 900px) {
    .antgal-cols-3 .antgal-grid,
    .antgal-cols-4 .antgal-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
    .antgal-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 6px; }
}

.antgal-item {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background: #f0ede8;
    text-decoration: none;
}

.antgal-item img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
    transition: transform var(--ag-ease);
}
.antgal-item:hover img { transform: scale(1.05); }

.antgal-overlay {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    background: rgba(26,26,26,0.35);
    color: #fff;
    opacity: 0;
    transition: opacity var(--ag-ease);
}
.antgal-item:hover .antgal-overlay { opacity: 1; }

.antgal-caption {
    position: absolute; bottom: 0; left: 0; right: 0;
    padding: 6px 10px;
    font-size: 10px; font-weight: 600;
    letter-spacing: 0.08em; text-transform: uppercase;
    color: #fff;
    background: linear-gradient(transparent, rgba(26,26,26,0.75));
    transform: translateY(100%);
    transition: transform var(--ag-ease);
}
.antgal-item:hover .antgal-caption { transform: translateY(0); }

/* GLightbox overrides */
.glightbox-clean .gclose,
.glightbox-clean .gprev,
.glightbox-clean .gnext { border-radius: 0 !important; background: var(--ag-black) !important; }

.glightbox-clean .gclose svg path,
.glightbox-clean .gprev svg path,
.glightbox-clean .gnext svg path { fill: var(--ag-gold2) !important; }

.glightbox-clean .gslide-title {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 11px !important; font-weight: 600 !important;
    letter-spacing: 0.1em !important; text-transform: uppercase !important;
    color: var(--ag-gold) !important;
}