/* Art of NOMA child theme: artists archive + single artist. Mobile first, flat, no rounded corners. */

/* ---------- Archive ---------- */
.noma-artists{border-top:0;padding-top:20px}

/* A-Z index */
.noma-letters{display:flex;flex-wrap:wrap;gap:2px 4px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--noma-line)}
.noma .noma-letters a{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding-inline:6px;font-family:var(--noma-serif);font-size:18px;color:var(--noma-muted);border-bottom:1px solid transparent}
.noma .noma-letters a:hover{color:var(--noma-fg);border-bottom-color:var(--noma-fg)}
.noma-letters a[hidden]{display:none}

/* Filter chips (built by artists.js; reuses .noma-filters and .noma-chip from style.css) */
.noma-artist-filters{margin:0 0 20px}
.noma-artist-filters:empty{display:none}
.noma-artist-filters .noma-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px}
.noma-artist-filters .noma-filter-label{flex:0 0 100%;font-size:13px;letter-spacing:.12em;font-variant-caps:all-small-caps;color:var(--noma-muted);font-weight:500}
@media(min-width:640px){.noma-artist-filters .noma-filter-label{flex:0 0 76px}}

/* Cards */
.noma-artists-grid{gap:18px}
@media(min-width:1200px){.noma-artists-grid{grid-template-columns:repeat(4,1fr)}}
.noma-artist-card{padding:0;gap:0;scroll-margin-top:24px}
.noma-artist-card[hidden]{display:none}
.noma-artist-card .img{display:block;aspect-ratio:4/5;background:var(--noma-line);overflow:hidden}
.noma-artist-card .img img{width:100%;height:100%;object-fit:cover}
.noma-artist-card .body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}
.noma .noma-artist-card h3{font-size:22px;line-height:1.15}
.noma-artist-card .tag{align-self:flex-start;color:var(--noma-accent)}
.noma-artist-card .line{color:var(--noma-muted);font-size:13.5px}
.noma-artist-card .count{color:var(--noma-fg);font-size:12.5px;font-weight:500;margin-top:2px}

/* ---------- Single ---------- */
.noma-artist-single .noma-eyebrow a{border-bottom:1px solid var(--noma-line-strong)}
.noma-artist-single .noma-eyebrow a:hover{color:var(--noma-fg);border-bottom-color:var(--noma-fg)}
.noma-artist-portrait{max-width:560px}
.noma-artist-portrait img{width:100%;height:auto}
.noma-artist-single .noma-body{margin-bottom:12px}
.noma-artist-sec{margin-top:12px}
.noma-artist-sec .noma-sec-head a{border-bottom:1px solid var(--noma-line-strong)}
.noma-artist-sec .noma-sec-head a:hover{color:var(--noma-fg);border-bottom-color:var(--noma-fg)}

/* Works (2 across on phones like the front page works strip, 3 across when there is room) */
.noma-artist-works{grid-template-columns:repeat(2,1fr);gap:18px 14px}
@media(min-width:640px){.noma-artist-works{grid-template-columns:repeat(3,1fr)}}
.noma-artist-work .img{aspect-ratio:4/5}
.noma-artist-work .price{display:block;margin-top:6px;font-size:13.5px;font-weight:500;color:var(--noma-fg)}
.noma-artist-work .price.is-sold{color:var(--noma-muted);font-weight:400}
.noma-artist-work.is-sold .img img{opacity:.7}
.noma-artist-work:hover h3{text-decoration:underline;text-underline-offset:3px}
.noma-artist-more{margin-top:16px;font-size:13px;font-weight:500}
.noma-artist-more a{border-bottom:1px solid var(--noma-line-strong)}

/* Stories */
.noma-artist-stories{display:grid;gap:22px}
@media(min-width:640px){.noma-artist-stories{grid-template-columns:repeat(2,1fr)}}
.noma .noma-artist-stories .noma-story h3{font-size:19px;line-height:1.22}

/* Video */
.noma-artist-videos{display:grid;gap:22px}
@media(min-width:640px){.noma-artist-videos{grid-template-columns:repeat(2,1fr)}}
.noma .noma-artist-video h3{font-size:18px;line-height:1.25;margin-top:10px}
.noma-artist-video h3 a:hover{text-decoration:underline;text-underline-offset:3px}

/* Exhibitions */
.noma-artist-shows{list-style:none;margin:0;padding:0}
.noma-artist-shows li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding-block:12px;border-top:1px solid var(--noma-line)}
.noma-artist-shows li:first-child{border-top:0;padding-top:0}
.noma-artist-shows a{font-family:var(--noma-serif);font-size:20px;line-height:1.25;flex:1 1 220px}
.noma-artist-shows a:hover{text-decoration:underline;text-underline-offset:3px}
.noma-artist-shows .when{color:var(--noma-muted);font-size:13px}

/* Aside buttons */
.noma-artist-single .noma-facts .noma-btns{margin-top:18px}
.noma-artist-single .noma-facts .noma-btn{border-bottom:1px solid var(--noma-fg)}
.noma-artist-single .noma-facts .noma-btn:hover{background:var(--noma-fg);color:var(--noma-bg)}