/* Dark Water Megs: pictures page grid + photo viewer */
.pix{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0 20px;padding:0;list-style:none}
.pix a{display:block;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#e5e5e5;box-shadow:0 2px 10px rgba(0,0,0,.14)}
.pix picture{display:block;width:100%;height:100%}
.pix img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0!important;transition:transform .2s}
.pix a:hover img{transform:scale(1.04)}
.pix a:focus-visible{outline:3px solid #2b7bd8;outline-offset:2px}
@media (max-width:899px){.pix{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
@media (max-width:599px){.pix{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.pix a{border-radius:8px}}
@media (prefers-reduced-motion:reduce){.pix img{transition:none}.pix a:hover img{transform:none}}
.pxv{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:100;display:none;align-items:center;justify-content:center;flex-direction:column;touch-action:pan-y}
.pxv.open{display:flex}
.pxv figure{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%}
.pxv img{display:block;max-width:min(96vw,100%);max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);width:auto;height:auto;object-fit:contain;border-radius:0!important;user-select:none;-webkit-user-select:none}
.pxv figcaption{color:#ddd;font-size:15px;line-height:1.4;text-align:center;padding:10px 64px 0;max-width:900px}
.pxv button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;width:48px;height:48px;border-radius:50%;font-size:26px;cursor:pointer;line-height:48px;padding:0}
.pxv button:hover{background:rgba(255,255,255,.26)}
.pxv button:focus-visible{outline:3px solid #fff;outline-offset:2px}
.pxv .px-x{top:12px;right:12px}
.pxv .px-pv{left:10px;top:50%;margin-top:-24px}
.pxv .px-nx{right:10px;top:50%;margin-top:-24px}
.pxv .px-n{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#bbb;font-size:13px}
@media (max-width:599px){.pxv .px-pv,.pxv .px-nx{top:auto;bottom:6px;margin-top:0}.pxv figcaption{padding:10px 14px 0;font-size:14px}.pxv img{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px)}}