.v12-artist-body { background:radial-gradient(circle at 80% 0,rgba(213,174,85,.15),transparent 30%),#070706; color:#f8eed0; overflow-x:clip; }
.v12-artist-body .artist-page { width:min(1280px,calc(100% - 40px)); padding:7rem 0 5rem; }.v12-artist-body .top { border-radius:99px; padding:10px 18px; border-color:rgba(220,180,84,.35); background:rgba(8,8,7,.9); }.v12-artist-body .logo,.v12-artist-body .sup { color:#dcb563; }
.v12-artist-body .hero { border-color:rgba(220,180,84,.35); border-radius:28px; background:linear-gradient(120deg,rgba(25,20,11,.96),rgba(9,9,7,.96)); box-shadow:0 2rem 6rem rgba(0,0,0,.35); }.v12-artist-body .hero-img { object-fit:cover; padding:0; min-height:32rem; background:#000; }.v12-artist-body h1 { font-size:clamp(3.2rem,8vw,6.5rem); color:#fff; text-transform:none; }.v12-artist-body .role { color:#e7c26d; }
.v12-artist-body .tags span { border-color:rgba(220,180,84,.38); background:rgba(220,180,84,.07); }.v12-artist-body .btn { min-height:44px; background:#d5ae55; color:#161108; }.v12-artist-body .btn.ghost { background:transparent; color:#f8eed0; border-color:rgba(220,180,84,.4); }
.v12-artist-body .section { margin-top:2.5rem; border-color:rgba(220,180,84,.23); background:linear-gradient(145deg,rgba(24,20,12,.86),rgba(10,10,8,.96)); padding:clamp(1.25rem,3vw,2.5rem); }.v12-artist-body .card,.v12-artist-body .release-card-artist { border-color:rgba(220,180,84,.25); background:rgba(0,0,0,.23); }.v12-artist-body .card h3,.v12-artist-body .release-card-artist h3 { color:#f8eed0; }
.v12-artist-media { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.v12-artist-media a { position:relative; display:block; min-height:15rem; overflow:hidden; border:1px solid rgba(220,180,84,.28); border-radius:16px; color:#fff; text-decoration:none; background:#111; }.v12-artist-media img { width:100%; height:100%; object-fit:cover; position:absolute; inset:0; opacity:.65; }.v12-artist-media span { position:absolute; inset:auto 1rem 1rem; z-index:1; font-weight:800; }
.v12-artist-platforms { display:flex; flex-wrap:wrap; gap:.7rem; }.v12-artist-platforms a { display:inline-flex; align-items:center; min-height:44px; padding:.55rem 1rem; border:1px solid rgba(220,180,84,.4); border-radius:99px; color:#f8eed0; text-decoration:none; }.v12-artist-platforms a:hover { background:#d5ae55; color:#161108; }
@media(max-width:760px){.v12-artist-body .artist-page{width:calc(100% - 24px);padding-top:5.5rem}.v12-artist-body .top{border-radius:18px}.v12-artist-body .hero-img{min-height:0;aspect-ratio:1}.v12-artist-media{grid-template-columns:1fr}.v12-artist-media a{min-height:12rem}}
@media(max-width:430px){.v12-artist-body .platforms{display:flex!important;flex-wrap:wrap!important;width:100%;min-width:0}.v12-artist-body .platforms a{min-width:0;max-width:100%;overflow-wrap:anywhere}.v12-artist-body .card{max-width:100%;min-width:0}}
.v12-artist-release-history{display:grid;gap:1rem;margin-top:1.5rem}.release-card-artist--history{display:grid;grid-template-columns:minmax(120px,.32fr) 1fr;overflow:hidden}.release-card-artist--history img{width:100%;height:100%;min-height:10rem;object-fit:cover}.release-card-artist--history>div{padding:1.25rem}.release-card-artist--history h3{margin:.35rem 0}.release-card-artist--history p{margin:.35rem 0}@media(max-width:760px){.release-card-artist--history{grid-template-columns:1fr}.release-card-artist--history img{aspect-ratio:1;min-height:0}}