/* =========================================================
   ARTISTES.CSS — styles propres à la page artistes.html
   ========================================================= */

.artistes-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:34px;}
@media (max-width:760px){ .artistes-grid{grid-template-columns:1fr;} }
.artiste-card{
  border:1px solid var(--line); border-radius:12px; padding:32px;
  background:linear-gradient(160deg, var(--ink-2), var(--ink));
}
@media (max-width:480px){ .artiste-card{padding:22px;} }
.artiste-photo{
  width:64px; height:64px; border-radius:50%; object-fit:cover;
  border:1px solid var(--gold); display:block; margin-bottom:20px;
}
.artiste-card h3{font-size:24px;}
.artiste-card .role{font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--teal); letter-spacing:0.08em; text-transform:uppercase; margin:6px 0 14px; display:block;}
.artiste-card p{opacity:0.78; font-size:14.5px;}
.artiste-card .works{margin-top:16px; display:flex; flex-direction:column; gap:8px;}
.artiste-card .works a{
  font-size:13.5px; border-bottom:1px dotted var(--line); padding-bottom:8px;
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:4px;
}
.artiste-card .works a:hover{color:var(--gold-2);}
.artiste-card .socials{display:flex; gap:10px; margin-top:16px; flex-wrap:wrap;}
.artiste-card .socials a{
  width:42px; height:42px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--line); color:var(--cream); opacity:0.85;
  transition:border-color .18s ease, color .18s ease, transform .18s ease;
}
.artiste-card .socials a:hover{border-color:var(--gold-2); color:var(--gold-2); opacity:1; transform:translateY(-2px);}

/* ===== EN CONCERT ===== */
.live-section{border-top:1px solid var(--line); background:var(--ink-2);}
.live-gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:30px;}
@media (max-width:800px){ .live-gallery{grid-template-columns:1fr;} }
.live-gallery figure{margin:0; border-radius:10px; overflow:hidden; border:1px solid var(--line); background:var(--ink);}
.live-gallery img{width:100%; height:220px; object-fit:cover; display:block;}
.live-gallery figcaption{padding:12px 14px; font-size:12.5px; opacity:0.7;}
@media (max-width:480px){ .live-gallery img{height:190px;} }