.lightbox{
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(15,10,8,.94);
  opacity:0;
  visibility:hidden;
  transition:opacity .25s ease, visibility .25s ease;
}
.lightbox.open{opacity:1;visibility:visible;}
.lightbox-image{
  max-width:min(92vw,1100px);
  max-height:86vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:2px;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.lightbox-close{
  position:absolute;
  top:18px;
  right:22px;
  width:42px;
  height:42px;
  border:1px solid var(--gold, #C79A56);
  border-radius:50%;
  background:var(--bg, #1B1310);
  color:var(--ink, #F3E9DC);
  font-size:1.5rem;
  line-height:1;
  cursor:pointer;
}
.lightbox-caption{
  position:absolute;
  left:24px;
  right:24px;
  bottom:18px;
  color:var(--ink, #F3E9DC);
  text-align:center;
  font:500 .9rem/1.4 Arial,sans-serif;
}
.gallery img,.hero-art img{cursor:zoom-in;}
@media(max-width:560px){
  .lightbox{padding:16px;}
  .lightbox-image{max-width:96vw;max-height:80vh;}
}