.tile{text-align:left;background:var(--sf);border:1px solid var(--hair);width:100%;color:inherit;padding:0;display:block}.tile__img{aspect-ratio:1;display:block;overflow:hidden}.tile__img img{object-fit:cover;width:100%;height:100%;transition:opacity .2s}.tile:hover .tile__img img{opacity:.85}.tile__cap{border-top:1px solid var(--hair);padding:10px 12px;display:block}.tile__title{font-family:var(--display);font-size:20px;line-height:1.1;display:block}.tile__meta{color:var(--mu);margin-top:2px;font-size:13px;display:block}.lb{color:var(--tx);background:0 0;border:0;width:100%;max-width:100vw;height:100%;max-height:100vh;margin:0;padding:20px}.lb[open]{justify-content:center;align-items:center;display:flex}.lb::backdrop{background:#050506eb}.lb__panel{gap:12px;width:min(92vw,720px);display:grid}.lb__frame{aspect-ratio:1;border:1px solid var(--hair);background:var(--sf);width:100%;max-height:78vh;margin:0 auto}.lb__frame img{object-fit:contain;width:100%;height:100%}.lb__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lb__title{font-family:var(--display);font-size:26px;line-height:1}.lb__meta{color:var(--mu);margin-top:4px;font-size:14px}.lb__btns{gap:8px;display:flex}.lb__btns button{border:1px solid var(--tx);width:48px;height:48px;color:var(--tx);background:0 0;font-size:22px;line-height:1}.lb__btns .lb__close{background:var(--tx);color:var(--bg)}