.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:24px 16px;margin:20px 0 40px}.art-piece{display:block;margin:0}.art-open{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:6px;background:var(--background-secondary)}.art-open img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .3s ease}.art-open:hover img,.art-open:focus-visible img{transform:scale(1.04)}.art-open:focus-visible{outline:2px solid var(--color);outline-offset:3px}.art-count{position:absolute;right:6px;bottom:6px;padding:1px 7px;border-radius:4px;font-size:.75rem;color:#fff;background:rgba(0,0,0,.6)}.art-piece figcaption,.art-viewer figcaption{display:flex;flex-direction:column;gap:2px;margin-top:8px;font-size:.9rem;line-height:1.35;opacity:1}.art-title{color:var(--color);font-weight:500}.art-meta,.art-note,.art-extra{color:var(--color-secondary);font-size:.85rem}.art-meta:empty,.art-note:empty,.art-extra:empty{display:none}.art-viewer{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:56px 64px 24px;border:0;color:#ddd;background:rgba(10,10,12,.94);box-sizing:border-box}.art-viewer[open]{display:flex;align-items:center;justify-content:center}.art-viewer::backdrop{background:rgba(10,10,12,.94)}.art-viewer figure{display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%;margin:0}.art-viewer img{max-width:100%;max-height:calc(100vh - 170px);width:auto;height:auto;object-fit:contain;border-radius:4px}.art-viewer figcaption{align-items:center;text-align:center}.art-viewer .art-title{color:#eee}.art-viewer .art-meta,.art-viewer .art-note,.art-viewer .art-extra{color:#aaa}.art-viewer .art-extra a{color:#ddd}.art-viewer button{position:absolute;padding:0;border:0;border-radius:50%;width:44px;height:44px;font-size:2rem;line-height:1;color:#eee;background:rgba(255,255,255,8%);cursor:pointer}.art-viewer button:hover,.art-viewer button:focus-visible{background:rgba(255,255,255,.2)}.art-viewer-close{top:10px;right:10px}.art-viewer-prev{left:10px;top:50%;transform:translateY(-50%)}.art-viewer-next{right:10px;top:50%;transform:translateY(-50%)}@media(max-width:684px){.art-grid{grid-template-columns:repeat(2,1fr);gap:18px 12px}.art-viewer{padding:56px 12px 64px}.art-viewer-prev,.art-viewer-next{top:auto;bottom:10px;transform:none}.art-viewer img{max-height:calc(100vh - 210px)}}@media(prefers-reduced-motion:reduce){.art-open img{transition:none}}