/* ── Artists Page ── */
.ar-breadcrumb { background:#1A1A2E; display:flex; align-items:center; gap:6px; padding:10px 24px; }
.ar-breadcrumb-inner { max-width:1280px; margin:0 auto; width:100%; display:flex; align-items:center; gap:6px; }
.ar-breadcrumb a { font-size:13px; color:rgba(255,255,255,0.6); text-decoration:none; transition:color .2s; }
.ar-breadcrumb a:hover { color:#fff; }
.ar-breadcrumb span { font-size:13px; color:#fff; font-weight:600; }

.ar-body { max-width:1280px; margin:0 auto; padding:20px 16px 80px; }

.ar-filter-bar { background:#fff; border-radius:16px; border:1px solid #E8ECF0; padding:12px 16px; margin-bottom:20px; box-shadow:0 1px 4px rgba(0,0,0,0.04); overflow:hidden; }
.ar-letter-row { display:flex; align-items:center; gap:5px; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:2px; }
.ar-letter-row::-webkit-scrollbar { display:none; }
.ar-btn-all { flex-shrink:0; padding:6px 14px; font-size:12px; font-weight:700; border-radius:8px; border:1.5px solid #1A1A2E; background:#1A1A2E; color:#fff; cursor:pointer; transition:all 0.15s; white-space:nowrap; }
.ar-btn-letter { flex-shrink:0; width:32px; height:32px; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; border-radius:8px; border:1.5px solid #E8ECF0; background:#fff; color:#6B7280; cursor:pointer; transition:all 0.15s; }
.ar-btn-letter.active, .ar-btn-all.active { border-color:#1A1A2E; background:#1A1A2E; color:#fff; }

.ar-count { font-size:13px; color:#6B7280; margin:0 0 20px; }

.ar-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:20px; }

.artist-card { background:#fff; border-radius:16px; overflow:hidden; border:1px solid #E8ECF0; box-shadow:0 1px 4px rgba(0,0,0,0.05); transition:box-shadow 0.25s,transform 0.25s; }
.artist-card:hover { box-shadow:0 8px 28px rgba(0,0,0,0.1); transform:translateY(-3px); }
.ar-card-img { position:relative; overflow:hidden; background:#F7F8FA; }
.ar-card-img img { width:100%; aspect-ratio:3/4; object-fit:cover; display:block; object-position:top; transition:transform 0.5s; }
.ar-card-img img:hover { transform:scale(1.04); }
.ar-card-img-empty { width:100%; aspect-ratio:3/4; display:flex; align-items:center; justify-content:center; background:#F7F8FA; }
.ar-card-body { padding:14px 16px 16px; }
.ar-card-name { font-size:15px; font-weight:700; color:#1A1A2E; margin:0 0 10px; letter-spacing:-0.01em; line-height:1.25; }
.ar-card-link { display:flex; align-items:center; justify-content:center; gap:6px; font-size:12px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:#1A1A2E; background:#F7F8FA; padding:9px; border-radius:9px; text-decoration:none; border:1.5px solid #E8ECF0; transition:all 0.2s; }
.ar-card-link:hover { background:#1A1A2E; color:#fff; border-color:#1A1A2E; }

.ar-empty { display:none; text-align:center; padding:80px 0; }
.ar-empty-text { font-size:15px; color:#9CA3AF; margin:0; }

@media(max-width:768px) {
    .ar-grid { grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:14px; }
    .ar-body { padding:16px 12px 60px; }
}
@media(max-width:480px) {
    .ar-grid { grid-template-columns:1fr 1fr; }
}