/* Junk Authority photo album — mixed portrait/landscape masonry */
.gallery{
  columns:1;
  column-gap:14px;
  margin-top:8px;
}
@media(min-width:600px){.gallery{columns:2}}
.gallery a{
  break-inside:avoid;
  -webkit-column-break-inside:avoid;
  page-break-inside:avoid;
  display:block;
  margin:0 0 14px;
  border-radius:12px;
  overflow:hidden;
  background:var(--card);
  border:1px solid #222;
  text-decoration:none;
  cursor:zoom-in;
}
.gallery a:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.gallery img{
  width:100%;
  height:auto;
  display:block;
  vertical-align:middle;
  transition:transform .35s ease, filter .35s ease;
}
.gallery a:hover img{transform:scale(1.03);filter:brightness(1.06)}
.gallery-empty{color:var(--mu);padding:12px 0}

.lb[hidden]{display:none}
.lb{
  position:fixed;inset:0;z-index:200;
  background:rgba(0,0,0,.92);
  display:flex;align-items:center;justify-content:center;
  padding:20px 56px;
}
.lb img{
  max-width:min(1600px,100%);
  max-height:90vh;
  width:auto;height:auto;
  border-radius:8px;
  box-shadow:0 8px 40px rgba(0,0,0,.6);
}
.lb-x,.lb-prev,.lb-next{
  position:absolute;
  background:transparent;border:0;color:#fff;
  font-family:"Barlow Condensed",Impact,sans-serif;
  font-weight:800;cursor:pointer;line-height:1;
  padding:8px;
}
.lb-x{top:12px;right:16px;font-size:42px}
.lb-prev,.lb-next{top:50%;transform:translateY(-50%);font-size:54px;color:var(--lime)}
.lb-prev{left:8px}.lb-next{right:8px}
.lb-cap{
  position:absolute;left:0;right:0;bottom:10px;
  text-align:center;color:#ccc;font-size:14px;padding:0 20px;
}
@media(max-width:600px){
  .lb{padding:48px 12px 56px}
  .lb-prev,.lb-next{font-size:40px}
  .lb-prev{left:0}.lb-next{right:0}
}
body.lb-open{overflow:hidden}
