/* V81 — Photography metadata panel: align metadata with gallery title. The artwork/gallery engine remains shared with the approved gallery. */
.photography-gallery-page .abstract-gallery-title { top:136px; }
.photo-info {
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:260px;
  z-index:45;
  color:#f0eeea;
  text-align:left;
  pointer-events:none;
  line-height:1.55;
  letter-spacing:.08em;
  font-size:11px;
  opacity:.88;
}
.photo-info-title {
  margin:0 0 18px;
  font-size:15px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:.19em;
  text-transform:uppercase;
}
.photo-info-body { font-weight:400; letter-spacing:.07em; }
.photo-info-line { margin:0 0 7px; }
.photo-info-line:last-child { margin-bottom:0; }
@media (max-width:1100px){
  .photo-info { left:0; width:220px; font-size:10px; }
  .photo-info-title { font-size:13px; }
}
@media (max-width:700px){
  .photo-info { left:50%; top:auto; bottom:78px; transform:translateX(-50%); width:min(88vw,420px); text-align:center; font-size:9px; line-height:1.4; }
  .photo-info-title { font-size:12px; margin-bottom:8px; }
  .photo-info-line { margin-bottom:3px; }
  .photography-gallery-page .abstract-gallery-title { top:100px; }
}

/* Shared WORKS particle canvas */
#worksParticles {
  position: fixed;
  z-index: 6;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* V201 — photography on phones: the caption sits between the photo and the
   controls (portrait) or beside the photo (landscape), never on top of them. */
@media (max-width:700px) {
  .photography-gallery-page .abstract-gallery { --g-bottom:clamp(174px, 92px + 26vw, 200px); }
  .photography-gallery-page .abstract-gallery-title { top:70px; }
  .photo-info { position:fixed; top:auto; bottom:92px; left:50%; transform:translateX(-50%); width:min(90vw,420px); max-height:104px; overflow:hidden; }
  .photo-info-title { margin-bottom:6px; }
  .photo-info-line { margin-bottom:2px; }
}
@media (max-height:520px) and (orientation:landscape) {
  .photography-gallery-page .abstract-gallery { --g-bottom:54px; }
  .photography-gallery-page .abstract-gallery-title { top:62px; }
  .photography-gallery-page .gallery-stage { margin-left:30vw; width:auto; }
  .photo-info { position:fixed; left:4vw; top:50%; bottom:auto; transform:translateY(-50%); width:24vw; max-height:none; text-align:left; font-size:9px; }
}
/* Tablet portrait: caption under the photo instead of beside it. */
@media (min-width:701px) and (max-width:1000px) and (orientation:portrait) {
  .photo-info { position:fixed; top:auto; bottom:104px; left:50%; transform:translateX(-50%); width:min(80vw,520px); text-align:center; }
}