.artists-grid .ag-card{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:#191817}.artists-grid .ag-card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;text-decoration:none}.artists-grid .ag-art,.artists-grid .ag-art--placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.artists-grid .ag-art--placeholder{background:linear-gradient(135deg,#2b2a28,#4a4744 60%,#191817)}.artists-grid .ag-art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .5s ease;filter:grayscale(12%)}.artists-grid .ag-card:hover .ag-art img,.artists-grid .ag-card:focus-within .ag-art img{transform:scale(1.1);filter:grayscale(0%)}.artists-grid .ag-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#0a0a091f;transition:opacity .35s ease}.artists-grid .ag-card:hover:after,.artists-grid .ag-card:focus-within:after{opacity:0}.artists-grid .ag-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:54px 22px 22px;color:#fff;pointer-events:none;background:linear-gradient(180deg,#08080700,#0808070f,#08080738,#0808077a,#080807bd,#080807e6)}.artists-grid .ag-location{font-family:var(--font-body-family, "Montserrat", sans-serif);font-size:11px;font-weight:400;letter-spacing:.01em;text-transform:lowercase;color:#fff;opacity:.75;margin-bottom:4px}.artists-grid .ag-location:first-letter{text-transform:uppercase}.artists-grid .ag-name{font-family:var(--font-heading-family, "Playfair Display", serif);font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:1.3rem;line-height:1.15;color:#fff}.artists-grid .ag-view{font-family:var(--font-body-family, "Montserrat", sans-serif);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-top:10px;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .35s ease .05s}.artists-grid .ag-card:hover .ag-view,.artists-grid .ag-card:focus-within .ag-view{max-height:24px;opacity:1}@media(hover:none){.artists-grid .ag-view{max-height:24px;opacity:1;margin-top:8px}}.artists-grid .ag-empty{padding:60px 20px;text-align:center;color:#4a4744;font-family:var(--font-body-family, "Montserrat", sans-serif)}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-artists-grid.css.map */