.zoomable-portrait{
  cursor:zoom-in;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.zoomable-portrait:hover,.zoomable-portrait:focus-visible{
  transform:translateY(-4px) scale(1.015);
  box-shadow:0 18px 42px #000c,0 0 22px #d6aa5455;
  filter:brightness(1.06);
  outline:2px solid #d6aa54;
  outline-offset:3px;
}
body.viewer-open{overflow:hidden}
.photo-viewer{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  place-items:center;
  padding:28px;
  background:rgba(2,3,10,.94);
  backdrop-filter:blur(8px);
}
.photo-viewer.is-open{display:grid}
.photo-viewer figure{
  margin:0;
  display:grid;
  justify-items:center;
  gap:12px;
  max-width:100%;
  max-height:100%;
}
.photo-viewer img{
  display:block;
  width:auto;
  height:auto;
  max-width:min(92vw,900px);
  max-height:84vh;
  object-fit:contain;
  border:1px solid #d6aa5488;
  box-shadow:0 24px 80px #000,0 0 34px #d6aa5433;
}
.photo-viewer figcaption{
  color:#f7e5ba;
  font:600 16px Cinzel,serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.viewer-close{
  position:fixed;
  top:18px;
  right:22px;
  z-index:1;
  width:46px;
  height:46px;
  border:1px solid #d6aa5488;
  border-radius:50%;
  background:#071023dd;
  color:#fff7dc;
  font:300 34px/1 sans-serif;
  cursor:pointer;
}
.viewer-close:hover,.viewer-close:focus-visible{
  color:#d6aa54;
  border-color:#d6aa54;
  outline:none;
}
@media(max-width:720px){
  .photo-viewer{padding:18px}
  .photo-viewer img{max-width:94vw;max-height:82vh}
  .viewer-close{top:10px;right:10px}
}