
:root{--gold:#f4d35e;--bg:#070503;--soft:#fff1bd}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:radial-gradient(circle at 20% 0%,rgba(244,211,94,.16),transparent 32%),radial-gradient(circle at 80% 20%,rgba(0,255,135,.08),transparent 28%),#050505;color:#fff}
a{text-decoration:none}
.artist-page{max-width:1180px;margin:auto;padding:28px}
.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.logo{color:var(--gold);font-weight:900;letter-spacing:.18em}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 18px;background:var(--gold);color:#111;font-weight:900;margin:6px 6px 6px 0;border:0;cursor:pointer}
.btn.ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(244,211,94,.35)}
.hero{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(300px,1.1fr);gap:28px;align-items:center;border:1px solid rgba(244,211,94,.32);border-radius:30px;background:rgba(255,255,255,.06);overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.hero-img{width:100%;height:100%;min-height:520px;object-fit:cover}
.hero-content{padding:32px}
.sup{color:#00ff87;text-transform:uppercase;letter-spacing:.18em;font-weight:900;font-size:.82rem}
h1{font-size:clamp(3rem,9vw,7rem);line-height:.88;margin:12px 0 16px;color:var(--soft);text-transform:uppercase}
.role{color:var(--gold);font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.bio{font-size:1.08rem;line-height:1.75;color:rgba(255,255,255,.82)}
.tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.tags span{border:1px solid rgba(244,211,94,.3);color:#fff1bd;border-radius:999px;padding:8px 12px;background:rgba(0,0,0,.25)}
.section{margin-top:26px;border:1px solid rgba(244,211,94,.25);border-radius:26px;padding:24px;background:rgba(255,255,255,.045)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.card{border:1px solid rgba(244,211,94,.22);border-radius:20px;padding:18px;background:rgba(0,0,0,.24)}
.card h3{color:#fff1bd}
@media(max-width:820px){.hero{grid-template-columns:1fr}.hero-img{min-height:auto}}

/* V4.3 — Discographie dynamique */
.discography-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 20px;
}
.release-card-artist{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:16px;
  border:1px solid rgba(244,211,94,.22);
  border-radius:20px;
  padding:16px;
  background:rgba(0,0,0,.24);
  margin-bottom:14px;
}
.release-card-artist img,
.release-placeholder{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:16px;
  border:1px solid rgba(244,211,94,.25);
  background:#050505;
  display:grid;
  place-items:center;
  font-size:2rem;
}
.release-card-artist h3{
  color:#fff1bd;
  margin:6px 0;
}
.release-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:10px 0;
}
.btn.small{
  padding:9px 12px;
  font-size:.88rem;
}
@media(max-width:720px){
  .release-card-artist{grid-template-columns:1fr;}
}
