/* Work / Photography: constrained click preview (never fullscreen). */
.photo-preview-layer{
  position:fixed;inset:0;z-index:2600;display:grid;place-items:center;
  padding:clamp(24px,4vw,64px);
  background:rgba(3,10,15,.20);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .22s ease,visibility .22s ease;
}
.photo-preview-layer.is-open{opacity:1;visibility:visible;pointer-events:auto}
.photo-preview-frame{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:min(86vw,1470px);max-height:82vh;padding:10px;
  border:1px solid rgba(255,255,255,.22);border-radius:20px;
  background:rgba(7,20,29,.72);
  box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  transform:scale(.96);transition:transform .28s cubic-bezier(.16,1,.3,1);
}
.photo-preview-layer.is-open .photo-preview-frame{transform:scale(1)}
.photo-preview-image{
  display:block;width:100%;height:auto;max-height:calc(82vh - 20px);
  object-fit:contain;border-radius:13px;user-select:none;-webkit-user-drag:none;
}
.photo-preview-close{
  position:absolute;top:-14px;right:-14px;width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.35);background:rgba(7,20,29,.88);color:#fff;
  display:grid;place-items:center;font-size:22px;line-height:1;cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.28);
}
#photography-work .photography-spec-card .project-media img{cursor:zoom-in}
@media(max-width:760px){
  .photo-preview-layer{padding:22px 14px}
  .photo-preview-frame{width:min(92vw,900px);max-height:72vh;padding:8px}
  .photo-preview-image{max-height:calc(72vh - 16px)}
}