:root{--red:#A80D09;--ink:#171411;--paper:#F7F1E8;--cream:#EEE2D1;--muted:#776e65;--dark:#211B17}
.artists-hero{min-height:72vh;background:var(--dark);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:100px 7vw;position:relative;overflow:hidden}
.artists-hero:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-170px;top:-100px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.artists-hero h1{font-size:clamp(50px,8vw,112px);line-height:.9;letter-spacing:-.07em;margin:15px 0 25px;max-width:800px}
.artists-hero h1 em,.artist-cta h2 em{font-family:Georgia,serif;font-weight:400;color:#e9a39e}
.artists-hero>div:first-child>p:last-child{max-width:550px;color:#bdb4ac;line-height:1.8;font-size:17px}
.hero-orbit{width:min(360px,65vw);height:min(360px,65vw);border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;position:relative;margin:auto;z-index:1;transform:rotate(-8deg)}
.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%}
.hero-orbit:before{inset:35px}.hero-orbit:after{inset:75px}
.hero-orbit span{position:absolute;top:15%;font-size:10px;letter-spacing:.3em}.hero-orbit b{font-size:70px;letter-spacing:-.08em}.hero-orbit small{position:absolute;bottom:22%;color:#e9a39e}.hero-orbit i{position:absolute;bottom:14%;font-size:10px;letter-spacing:.3em;font-style:normal}
.artist-browser{padding:85px 7vw;background:var(--paper)}
.artist-tools{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:1px solid rgba(23,20,17,.12);padding-bottom:22px}
.artist-filters{display:flex;gap:7px;flex-wrap:wrap}
.artist-filter{border:1px solid rgba(23,20,17,.18);background:transparent;border-radius:999px;padding:10px 15px;font-weight:800;cursor:pointer;color:var(--ink)}
.artist-filter.active,.artist-filter:hover{background:var(--red);border-color:var(--red);color:#fff}
.artist-search{width:250px;padding:12px 15px;border:1px solid rgba(23,20,17,.18);background:#fff;font:inherit;outline:none}
.result-line{display:flex;justify-content:space-between;padding:22px 0;color:var(--muted);font-size:10px;letter-spacing:.14em;font-weight:800}
.artist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.artist-card{background:#fff;border:1px solid rgba(23,20,17,.1);min-height:430px;position:relative;overflow:hidden;transition:.3s}
.artist-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(23,20,17,.12)}
.artist-portrait{height:265px;background:linear-gradient(135deg,#251c18,#A80D09);display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}
.artist-portrait:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025)}
.artist-initial{font-family:Georgia,serif;font-size:76px;position:relative;z-index:1}
.artist-index{position:absolute;left:18px;top:18px;font-size:10px;letter-spacing:.2em;z-index:2}
.artist-genre{position:absolute;right:18px;top:18px;border:1px solid rgba(255,255,255,.35);padding:6px 9px;font-size:9px;letter-spacing:.13em;z-index:2}
.artist-copy{padding:22px}.artist-copy h2{font-size:28px;letter-spacing:-.04em;margin:0 0 6px}.artist-role{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.12em}.artist-city{color:var(--muted);font-size:12px;margin:13px 0 20px}.artist-link{font-weight:900;text-decoration:none;color:var(--ink);font-size:12px;letter-spacing:.05em}
.artist-cta{background:var(--red);color:#fff;padding:110px 7vw;text-align:center}.artist-cta h2{font-size:clamp(48px,7vw,90px);line-height:.9;letter-spacing:-.06em;margin:14px 0}.artist-cta p:not(.eyebrow){max-width:520px;margin:0 auto 28px;color:#f1cbc8;line-height:1.7}
.artist-cta .btn.primary{background:#fff;color:var(--red)}
@media(max-width:900px){.artists-hero{grid-template-columns:1fr;padding:80px 7vw}.hero-orbit{margin-top:45px}.artist-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.artist-grid{grid-template-columns:1fr}.artist-search{width:100%}.artists-hero h1{font-size:55px}}