/* Photo viewer (photo-viewer.js), the gallery viewer's look */
.pv-zoom{cursor:zoom-in}
.pv-zoom:focus-visible{outline:2px solid var(--dawn);outline-offset:-4px}
.pv{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:clamp(4rem,9vh,5.5rem) clamp(3.6rem,9vw,7rem);background:rgba(7,11,18,.94);opacity:0;transition:opacity .45s var(--ease-slow)}
.pv.is-open{opacity:1}
.pv[hidden],.pv-btn[hidden]{display:none}
.pv-fig{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:.9rem}
.pv-fig img{max-width:100%;max-height:calc(100svh - 11rem);width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 24px 80px -20px rgba(0,0,0,.7)}
.pv figcaption{margin:0;max-width:40em;text-align:center;color:var(--sand);font-size:.9rem;letter-spacing:.03em}
.pv-count{display:block;margin-top:.3rem;color:rgba(248,247,243,.5);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.pv-btn{position:absolute;width:44px;height:44px;padding:0;display:grid;place-items:center;background:rgba(7,11,18,.4);border:1px solid rgba(248,247,243,.35);border-radius:999px;color:var(--sand);cursor:pointer;transition:border-color .3s,background-color .3s}
.pv-btn:hover{border-color:var(--sand);background:rgba(248,247,243,.12)}
.pv-btn:focus-visible{outline:2px solid var(--dawn);outline-offset:2px}
.pv-btn svg{width:20px;height:20px;display:block}
.pv-close{top:1.1rem;right:1.1rem}
.pv-prev,.pv-next{top:50%;transform:translateY(-50%)}
.pv-prev{left:1rem}
.pv-next{right:1rem}
@media (max-width:640px){.pv{padding:4.2rem 1rem 5.8rem}.pv-fig img{max-height:calc(100svh - 12rem)}.pv-prev,.pv-next{top:auto;bottom:1.1rem;transform:none}.pv-prev{left:.9rem}.pv-next{right:.9rem}}
@media (prefers-reduced-motion:reduce){.pv{transition:none}}
