.lb-target{cursor:zoom-in}
.lb{
  position:fixed;inset:0;z-index:9999;
  background:rgba(8,8,10,.92);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .22s ease;
}
.lb.on{opacity:1;pointer-events:auto}
.lb-stage{
  margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  max-width:96vw;max-height:96vh;gap:14px;
}
.lb-stage img{
  max-width:96vw;max-height:88vh;width:auto;height:auto;display:block;
  box-shadow:0 24px 64px rgba(0,0,0,.5);
  background:#000;
  transition:opacity .18s ease;
}
.lb-stage figcaption{
  font-family:'JetBrains Mono','SF Mono',Menlo,monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:#b8b1a3;text-align:center;max-width:80vw;
}
.lb-close,.lb-prev,.lb-next{
  position:absolute;background:transparent;border:0;color:#f0e9d8;
  font-family:Georgia,serif;cursor:pointer;
  transition:color .15s ease, transform .15s ease;
}
.lb-close{top:18px;right:22px;font-size:36px;line-height:1}
.lb-prev,.lb-next{top:50%;transform:translateY(-50%);font-size:54px;line-height:1;width:64px;height:64px;
  display:flex;align-items:center;justify-content:center;}
.lb-prev{left:14px}
.lb-next{right:14px}
.lb-close:hover,.lb-prev:hover,.lb-next:hover{color:#d4a04c}
.lb-prev:hover{transform:translateY(-50%) translateX(-3px)}
.lb-next:hover{transform:translateY(-50%) translateX(3px)}
@media (max-width:640px){
  .lb-prev,.lb-next{font-size:40px;width:48px;height:48px}
  .lb-close{font-size:30px;top:12px;right:14px}
}