.gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gal-it{position:relative;display:block;border:0;padding:0;border-radius:16px;overflow:hidden;cursor:zoom-in;background:var(--card);isolation:isolate;aspect-ratio:16/9}
.gal-it img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease),filter .4s}
.gal-it:hover img{transform:scale(1.03);filter:brightness(1.08)}
@media (max-width:760px){.gal{grid-template-columns:1fr;gap:12px}}
.lightbox{position:fixed;inset:0;z-index:122;display:flex;align-items:center;justify-content:center;gap:12px;padding:40px var(--gr) 40px var(--gl);opacity:0;pointer-events:none;transition:opacity .35s var(--ease)}
.lightbox.on{opacity:1;pointer-events:auto}
.lightbox figure{margin:0;max-width:min(1800px,100%);display:grid;gap:12px;justify-items:center}
.lightbox img{max-width:100%;max-height:calc(100svh - 140px);border-radius:14px;box-shadow:0 40px 90px -30px #000;opacity:0;transform:scale(.97);transition:opacity .4s,transform .6s var(--ease)}
.lightbox img.in{opacity:1;transform:none}
.lightbox figcaption{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}
.lightbox .x{position:absolute;right:20px;top:20px;background:rgba(255,255,255,.08)}
.lb-nav{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:rgba(255,255,255,.06);cursor:pointer;display:grid;place-items:center;color:#fff;transition:background .2s}
.lb-nav:hover{background:var(--p)}
.lb-nav svg{width:18px;height:18px}
.lb-nav.prev svg{transform:rotate(90deg)}.lb-nav.next svg{transform:rotate(-90deg)}
@media (max-width:640px){.lb-nav{position:absolute;bottom:20px}.lb-nav.prev{left:calc(50% - 56px)}.lb-nav.next{right:calc(50% - 56px)}}