.lf-gallery{display:flex;flex-wrap:wrap;gap:var(--gap,10px);width:100%}
.lf-g-item{position:relative;display:block;overflow:hidden;flex-grow:calc(var(--r)*100);flex-basis:calc(var(--r)*var(--row,250px));aspect-ratio:var(--r);background:#e9e3d8}
.lf-g-item[hidden]{display:none}
.lf-g-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.6,.2,1),opacity .3s}
@media (hover:hover){.lf-g-item:hover img{transform:scale(1.06);opacity:.85}}
@media (max-width:600px){.lf-g-item{flex-basis:calc(var(--r)*160px)}}
.lf-lb{position:fixed;inset:0;z-index:99999;background:rgba(30,30,30,.92);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s;touch-action:pan-y}
.lf-lb.on{opacity:1}
.lf-lb img{max-width:94vw;max-height:88vh;object-fit:contain;transition:opacity .25s;user-select:none}
.lf-lb button{position:absolute;background:none;border:0;color:#fff;font:300 34px/1 sans-serif;padding:16px;cursor:pointer;opacity:.8}
.lf-lb button:hover{opacity:1}
.lf-lb .x{top:6px;right:8px}.lf-lb .p{left:4px;top:50%;transform:translateY(-50%)}.lf-lb .n{right:4px;top:50%;transform:translateY(-50%)}
.lf-lb .c{position:absolute;top:18px;left:20px;color:#fff;font:12px/1 sans-serif;letter-spacing:1px;opacity:.7}