/* Artistes : la grille du collectif et la fiche d'un artiste. */

/* ── Grille ───────────────────────────────────────────────────────────── */

.artists-grid {
  display: grid; padding-top: clamp(48px, 8vh, 90px);
  grid-template-columns: repeat(auto-fill, minmax(min(230px, 100%), 1fr));
  gap: clamp(28px, 4vw, 56px) clamp(18px, 2.5vw, 32px);
}
.artist-card { display: flex; flex-direction: column; gap: 16px; color: var(--color-text); }
.artist-card:hover { color: var(--color-text); }
.artist-card__text { display: flex; flex-direction: column; gap: 6px; border-top: 1px solid var(--line); padding-top: 14px; }
.artist-card__name { font-family: var(--font-title); font-size: clamp(22px, 2vw, 28px); line-height: 1.05; }

/* ── Fiche : portrait sur fond brun ───────────────────────────────────── */

.artist-hero {
  display: grid; gap: 40px; align-items: end;
  grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
  padding: clamp(40px, 7vh, 90px) var(--gutter) 0;
}
.artist-hero__text { display: flex; flex-direction: column; gap: 22px; padding-bottom: clamp(60px, 10vh, 120px); }
.artist-hero__name { font-size: clamp(48px, 6.4vw, 100px); line-height: 1.3; }
.artist-hero__links { display: flex; gap: 24px; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; }
.artist-hero__links a { color: var(--color-on-primary); border-bottom: 1px solid var(--color-highlight); padding-bottom: 4px; }
.artist-hero__portrait { justify-self: end; width: min(100%, 480px); max-height: 72vh; }

/* ── Biographie ───────────────────────────────────────────────────────── */

.bio {
  display: grid; gap: clamp(28px, 5vw, 80px);
  grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
  padding: clamp(72px, 11vh, 130px) var(--gutter) 0; max-width: 1100px; margin: 0 auto;
}
.bio__text { grid-column: span 2; display: flex; flex-direction: column; gap: 20px; }
@media (max-width: 660px) { .bio__text { grid-column: auto; } }

/* ── Œuvres ───────────────────────────────────────────────────────────── */

.work-card { display: flex; flex-direction: column; gap: 12px; color: var(--color-text); }
.work-card:hover { color: var(--color-text); }
.work-card__title { font-family: var(--font-title); font-size: 20px; }
.work-card__meta { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-primary); }
.work-card__availability { font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--color-accent); }

/* ── Expositions et parcours ──────────────────────────────────────────── */

.artist-history {
  display: grid; gap: clamp(40px, 6vw, 96px);
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
}
.artist-history h2 { border-bottom: 1px solid var(--line-on-primary); padding-bottom: 16px; }