/* LIGHTBOX */
.lightbox-trigger{width:100%;display:block;padding:0;border:0;background:transparent;cursor:zoom-in}
.lightbox-trigger img{width:100%;display:block}
.portfolio-lightbox-trigger{height:100%}
.portfolio-lightbox-trigger img{height:100%;object-fit:cover}
.lightbox{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:24px}
.lightbox.is-open{display:flex}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(4px)}
.lightbox-dialog{position:relative;z-index:1;width:min(1200px,96vw);height:min(820px,90vh);display:grid;grid-template-columns:70px minmax(0,1fr) 70px;align-items:center}
.lightbox-figure{min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:0}
.lightbox-figure img{max-width:100%;max-height:calc(90vh - 70px);display:block;object-fit:contain;border-radius:12px;box-shadow:0 18px 55px rgba(0,0,0,.35)}
.lightbox-figure figcaption{min-height:24px;color:#fff;text-align:center;font-size:.95rem}
.lightbox-close,.lightbox-nav{border:0;color:#fff;background:rgba(255,255,255,.12);cursor:pointer;transition:.2s}
.lightbox-close:hover,.lightbox-nav:hover{background:rgba(255,255,255,.24)}
.lightbox-close{position:absolute;top:0;right:0;z-index:2;width:48px;height:48px;border-radius:50%;font-size:2rem}
.lightbox-nav{width:54px;height:74px;justify-self:center;border-radius:12px;font-size:3rem}
body.lightbox-open{overflow:hidden}
@media(max-width:700px){
.lightbox{padding:10px}
.lightbox-dialog{width:100%;height:94vh;grid-template-columns:48px minmax(0,1fr) 48px}
.lightbox-nav{width:42px;height:60px;font-size:2.4rem}
.lightbox-close{top:8px;right:8px;width:44px;height:44px;background:rgba(0,0,0,.55)}
.lightbox-figure img{max-height:calc(94vh - 74px)}
.lightbox-figure figcaption{padding-inline:8px;font-size:.85rem}
}