/* Gallery page: photo cards with a sliding overlay and caption panel. */
.zn-gallery { margin: 0; height: 100%; background: var(--surface); }
.zn-gallery__img { position: relative; overflow: hidden; }
.zn-gallery__img img { display: block; width: 100%; aspect-ratio: 37 / 28; object-fit: cover; transition: transform 500ms ease; }
.zn-gallery:hover .zn-gallery__img img { transform: scale(1.05); }
.zn-gallery__img a {
    position: absolute; inset: 0; z-index: 1;
    display: flex; align-items: center; justify-content: center;
    color: var(--white); font-size: 34px;
    transform: scale(0, 1); transform-origin: right center;
    transition: transform 0.6s ease;
}
.zn-gallery__img a::before { content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(235, 113, 29, 0.75); }
.zn-gallery:hover .zn-gallery__img a { transform: scale(1, 1); transform-origin: left center; }
.zn-gallery__empty { aspect-ratio: 37 / 28; display: flex; align-items: center; justify-content: center; background: var(--secondary); color: rgba(255, 255, 255, 0.2); font-size: 60px; }
.zn-gallery figcaption { padding: 24px 28px 28px; }
.zn-gallery h3 { margin: 0 0 6px; font-size: 20px; font-weight: 700; }
.zn-gallery p { margin: 0; font-size: 15px; line-height: 26px; }
.zn-gallery__none { padding: 60px 20px; text-align: center; background: var(--surface); }
.zn-gallery__none h3 { margin: 20px 0 8px; }