/* ---- lightbox galleria: click su una foto → vista ingrandita ---- */
.gallery .tile{cursor:zoom-in}

.lightbox{
  position:fixed;inset:0;z-index:1000;
  display:flex;align-items:center;justify-content:center;
  padding:clamp(1rem,4vw,3rem);
  background:rgba(14,58,79,.94);          /* --ink */
  opacity:0;visibility:hidden;
  transition:opacity .3s ease,visibility .3s ease;
}
.lightbox.open{opacity:1;visibility:visible}

.lb-img{
  max-width:92vw;max-height:86vh;
  width:auto;height:auto;
  border-radius:4px;
  background:var(--sand);
  box-shadow:0 24px 70px rgba(0,0,0,.55);
  transform:scale(.96);
  transition:transform .3s ease;
}
.lightbox.open .lb-img{transform:scale(1)}

.lb-caption{
  position:absolute;left:0;right:0;bottom:clamp(.8rem,3vw,1.6rem);
  text-align:center;padding:0 1rem;
  color:rgba(253,251,246,.9);font-size:.9rem;letter-spacing:.02em;
}

.lb-btn{
  position:absolute;background:none;border:none;cursor:pointer;
  color:var(--sand);opacity:.82;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .2s,transform .2s;
  -webkit-tap-highlight-color:transparent;
}
.lb-btn:hover{opacity:1}
.lb-close{top:clamp(.6rem,3vw,1.4rem);right:clamp(.6rem,3vw,1.4rem);width:48px;height:48px;font-size:2.4rem;line-height:1}
.lb-prev,.lb-next{top:50%;transform:translateY(-50%);width:56px;height:56px;font-size:3rem;line-height:1}
.lb-prev{left:clamp(.3rem,2vw,1.5rem)}
.lb-next{right:clamp(.3rem,2vw,1.5rem)}
.lb-prev:hover{transform:translateY(-50%) translateX(-3px)}
.lb-next:hover{transform:translateY(-50%) translateX(3px)}

@media(max-width:520px){
  .lb-prev,.lb-next{width:44px;height:44px;font-size:2.2rem}
}