/* Listing photo sets (js/home-photos.js): cover + thumbnail strip in the inventory detail row,
   and the full-screen viewer. The viewer reuses .lightbox / .lb-* from home.css. */
.hp-col{flex:none;width:300px}
.hp-cover{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;line-height:0}
.hp-cover .inv-photo{display:block}
.hp-count{position:absolute;right:.6rem;bottom:.6rem;line-height:1;padding:.36rem .6rem;background:rgb(32 29 25 / .72);color:var(--cream);font:500 .62rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.hp-cover:hover .hp-count,.hp-cover:focus-visible .hp-count{background:var(--burgundy-deep)}
.hp-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:4px}
.hp-strip button{position:relative;aspect-ratio:1;padding:0;border:0;background:var(--sand);cursor:zoom-in;overflow:hidden}
.hp-strip img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s}
.hp-strip button:hover img{opacity:.82}
.hp-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(32 29 25 / .6);color:var(--cream);font:500 .82rem/1 var(--sans);letter-spacing:.06em}
.hp-cover:focus-visible,.hp-strip button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.hp-lb img{width:auto;height:auto;max-width:92vw;max-height:80vh}
.hp-cap{position:absolute;left:0;right:0;bottom:1.1rem;margin:0;padding:0 4.5rem;text-align:center;color:var(--cream);font-family:var(--serif);font-style:italic;font-size:1.15rem}
.hp-cap span{margin-left:.8rem;font:400 .7rem/1 var(--sans);font-style:normal;letter-spacing:.16em;color:#b5aca2}
html.hp-locked{overflow:hidden}

@media (max-width:700px){
  .hp-col{width:100%}
  .hp-lb .lb-prev,.hp-lb .lb-next{top:auto;bottom:.4rem;transform:none}
  .hp-cap{bottom:1.2rem}
}