/* === Gallery viewer (PhotoSwipe 5) in ERIC KANT-stijl === */

/* Galerijtegels: klikbaar met subtiele hover */
.portrait-images-row .gallery-viewer__link{position:absolute;inset:0;display:block;overflow:hidden;cursor:zoom-in}
.portrait-images-row .gallery-viewer__link img{transition:transform .6s cubic-bezier(.2,.6,.2,1),filter .6s ease}
.portrait-images-row .gallery-viewer__link:hover img,
.portrait-images-row .gallery-viewer__link:focus-visible img{transform:scale(1.03);filter:brightness(.88)}
.portrait-images-row .gallery-viewer__link:focus-visible{outline:1px solid #8c6f51;outline-offset:3px}

/* Viewer */
.pswp--erickant{--pswp-bg:#141414;--pswp-icon-color:#fff;--pswp-icon-color-secondary:transparent;--pswp-icon-stroke-color:transparent;--pswp-icon-stroke-width:0;--pswp-root-z-index:100000}
.pswp--erickant .pswp__icn{fill:none;stroke:currentColor;color:inherit;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.pswp--erickant .pswp__button{color:#fff;opacity:.85;transition:color .25s ease,opacity .25s ease}
.pswp--erickant .pswp__button:hover,
.pswp--erickant .pswp__button:focus-visible{color:#8c6f51;opacity:1}
.pswp--erickant .pswp__button--close{margin-right:12px;margin-top:10px}
.pswp--erickant .pswp__button--close .pswp__icn{top:14px;left:14px;width:32px;height:32px}
.pswp--erickant .pswp__button--arrow .pswp__icn{margin-top:-30px}
.pswp--erickant .pswp__img{box-shadow:0 20px 60px rgba(0,0,0,.45)}

/* Onderbalk: teller (serif) + projectnaam (kleine kapitalen, zoals de hero-labels) */
.pswp--erickant .pswp__ek-caption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 24px 26px;pointer-events:none;text-align:center;color:#fff}
.pswp--erickant .pswp__ek-counter{font-family:"ghandiserif",Georgia,serif;font-size:22px;line-height:1;letter-spacing:.5px}
.pswp--erickant .pswp__ek-title{font-family:"avenir",Arial,sans-serif;font-size:11px;font-weight:bold;letter-spacing:3px;text-transform:uppercase;color:#8c6f51}

@media only screen and (max-width:800px){
.pswp--erickant .pswp__button--arrow{display:none}
.pswp--erickant .pswp__ek-caption{padding-bottom:20px}
.pswp--erickant .pswp__ek-counter{font-size:18px}
}