.pd-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--pd-line);border:1px solid var(--pd-line);margin:.5rem 0 0;}
.pd-shot{position:relative;aspect-ratio:4/5;background:var(--pd-cream);
  overflow:hidden;margin:0;}
.pd-shot img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;
  transition:opacity .25s ease;}
.pd-shot img:hover{opacity:.88;}
.pd-shot figcaption{position:absolute;left:0;right:0;bottom:0;
  font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;padding:1.6rem .9rem .7rem;
  background:linear-gradient(to top,rgba(15,20,25,.72),rgba(15,20,25,0));}
.pd-shot figcaption b{color:var(--pd-copper);font-weight:400;margin-right:.6rem;}
.pd-shot.is-missing img{display:none;}
.pd-shot.is-missing{border:1px dashed var(--pd-copper);
  display:flex;align-items:center;justify-content:center;}
.pd-shot.is-missing figcaption{display:none;}
.pd-shot.is-missing::after{content:"UPLOAD AS  " attr(data-file);
  font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.1em;
  color:var(--pd-copper);text-align:center;padding:.8rem;line-height:1.9;}
.pd-lb{position:fixed;inset:0;background:rgba(15,20,25,.94);z-index:9999;
  display:none;align-items:center;justify-content:center;padding:3vw;cursor:zoom-out;}
.pd-lb.on{display:flex;}
.pd-lb img{max-width:94vw;max-height:88vh;object-fit:contain;}
.pd-lb b{position:absolute;top:1.2rem;right:1.8rem;color:#fff;font-size:30px;
  font-weight:300;line-height:1;cursor:pointer;}
@media (max-width:900px){
  .pd-strip{grid-template-columns:1fr 1fr;}
}