/* component-artist-card.css
 * Imports tokens (../tokens.css) and globals (../globals.css) at the page level.
 * Eyebrow / badge / link primitives live in globals.css. */

.c-artist {
  text-decoration: none;
  color: var(--color-ink);
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.c-artist__portrait {
  aspect-ratio: 2 / 3;            /* locked — never override per-instance */
  background: #efece1;
  overflow: hidden;
  margin-bottom: 20px;
}
.c-artist__portrait img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform var(--motion-slow), filter var(--motion-fast);
}
.c-artist:hover .c-artist__portrait img { transform: scale(1.02); filter: brightness(0.96); }

.c-artist__namerow {
  display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
}
.c-artist__name {
  font-family: var(--font-display);
  font-size: 26px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin: 0;
}
.c-artist__arrow {
  font-size: 18px;
  color: var(--color-ink-muted);
  transition: transform var(--motion-fast), color var(--motion-fast);
}
.c-artist:hover .c-artist__arrow { transform: translateX(4px); color: var(--color-ink); }

.c-artist__origin {
  font-family: var(--font-display);
  font-style: italic;
  font-size: 15px;
  color: var(--color-ink-muted);
  margin: 4px 0 12px;
}
.c-artist__tags {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  margin-bottom: 12px;
}
.c-artist__tier {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-ink-quiet);
  margin-left: auto;
}
.c-artist__teaser {
  font-size: 14px;
  line-height: 1.55;
  color: var(--color-ink-muted);
  margin: 0;
}