/* ============================================================
   ARTISTS — grid cards, profile hero, social, theme bar
   Linked separately from scientek.css
   ============================================================ */

/* ── Artist profile hero ─────────────────────────────────────── */
.artist-hero{padding:4rem 2.5rem 2.5rem;display:flex;align-items:flex-end;gap:2rem;border-bottom:1px solid var(--border);flex-wrap:wrap}
.artist-avatar{width:300px;height:300px;border-radius:50%;border:3px solid var(--gold);display:flex;align-items:center;justify-content:center;font-size:4rem;flex-shrink:0;position:relative}
.artist-verified{position:absolute;bottom:4px;right:4px;background:var(--gold);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.8rem}
.artist-meta{flex:1;min-width:200px}
.artist-genre{font-size:0.7rem;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:0.4rem}
.artist-name-big{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);letter-spacing:3px;line-height:1;margin-bottom:0.5rem}
.artist-bio{font-size:0.9rem;color:var(--muted);line-height:1.7;max-width:520px;margin-bottom:1rem}
.artist-stats{display:flex;gap:2rem;flex-wrap:wrap}
.a-stat{text-align:left}
.a-stat-num{font-weight:700;font-size:1.1rem;color:var(--text)}
.a-stat-lbl{font-size:0.7rem;color:var(--muted);letter-spacing:1px;text-transform:uppercase}
.back-btn{display:inline-flex;align-items:center;gap:0.5rem;color:var(--muted);cursor:pointer;font-size:0.85rem;transition:color 0.2s;padding:2.5rem 2.5rem 0;background:none;border:none;font-family:inherit}
.back-btn:hover{color:var(--gold)}

/* ── Artist grid + cards ─────────────────────────────────────── */
.artists-grid{display:grid;grid-template-columns:repeat(auto-fill,360px);gap:1.4rem;justify-content:start}
.artist-card{
  background:var(--card);
  border:2px solid var(--gold);
  border-radius:20px;
  overflow:hidden;
  text-align:center;
  transition:all 0.25s;
  cursor:pointer;
  position:relative;
  isolation:isolate;
  box-shadow:0 4px 24px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.05);
}
.artist-card:hover{
  transform:translateY(-6px);
  border-color:rgba(232,184,75,0.6);
  box-shadow:0 20px 48px rgba(0,0,0,0.5),0 0 0 1px rgba(232,184,75,0.2);
}
.artist-card .artist-avatar{width:100%;height:360px;border-radius:0;border:none;margin:0;font-size:5rem;overflow:hidden;flex-shrink:0;background-size:cover;background-position:center}
.artist-card .artist-verified{bottom:auto;top:12px;right:12px;width:28px;height:28px;font-size:0.85rem}
.artist-card .artist-name{font-weight:700;font-size:1.05rem;padding:1rem 1rem 0.3rem}
.artist-card .artist-genre{font-size:0.68rem;letter-spacing:2px;color:var(--gold);text-transform:uppercase;padding:0 1rem 0.4rem}
.artist-card .artist-plays{font-size:0.78rem;color:var(--muted);padding:0 1rem 1.2rem}

/* ── Artist social links ─────────────────────────────────────── */
.artist-social{display:flex;gap:0.55rem;margin-top:1rem;flex-wrap:wrap}
.artist-social .social-btn{width:40px;height:40px}
.artist-social .social-btn svg{width:18px;height:18px}

/* ── Artist theme bar ────────────────────────────────────────── */
.artist-theme-bar{height:3px;width:100%;border-radius:0;transition:background 0.5s ease}

/* ── Mobile ──────────────────────────────────────────────────── */
@media(max-width:768px){
  .artist-hero{padding:2rem 1.5rem}
  .artists-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .artist-card .artist-avatar{height:200px}
}