@layer quartz-base{.artwork-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:1rem;padding:0;list-style:none;display:grid}.artwork-card{background:var(--light);border-radius:4px;transition:box-shadow .2s;display:block;overflow:hidden;box-shadow:0 1px 4px #00000012}.artwork-card:hover{box-shadow:0 3px 12px #0000001f}.artwork-link{color:inherit;text-decoration:none;display:block}.artwork-thumb{background:var(--lightgray);width:100%;overflow:hidden}.artwork-thumb img{width:100%;height:auto;transition:transform .3s;display:block}.artwork-link:hover .artwork-thumb img{transform:scale(1.02)}.artwork-thumb-placeholder{background:var(--lightgray);width:100%;height:100%}.artwork-info{background:var(--lightgray);border-top:1px solid var(--lightgray);padding:.7rem .8rem .6rem}.artwork-title{color:var(--dark);margin:0 0 .25rem;font-size:.88rem;font-weight:600;line-height:1.3}.artwork-meta{color:var(--darkgray);flex-wrap:wrap;gap:.4rem;margin:0;font-size:.78rem;display:flex}.artwork-meta span+span:before{content:"·";margin-right:.4rem}.artwork-tags{color:var(--gray);text-transform:lowercase;margin:.25rem 0 0;font-size:.72rem}@media (max-width:600px){.artwork-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}}