/* Original photographs, held at their natural proportions above the poster. */
.ppv-viewer {
  --ppv-paper:#f6f4ed;
  --ppv-ink:#070906;
  --ppv-wine:#5e0109;
  --ppv-muted:#69665e;
  --ppv-rule:#d5cfc1;
  box-sizing:border-box;
  width:min(1620px,96vw);
  height:min(1050px,94dvh);
  max-width:none;
  max-height:none;
  margin:auto;
  padding:0;
  border:1px solid #e0dacd;
  border-radius:4px;
  background:var(--ppv-paper);
  color:var(--ppv-ink);
  box-shadow:0 24px 100px #0005;
  overflow:hidden;
  font:14px/1.5 Inter,Arial,sans-serif;
}
.ppv-viewer:not([open]) { display:none; }
.ppv-viewer[open] { animation:ppv-appear 180ms ease-out; }
.ppv-viewer::backdrop { background:#11120ddd; backdrop-filter:blur(8px); }
.ppv-viewer *, .ppv-viewer *::before, .ppv-viewer *::after { box-sizing:border-box; }
.ppv-viewer [hidden] { display:none!important; }
.ppv-shell { height:100%; display:grid; grid-template-rows:auto minmax(0,1fr) auto; }
.ppv-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:9px 20px 9px 26px; border-bottom:1px solid var(--ppv-rule); }
.ppv-bar>p { display:flex; align-items:center; gap:23px; margin:0; font:10px/1.5 Cutive,monospace; text-transform:uppercase; letter-spacing:.08em; color:var(--ppv-wine); }
.ppv-counter { color:var(--ppv-muted); white-space:nowrap; font-variant-numeric:tabular-nums; }
.ppv-bar-actions { display:flex; align-items:center; gap:18px; }
.ppv-viewer button,.ppv-viewer a { -webkit-tap-highlight-color:transparent; }
.ppv-viewer button { font:12px Inter,Arial,sans-serif; color:var(--ppv-ink); cursor:pointer; }
.ppv-original { display:flex; align-items:center; gap:18px; min-height:44px; color:var(--ppv-muted); font-size:11px; text-decoration:none; }
.ppv-original>span { color:var(--ppv-wine); font-size:17px; }
.ppv-close { display:flex; align-items:center; gap:24px; min-width:86px; min-height:44px; padding:0 0 0 22px; border:0; border-left:1px solid var(--ppv-rule); background:transparent; }
.ppv-close>span:last-child { font:28px/1 Inter,Arial,sans-serif; color:var(--ppv-wine); }
.ppv-body { display:grid; grid-template-columns:minmax(0,1fr) 300px; min-height:0; }
.ppv-image-stage { position:relative; display:flex; align-items:center; justify-content:center; min-width:0; min-height:0; padding:clamp(14px,2.4vw,38px); overflow:hidden; background:#e4e0d6; }
.ppv-full { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; box-shadow:0 5px 24px #34281720; }
.ppv-image-error { position:absolute; inset:auto 24px 24px; padding:15px; color:var(--ppv-ink); background:var(--ppv-paper); box-shadow:0 4px 24px #0002; }
.ppv-caption { min-width:0; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#b9ad98 transparent; padding:30px 25px; border-left:1px solid var(--ppv-rule); }
.ppv-caption figcaption { margin:0; }
.ppv-caption .pd-label { font:9px/1.7 Cutive,monospace; letter-spacing:.04em; color:var(--ppv-wine); margin:0 0 17px; }
.ppv-caption h4 { font:32px/1.04 Ancizar,Georgia,serif; font-weight:400; margin:0 0 22px; letter-spacing:-.02em; }
.ppv-caption p { font:14px/1.65 Inter,Arial,sans-serif; color:var(--ppv-muted); margin:0 0 20px; }
.ppv-caption .pj-photo-credit { border-top:1px solid var(--ppv-rule); padding-top:20px; margin-top:25px; font-size:11px; line-height:1.65; }
.ppv-caption a { display:inline-flex; align-items:center; min-height:44px; color:var(--ppv-wine); font-size:11px; text-decoration-thickness:1px; text-underline-offset:4px; }
.ppv-dock { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; gap:18px; padding:12px 20px; border-top:1px solid var(--ppv-rule); }
.ppv-step { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--ppv-rule); border-radius:50%; background:transparent; transition:background 150ms,color 150ms,border-color 150ms; }
.ppv-step>span { font-size:22px; }
.ppv-step:disabled { opacity:.25; cursor:default; }
.ppv-thumbnails { position:relative; display:flex; align-items:center; justify-content:safe center; gap:8px; min-width:0; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#bcaf96 transparent; padding:4px 2px; overscroll-behavior-x:contain; }
.ppv-thumbnail { position:relative; flex:0 0 64px; display:grid; place-items:center; width:64px; height:49px; padding:3px; border:1px solid transparent; background:#e4e0d6; transition:border-color 150ms,background 150ms,opacity 150ms; }
.ppv-thumbnail img { width:100%; height:100%; object-fit:contain; display:block; }
.ppv-thumbnail[aria-pressed=true] { border-color:var(--ppv-wine); background:var(--ppv-paper); box-shadow:0 0 0 1px var(--ppv-wine); }
.ppv-viewer :focus-visible { outline:2px solid var(--ppv-wine); outline-offset:3px; }
.ppv-caption:focus-visible { outline-offset:-4px; }
.ppv-trigger { position:relative; display:block; cursor:zoom-in; overflow:hidden; }
.ppv-trigger::after { content:'View photograph ↗'; position:absolute; right:10px; bottom:10px; padding:8px 12px; background:#f6f4edf0; color:#5e0109; font:11px/1.4 Inter,Arial,sans-serif; opacity:0; transform:translateY(4px); transition:opacity 160ms,transform 160ms; pointer-events:none; }
@media(hover:hover) {
  .ppv-step:not(:disabled):hover { background:var(--ppv-wine); border-color:var(--ppv-wine); color:var(--ppv-paper); }
  .ppv-thumbnail:hover { border-color:var(--ppv-wine); background:var(--ppv-paper); }
  .ppv-original:hover,.ppv-close:hover { color:var(--ppv-wine); }
  .ppv-trigger:hover::after { opacity:1; transform:none; }
}
.ppv-trigger:focus-visible::after { opacity:1; transform:none; }
@media(max-width:900px) {
  .ppv-body { grid-template-columns:minmax(0,1fr) 250px; }
  .ppv-caption { padding:25px 21px; }
  .ppv-caption h4 { font-size:29px; }
}
@media(max-width:680px) {
  .ppv-viewer { width:100vw; height:100dvh; border:0; border-radius:0; }
  .ppv-bar { padding:8px 12px 8px 17px; gap:10px; }
  .ppv-bar>p { display:block; font-size:8px; }
  .ppv-counter { display:block; margin-top:3px; font-size:10px; }
  .ppv-bar-actions { gap:12px; }
  .ppv-original { font-size:10px; gap:8px; }
  .ppv-close { gap:9px; min-width:44px; padding-left:13px; }
  .ppv-close>span:first-child { display:none; }
  .ppv-body { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) minmax(120px,30dvh); }
  .ppv-image-stage { padding:14px; }
  .ppv-caption { border-left:0; border-top:1px solid var(--ppv-rule); padding:18px 21px; }
  .ppv-caption .pd-label { margin-bottom:8px; }
  .ppv-caption h4 { font-size:27px; margin-bottom:12px; }
  .ppv-caption p { font-size:13px; margin-bottom:12px; }
  .ppv-caption .pj-photo-credit { margin-top:15px; padding-top:13px; }
  .ppv-dock { gap:10px; padding:8px 12px; }
  .ppv-thumbnail { flex-basis:58px; width:58px; height:46px; }
}
@media(max-height:520px) and (min-width:681px) {
  .ppv-viewer { height:98dvh; }
  .ppv-bar { padding-block:2px; }
  .ppv-dock { padding-block:5px; }
}
@media(hover:none) { .ppv-trigger::after { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) {
  .ppv-viewer[open] { animation:none; }
  .ppv-step,.ppv-thumbnail,.ppv-trigger::after { transition:none; transform:none; }
}
@media print { .ppv-viewer,.ppv-trigger::after { display:none!important; } }
@keyframes ppv-appear { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }