/* Let each artwork keep its own silhouette and orientation. */
body[data-studio-layout=grid] .art-track{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;column-gap:64px;row-gap:56px;align-items:start;margin-top:36px}
body[data-studio-layout=grid] .art-card{height:max-content;align-self:start;min-width:0;margin:0;padding:0 8px;box-sizing:border-box}
body[data-studio-layout=grid] .art-card>:is(button,a.art-detail-link){display:flex;align-items:center;justify-content:center;width:100%;height:auto!important;min-height:0;aspect-ratio:auto!important;background:transparent!important;overflow:visible;position:relative}
body[data-studio-layout=grid] .art-card>:is(button,a.art-detail-link)>img{width:auto!important;max-width:100%;height:auto!important;max-height:610px;aspect-ratio:auto!important;object-fit:contain!important;margin:0 auto;background:transparent!important}
body[data-studio-layout=grid] .art-expand{width:34px;height:34px;right:0;bottom:0;background:rgba(255,255,255,.9);border:0;opacity:0;transition:opacity .18s}
body[data-studio-layout=grid] .art-card>:is(button,a.art-detail-link):hover .art-expand,body[data-studio-layout=grid] .art-card>:is(button,a.art-detail-link):focus-visible .art-expand{opacity:1}
body[data-studio-layout=grid] .art-caption{margin-top:22px;padding:0;border:0;grid-template-columns:20px minmax(0,1fr);gap:10px}
body[data-studio-layout=grid] .art-caption h2{font-size:23px;line-height:1.3;margin-bottom:7px}
body[data-studio-layout=grid] .art-caption .studio-piece-note{max-width:42ch;font-size:12px;line-height:1.65;margin-top:9px}
body[data-studio-layout=grid] .art-number{color:#98958c;font-size:9px}
body[data-studio-layout=grid] .gallery-bottom{margin-top:10px}
body[data-studio-layout=grid] #art-full{background:transparent}
@media(max-width:900px){body[data-studio-layout=grid] .art-track{column-gap:36px}body[data-studio-layout=grid] .art-card>:is(button,a.art-detail-link)>img{max-height:500px}}
@media(max-width:700px){body[data-studio-layout=grid] .art-track{grid-template-columns:1fr;grid-auto-rows:auto;row-gap:46px;margin-top:26px}body[data-studio-layout=grid] .art-card{grid-row-end:auto!important;padding:0 3px}body[data-studio-layout=grid] .art-card>:is(button,a.art-detail-link)>img{max-height:560px}body[data-studio-layout=grid] .art-caption{margin-top:18px}body[data-studio-layout=grid] .art-expand{opacity:1;width:29px;height:29px}body[data-studio-layout=grid] .art-caption h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){body[data-studio-layout=grid] .art-expand{transition:none}}

@media(min-width:701px){body[data-studio-layout=grid] .art-track.studio-masonry-ready{grid-auto-rows:8px;row-gap:0}}

/* Keep the viewing cue beside the caption, completely outside the artwork. */
body[data-studio-layout=grid] .art-caption{grid-template-columns:20px minmax(0,1fr) 28px}
body[data-studio-layout=grid] .art-caption .art-expand{position:static;display:flex;align-items:center;justify-content:center;align-self:start;width:28px;height:28px;margin:0;background:transparent!important;border-radius:0;opacity:1;pointer-events:none;transform:none;clip-path:none}
body[data-studio-layout=grid] .art-caption .art-expand .sketch-arrow{width:24px;height:24px}