/* JanMace.com v15 — consistent cropped work previews + reliable full-image lightbox */
.work-image-frame.work-preview{
  min-height:0;
  height:auto;
  overflow:hidden;
  background:#0b1620;
  display:block;
}
.work-image-frame.work-preview.landscape-preview{aspect-ratio:4/3;}
.work-image-frame.work-preview.portrait-preview{aspect-ratio:4/5;}
.work-preview-link{
  display:block;
  width:100%;
  height:100%;
  cursor:zoom-in;
  text-decoration:none;
  outline:none;
}
.work-preview-link:focus-visible{outline:3px solid var(--sand);outline-offset:-3px;}
.work-image-frame.work-preview .work-detail-image{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  object-fit:cover;
  object-position:center;
}
body.work-lightbox-open{overflow:hidden;}
.work-lightbox-v15[hidden]{display:none !important;}
.work-lightbox-v15{
  position:fixed;
  inset:0;
  z-index:1000000;
  background:rgba(2,7,11,.97);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.work-lightbox-v15-inner{
  position:relative;
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.work-lightbox-v15-image{
  display:block;
  width:auto;
  height:auto;
  max-width:calc(100vw - 48px);
  max-height:calc(100vh - 48px);
  object-fit:contain;
  box-shadow:0 28px 90px rgba(0,0,0,.58);
}
.work-lightbox-v15-close{
  position:fixed;
  top:18px;
  right:22px;
  z-index:2;
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:50%;
  background:rgba(5,13,19,.78);
  color:#fff;
  font:400 30px/1 system-ui,sans-serif !important;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.work-lightbox-v15-close:hover,.work-lightbox-v15-close:focus-visible{
  background:var(--sand);
  color:#10212d;
  outline:none;
}
@media(max-width:760px){
  .work-image-frame.work-preview.landscape-preview{aspect-ratio:4/3;}
  .work-image-frame.work-preview.portrait-preview{aspect-ratio:4/5;}
  .work-lightbox-v15{padding:10px;}
  .work-lightbox-v15-image{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);}
  .work-lightbox-v15-close{top:10px;right:10px;width:44px;height:44px;}
}