.artists-featured {
  display: grid;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  background: var(--color-paper-soft);
  box-shadow: var(--shadow-md);
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}

.artists-featured:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

.artists-featured-media img,
.artists-featured-media .card-img-fallback {
  width: 100%;
  height: 100%;
  min-height: 22rem;
  object-fit: cover;
}

.artists-featured-body {
  display: grid;
  align-content: start;
  gap: var(--space-4);
  padding: clamp(1.75rem, 4vw, var(--space-8));
}

.artists-featured-meta {
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
  color: var(--color-text-faint);
}

.artists-grid-header {
  display: grid;
  gap: var(--space-4);
  margin-bottom: var(--space-8);
  max-width: 42rem;
}

.artist-profile {
  display: grid;
  gap: var(--space-8);
}

.artist-profile-header {
  display: grid;
  gap: var(--space-6);
  align-items: center;
}

.artist-portrait img {
  width: 100%;
  max-width: none;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: calc(var(--radius-xl) - 0.15rem);
  box-shadow: var(--shadow-lg);
}

.artist-info {
  display: grid;
  gap: var(--space-3);
}

.artist-info h1 {
  max-width: 11ch;
}

.artist-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-2);
}

.artist-works {
  margin-top: var(--space-12);
  padding-top: var(--space-8);
  border-top: 1px solid var(--color-border);
}

@media (min-width: 48em) {
  .artists-featured {
    grid-template-columns: minmax(16rem, 0.82fr) minmax(0, 1fr);
  }
}

@media (min-width: 64em) {
  .artist-profile-header {
    grid-template-columns: minmax(16rem, 0.7fr) minmax(0, 1fr);
  }
}