/* Artwork-led discovery and public profiles. Static layers, no runtime blur. */
body[data-route="artists"] .replacement-intro h1 .artist-favourite { color:#ff9638; }
body[data-route="artists"] .replacement-intro .replacement-eyebrow { color:#ffb273; }
body[data-route^="artists"] .artist-grid .artist-card:hover { border-color:#ff9638!important; box-shadow:0 12px 30px #0004; }
body[data-route^="artists"] .artist-card:hover .artist-card-arrow { color:#ffac62; }
body[data-route^="artists"] .artist-invitation { border-color:#67452f; background:radial-gradient(ellipse at 90% 50%,#72360028,transparent 65%),linear-gradient(110deg,#171c25,#10141d); }
.artist-invitation .artist-kicker { color:#ffac62; }
body.artist-profile-view .artist-hero-aside .profile-pick { border-color:#6f4a30; background:linear-gradient(120deg,#302117cf,#101925df); }
body.artist-profile-view .profile-pick .pick-badge { color:#ffac62; }
body.artist-profile-view .cols>.profile-creator-card { border-color:#634631!important; background:radial-gradient(ellipse at top right,#87410030,transparent 75%),#101923!important; }
body.artist-profile-view .profile-creator-card>.profile-icon { color:#ff9638; }
body.artist-profile-view .profile-creator-card .artist-action { border-color:#94613b; background:#352318; color:#ffce9d; }
body.artist-profile-view .profile-creator-card .artist-action:hover { background:#49301c; border-color:#ff9638; }
body[data-route^="artists"] .content { width:94%; max-width:none; margin:0 auto 56px; }
body[data-route^="artists"] .replacement-intro { padding:150px 5% 45px; min-height:385px; margin-bottom:0; overflow:hidden; background:linear-gradient(90deg,#040812 2%,#040812de 45%,#04081230),url('/_website/website-20261027-release205charts1/redesign/assets/space-ambient-v1.webp?v=ce107b3ddd05') center 45%/cover; }
body[data-route^="artists"] .replacement-intro>div { position:relative; z-index:1; max-width:65%; }
body[data-route^="artists"] .replacement-intro h1 { font-size:clamp(38px,3.5vw,64px); }
body[data-route^="artists"] .replacement-intro p:not(.replacement-eyebrow) { margin-bottom:0; max-width:610px; }
.artist-masthead-bot { position:absolute; right:7%; bottom:-17px; width:31%; height:360px; object-fit:contain; object-position:center bottom; pointer-events:none; }
body[data-route^="artists"] [hidden] { display:none!important; }
.artist-browser { display:flex; align-items:end; gap:22px; padding:27px 0 24px; border-top:1px solid #20374a; }
.artist-browser label { display:block; font:600 13px/1.5 'Segoe UI',sans-serif; color:#bdccda; margin-bottom:8px; }
.artist-search { width: min(440px,46%); }
.artist-browser input, .artist-browser select { width:100%; height:46px; padding:10px 14px; font:15px 'Segoe UI',sans-serif; }
.artist-browser input::placeholder { color:#8da5b8; }
.artist-sort { width:210px; }
.artist-result-count { margin:0 0 13px auto; font-size:14px; color:#9fb4c6; }
body[data-route^="artists"] .artist-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px; }
body[data-route^="artists"] .artist-card { display:flex; flex-direction:column; padding:0; overflow:hidden; border:1px solid #213c4e; border-radius:9px; text-align:left; text-decoration:none; transition:border-color .15s,transform .15s; }
body[data-route^="artists"] .artist-card:hover { border-color:#00aaff!important; transform:translateY(-3px); }
body[data-route^="artists"] .artist-avatar { width:100%; height:auto; aspect-ratio:1; border-radius:0; object-fit:cover; margin:0; border:0; box-shadow:none; }
body[data-route^="artists"] .artist-avatar.placeholder { display:grid; place-items:center; font:400 54px 'Russo One',sans-serif; color:#69c7ed; background:radial-gradient(ellipse at 65% 15%,#1c4c64,transparent 75%),linear-gradient(145deg,#152635,#07101c); }
.artist-caption { position:relative; padding:16px; flex:1; width:100%; display:flex; flex-direction:column; }
.artist-caption .artist-meta { margin-top:auto; padding-top:5px; }
body[data-route^="artists"] .artist-name { padding-right:15px; font-size:17px; letter-spacing:0; line-height:1.35; overflow-wrap:anywhere; text-transform:none; margin:0 0 8px; }
body[data-route^="artists"] .artist-blurb { color:#b0c0cf; font:13px/1.6 'Segoe UI',sans-serif; min-height:42px; margin:0 0 13px; }
body[data-route^="artists"] .artist-meta { color:#90adbf; font:12px/1.6 'Segoe UI',sans-serif; letter-spacing:0; text-transform:none; }
.artist-card-arrow { position:absolute; right:13px; top:14px; color:#00bfee; font-size:18px; }
.artist-no-results { padding:50px 22px; text-align:center; border:1px solid #243e50; border-radius:10px; }
.artist-no-results p { color:#b5c6d9; margin:15px 0 24px; }
.artist-invitation { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px 34px; margin-top:36px; border:1px solid #253c4d; border-radius:10px; background:linear-gradient(110deg,#102331,#0a1421); }
.artist-invitation h2 { font-size:24px; margin:8px 0; }
.artist-invitation p:not(.artist-kicker) { color:#b5c6d9; font-size:15px; line-height:1.6; }
.artist-kicker { color:#00bfee; font:12px/1.5 'Share Tech Mono',monospace; letter-spacing:2px; text-transform:uppercase; margin:0 0 10px; }
.artist-action { display:inline-flex; justify-content:center; align-items:center; min-height:44px; border:1px solid #31566b; border-radius:7px; padding:11px 18px; font:600 14px/1.3 'Segoe UI',sans-serif; color:#edf3fa; background:#071622; text-decoration:none; cursor:pointer; }
.artist-action:hover { border-color:#00bfee; background:#102c3e; }
.artist-action-primary { background:linear-gradient(135deg,#f78408,#d65a00); border-color:#ff941f; color:white; }
.artist-action-primary:hover { background:#e97000; border-color:#ffb45a; }
body.artist-profile-view .content { padding-top:122px; }
body.artist-profile-view .back-link { font:600 13px/1.5 'Segoe UI',sans-serif; letter-spacing:0; text-transform:none; margin:0 0 20px; }
body.artist-profile-view #artist-app .hero { display:grid; grid-template-columns:minmax(180px,25%) minmax(0,1fr) minmax(210px,23%); align-items:center; gap:30px; padding:0 28px 28px 0; border:0; border-bottom:1px solid #213647; border-radius:0; background:linear-gradient(90deg,#040812c9,#040812dd),url('/_website/website-20261027-release205charts1/redesign/assets/space-ambient-v1.webp?v=ce107b3ddd05') center/cover; box-shadow:none; overflow:visible; }
body.artist-profile-view .hero::after { display:none; }
body.artist-profile-view #artist-app .hero-avatar { width:100%; height:auto; aspect-ratio:1; grid-column:1; grid-row:1; border-radius:10px; border:1px solid #27475c; box-shadow:none; object-fit:cover; }
body.artist-profile-view .hero-avatar.placeholder { display:grid; place-items:center; min-height:200px; color:#5fc6ef; background:#122b3a; }
body.artist-profile-view #artist-app .hero-body { min-width:0; grid-column:2; grid-row:1; }
body.artist-profile-view #artist-app .hero-name { font-size:clamp(30px,3.5vw,62px); line-height:1.1; text-transform:none; letter-spacing:0; margin:0 0 18px; overflow-wrap:anywhere; }
.artist-lead { color:#b7cddd; font:16px/1.7 'Segoe UI',sans-serif; margin:0 0 24px; }
.artist-profile-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.artist-hero-aside { min-width:0; align-self:center; grid-column:3; grid-row:1; }
body.artist-profile-view .artist-rotation { color:#22c5ef; font:400 23px/1.5 'Russo One',sans-serif; text-transform:none; letter-spacing:0; margin:0; padding:0 0 20px; }
body.artist-profile-view .pick { margin:0; padding:20px 0 0; border:0; border-top:1px solid #304450; border-radius:0; background:none; box-shadow:none; backdrop-filter:none; align-items:start; gap:14px; }
body.artist-profile-view .pick-star { font-size:24px; filter:none; }
body.artist-profile-view .pick-badge { font:600 12px/1.6 'Segoe UI',sans-serif; letter-spacing:1px; }
body.artist-profile-view .pick-title { font:600 18px/1.4 'Segoe UI',sans-serif; margin:6px 0; }
body.artist-profile-view .pick-sub { color:#a7bdcd; font-size:13px; }
body.artist-profile-view #artist-app .artist-badges { grid-column:2/4; border:0; padding:0; }
body.artist-profile-view .artist-badges-label { color:#9fb9cd; }
body.artist-profile-view .cols { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:22px; margin-top:24px; }
body.artist-profile-view .cols:has(> .card:only-child) { grid-template-columns:1fr; }
body.artist-profile-view .card { padding:26px; backdrop-filter:none; min-width:0; }
body.artist-profile-view .card-label { color:#e8edf6; font:400 22px/1.3 'Russo One',sans-serif; letter-spacing:0; text-transform:none; margin:0 0 15px; }
body.artist-profile-view .bio { font:15px/1.85 'Segoe UI',sans-serif; color:#b7c9d9; }
body.artist-profile-view .artist-top-tracks { background:none!important; border:0; padding:28px 0 0; }
.artist-track-note { color:#96afc2; font:13px/1.6 'Segoe UI',sans-serif; margin:-6px 0 18px; }
body.artist-profile-view .artist-top-tracks .tracks { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
body.artist-profile-view .artist-top-tracks .track { display:grid; grid-template-columns:22px minmax(0,1fr); align-content:start; gap:10px; border:1px solid #244252; background:linear-gradient(150deg,#102330,#07121e); padding:19px 16px; border-radius:8px; }
body.artist-profile-view .track-title { white-space:normal; overflow-wrap:anywhere; line-height:1.5; font-size:15px; }
body.artist-profile-view .track-genre { color:#a3bdd0; line-height:1.6; margin-top:9px; font-size:13px; }
body.artist-profile-view .track-rank { font:400 21px 'Russo One',sans-serif; color:#19c2ee; }
body.artist-profile-view .track-score { grid-column:2; justify-self:start; color:#ffb971; background:#291e15; border:1px solid #634021; font:600 12px/1.5 'Segoe UI',sans-serif; padding:3px 9px; margin-top:8px; }
.artist-link-description { color:#9fb6c9; font-size:14px; margin:0 0 16px; }
body.artist-profile-view .hero-links { display:flex; flex-direction:column; gap:0; margin:0; }
body.artist-profile-view .hero-link { display:flex; justify-content:space-between; border:0; border-bottom:1px solid #233d4f; border-radius:0; background:none; padding:14px 0; font:15px/1.4 'Segoe UI',sans-serif; }
body.artist-profile-view .hero-link::after { content:'↗'; color:#19c2ee; }
body.artist-profile-view .hero-link:hover { color:#3ac9f3; background:none; }
.artist-remixes-card { grid-column:1/-1; }
@media(min-width:2000px){body[data-route^="artists"] .artist-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:1450px){body[data-route^="artists"] .artist-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}body.artist-profile-view #artist-app .hero{gap:24px}}
@media(max-width:1150px){body[data-route^="artists"] .replacement-intro{padding-top:180px}body.artist-profile-view .content{padding-top:155px}body[data-route^="artists"] .artist-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.artist-profile-view #artist-app .hero{grid-template-columns:240px minmax(0,1fr)}.artist-hero-aside{grid-column:2;grid-row:2}.artist-masthead-bot{right:2%;width:35%;height:280px}body.artist-profile-view #artist-app .artist-badges{grid-column:2}}
@media(max-width:800px){body[data-route^="artists"] .artist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.artist-browser{flex-wrap:wrap;gap:15px}.artist-result-count{width:100%;margin:0}.artist-search{flex:1}.artist-invitation{align-items:start;flex-direction:column;padding:24px}body.artist-profile-view #artist-app .hero{grid-template-columns:180px minmax(0,1fr);gap:22px;padding-right:0}body.artist-profile-view .cols{grid-template-columns:1fr}.artist-masthead-bot{opacity:.6;right:-4%}body[data-route^="artists"] .replacement-intro>div{max-width:80%}}
@media(max-width:560px){body[data-route^="artists"] .content{width:calc(100% - 36px)}body[data-route^="artists"] .replacement-intro{min-height:0;padding:116px 22px 30px}body[data-route^="artists"] .replacement-intro>div{max-width:100%}body[data-route^="artists"] .replacement-intro h1{font-size:36px}body[data-route^="artists"] .replacement-intro p:not(.replacement-eyebrow){font-size:15px}.artist-masthead-bot{display:none}.artist-browser{padding:22px 0}.artist-search,.artist-sort{width:100%;flex:auto}.artist-browser input,.artist-browser select{font-size:16px}body[data-route^="artists"] .artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-route^="artists"] .artist-card{padding:0}.artist-caption{padding:13px 10px}body[data-route^="artists"] .artist-name{font-size:15px}body[data-route^="artists"] .artist-blurb{font-size:12px}.artist-card-arrow{right:8px;top:10px}.artist-invitation h2{font-size:22px}body.artist-profile-view .content{padding-top:107px}body.artist-profile-view #artist-app .hero{grid-template-columns:1fr;gap:22px;padding:0 0 24px}body.artist-profile-view #artist-app .hero-avatar{width:100%;max-width:340px;grid-column:1;grid-row:auto;margin:auto}body.artist-profile-view #artist-app .hero-body{grid-column:1;grid-row:auto}body.artist-profile-view #artist-app .hero-name{font-size:38px}.artist-hero-aside{grid-column:1;grid-row:auto}.artist-lead{font-size:15px}body.artist-profile-view #artist-app .artist-badges{grid-column:1}body.artist-profile-view .artist-top-tracks .tracks{grid-template-columns:1fr}body.artist-profile-view .artist-top-tracks .track{grid-template-columns:24px minmax(0,1fr) auto;align-items:center}body.artist-profile-view .track-score{grid-column:3;grid-row:1;margin:0}body.artist-profile-view .card{padding:22px}body.artist-profile-view .artist-top-tracks{padding:26px 0 0}}

@media(min-width:561px) and (max-width:1050px){body.artist-profile-view .artist-top-tracks .tracks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:561px) and (max-width:800px){body[data-route^="artists"] .replacement-intro>div{max-width:64%}.artist-masthead-bot{opacity:1;right:1%}}

/* Artist profile composition, artwork, identity and discovery. */
body.artist-profile-view .content{width:92%;padding-top:113px}
body.artist-profile-view #artist-app .hero{grid-template-columns:minmax(200px,23%) minmax(0,1fr) minmax(300px,31%);gap:30px;padding:24px;border:1px solid #1b3547;border-radius:12px;background:linear-gradient(90deg,#06111ef7 0%,#06111eeb 48%,#06111e75),url('/_website/website-20261027-release205charts1/redesign/assets/space-ambient-v1.webp?v=ce107b3ddd05') right center/cover}
body.artist-profile-view #artist-app .hero-avatar{border-radius:8px;max-height:340px;aspect-ratio:1}
body.artist-profile-view #artist-app .hero-name{font-size:clamp(32px,3vw,54px);margin-bottom:14px}
.artist-lead{font-size:15px;line-height:1.75;margin-bottom:14px}
.artist-profile-actions{margin-top:18px;gap:10px}
.artist-profile-actions .artist-action{padding:10px 14px;font-size:13px;gap:8px}
body.artist-profile-view .artist-action-primary{background:linear-gradient(130deg,#00c5ed,#00a4e8);border-color:#18ccec;color:#03131f;box-shadow:0 4px 24px #00b9e51a}
body.artist-profile-view .artist-action-primary:hover{background:#43d5f4}
.artist-hero-aside{align-self:center}
.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:19px 8px;border:1px solid #234358;background:#061521dc;border-radius:8px;box-shadow:0 8px 30px #0002}
.profile-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:0 8px;min-width:0}
.profile-stat+.profile-stat{border-left:1px solid #244050}
.profile-stat strong{color:#31cdf3;font:600 clamp(16px,1.3vw,24px)/1.3 'Segoe UI',sans-serif;overflow-wrap:anywhere}
.profile-stat span{font:12px/1.4 'Segoe UI',sans-serif;color:#d3e1ef}
.profile-stat small{font:10px/1.5 'Segoe UI',sans-serif;color:#8eacc0}
body.artist-profile-view .profile-pick{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:16px;padding:16px;margin:16px 0 0;border:1px solid #234358;border-radius:8px;background:#071623c9}
body.artist-profile-view .pick-title{font-size:18px;margin:5px 0}
body.artist-profile-view .pick-badge{color:#ffb86d;letter-spacing:1.2px;font-size:10px}
.profile-pick-cover,.profile-track-cover,.profile-remix-cover{position:relative;display:grid;place-items:center;aspect-ratio:1;overflow:hidden;border-radius:6px;background:radial-gradient(circle at 30% 30%,#184d62,#0a1728 80%);color:#56c5e2;border:1px solid #27485b}
.profile-pick-cover{width:82px}
.profile-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px}
.profile-icon svg{width:100%;height:100%}
.profile-track-cover>.profile-icon,.profile-pick-cover>.profile-icon{width:32px;height:32px}
.profile-track-cover img,.profile-pick-cover img,.profile-remix-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.profile-share-wrap{margin-top:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.profile-share{display:inline-flex;align-items:center;gap:8px;padding:5px 0;background:none;border:0;color:#9ebbcf;font:13px 'Segoe UI',sans-serif;cursor:pointer}
.profile-share .profile-icon{width:16px;height:16px;flex-basis:16px}
.profile-share:hover{color:#33d2f2}
.profile-share-status{margin:0;font-size:12px;color:#abd8e9}
.profile-share-url{width:100%;font-size:13px;padding:10px}
body.artist-profile-view #artist-app .artist-badges{grid-column:2/4;grid-row:2;padding-top:0}
body.artist-profile-view .artist-badges-label{margin:0 0 8px;font-size:10px}
body.artist-profile-view .artist-badge{width:48px;height:48px;flex-basis:48px}
body.artist-profile-view .artist-top-tracks{padding-top:26px;margin:0}
.profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.profile-section-heading h2,.profile-section-heading>div{font:400 21px/1.3 'Russo One',sans-serif;color:#e9f2fc;margin:0}
.profile-section-heading p{font:13px/1.6 'Segoe UI',sans-serif;color:#90adc3;margin:5px 0 0}
.profile-text-link{font:13px/1.5 'Segoe UI',sans-serif;color:#21c6ee;white-space:nowrap;text-decoration:none}
body.artist-profile-view .artist-top-tracks .tracks{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
body.artist-profile-view .artist-top-tracks .track{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px 13px;padding:13px;align-items:center;background:linear-gradient(135deg,#0b2130,#06111b);box-shadow:0 6px 24px #0002;border-color:#204257;border-radius:9px}
.profile-track-cover{grid-column:1;grid-row:1/3;width:86px}
body.artist-profile-view .track-body{min-width:0}
body.artist-profile-view .track-title{font:600 14px/1.4 'Segoe UI',sans-serif;color:#e6effa}
body.artist-profile-view .track-genre{margin-top:7px;color:#a6c4d9;font:11px/1.5 'Segoe UI',sans-serif}
.profile-track-footer{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px}
body.artist-profile-view .profile-track-footer .track-score{font:11px/1.5 'Segoe UI',sans-serif;color:#d0b693;border:0;background:none;padding:0;margin:0}
.track-duration{font:11px/1.5 'Segoe UI',sans-serif;color:#8eacbf;white-space:nowrap}
body.artist-profile-view .cols{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.85fr);gap:18px;margin-top:24px;align-items:start}
body.artist-profile-view .cols>.card{height:100%;padding:23px;border:1px solid #203e51;border-radius:9px;background:linear-gradient(135deg,#0c1e2bea,#07121ddf);box-shadow:none}
body.artist-profile-view .card-label{font:400 20px/1.4 'Russo One',sans-serif;margin-bottom:12px}
body.artist-profile-view .bio{font-size:14px;line-height:1.9;margin-bottom:0}
body.artist-profile-view .hero-link{display:flex;align-items:center;justify-content:start;gap:13px;padding:12px 0;font-size:14px}
body.artist-profile-view .hero-link::after{display:none}
.platform-name{flex:1}
.hero-link>.profile-icon:last-child{width:15px;height:15px;flex-basis:15px;color:#7db6d0}
.hero-link[data-platform="youtube"]>.profile-icon:first-child{color:#ff454e}
.hero-link[data-platform="twitch"]>.profile-icon:first-child{color:#b78aff}
.hero-link[data-platform="instagram"]>.profile-icon:first-child{color:#f479b8}
.hero-link[data-platform="suno"]>.profile-icon:first-child{color:#ffe1ca}
body.artist-profile-view .profile-creator-card{background:radial-gradient(ellipse at top right,#113a4e99,transparent 70%),#081724}
.profile-creator-card>.profile-icon{width:42px;height:42px;color:#18c6ee;margin-bottom:20px}
.profile-creator-card .artist-kicker{font-size:10px;letter-spacing:1.8px}
.profile-creator-card>p:not(.artist-kicker){font:14px/1.8 'Segoe UI',sans-serif;color:#a9c2d6}
.profile-creator-card .artist-action{width:100%;margin-top:10px;font-size:13px;border-color:#00afe3}
body.artist-profile-view .artist-remixes-card{height:auto;grid-column:1/-1}
.artist-remixes-card .tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.artist-profile-view .artist-remixes-card .track{display:flex;align-items:center;gap:13px;padding:0;border:0}
.profile-remix-cover{width:56px;min-width:56px}
.profile-discovery{margin:28px 0 0;padding-top:23px;border-top:1px solid #233d4f}
.profile-discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.profile-discovery-card{display:flex;align-items:center;gap:14px;padding:11px;border:1px solid #213e50;border-radius:8px;background:#081724;text-decoration:none;color:#e9f3fc}
.profile-discovery-card:hover{border-color:#00bfee;background:#0b2536}
.profile-discovery-card img{width:64px;height:64px;object-fit:cover;border-radius:5px}
.profile-discovery-card>div{flex:1;min-width:0}
.profile-discovery-card strong{display:block;font:600 14px/1.5 'Segoe UI',sans-serif;overflow-wrap:anywhere}
.profile-discovery-card span:not(.profile-icon){display:block;font:11px/1.6 'Segoe UI',sans-serif;color:#9bb8cc}
.profile-discovery-card .profile-icon{width:16px;height:16px;flex-basis:16px;color:#52b4d4}
body.artist-profile-view :is(a,button,input):focus-visible{outline:2px solid #5fddff;outline-offset:4px}
#artist-tracks,#artist-about{scroll-margin-top:120px}
@media(max-width:1550px){body.artist-profile-view .artist-top-tracks .track{grid-template-columns:1fr;padding:12px}.profile-track-cover{width:100%;grid-row:1;grid-column:1;aspect-ratio:1.35}.profile-track-footer{grid-column:1}body.artist-profile-view .artist-top-tracks .track-body{align-self:start;min-height:62px}}
@media(max-width:1150px){body.artist-profile-view .content{padding-top:155px}body.artist-profile-view #artist-app .hero{grid-template-columns:210px minmax(0,1fr);gap:24px}.artist-hero-aside{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px}.profile-stats{height:100%;align-items:center}body.artist-profile-view .profile-pick{margin:0}body.artist-profile-view #artist-app .artist-badges{grid-row:3;grid-column:1/-1}body.artist-profile-view .cols{grid-template-columns:1.3fr 1fr}.profile-creator-card{grid-column:1/-1}.profile-creator-card>.profile-icon{display:none}.profile-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.artist-profile-view #artist-app .hero{grid-template-columns:140px minmax(0,1fr);padding:18px;gap:20px}body.artist-profile-view #artist-app .hero-name{font-size:32px}.artist-hero-aside{grid-template-columns:1fr}.profile-stats{min-height:95px}.profile-stat strong{font-size:18px}body.artist-profile-view .artist-top-tracks .tracks{grid-template-columns:repeat(2,minmax(0,1fr))}body.artist-profile-view .cols{grid-template-columns:1fr}.artist-remixes-card .tracks{grid-template-columns:1fr}.profile-section-heading>div,.profile-section-heading h2{font-size:19px}}
@media(max-width:560px){body.artist-profile-view .content{width:calc(100% - 32px);padding-top:106px}body.artist-profile-view #artist-app .hero{grid-template-columns:1fr;padding:18px;gap:22px}body.artist-profile-view #artist-app .hero-avatar{max-width:240px;grid-row:1;grid-column:1}body.artist-profile-view #artist-app .hero-body{grid-row:2;grid-column:1}.artist-hero-aside{grid-row:3;grid-column:1}body.artist-profile-view #artist-app .artist-badges{grid-row:4;grid-column:1}.artist-lead{font-size:14px}body.artist-profile-view #artist-app .hero-name{font-size:36px}.profile-stat{padding:0 5px}.profile-stat strong{font-size:16px}.profile-stat span{font-size:11px}.profile-stat small{font-size:10px}body.artist-profile-view .artist-top-tracks .tracks{grid-template-columns:1fr}body.artist-profile-view .artist-top-tracks .track{grid-template-columns:86px minmax(0,1fr);align-items:center;padding:12px}.profile-track-cover{width:86px;aspect-ratio:1;grid-row:1/3}.profile-track-footer{grid-column:2}body.artist-profile-view .artist-top-tracks .track-body{min-height:0}.profile-discovery-grid{grid-template-columns:1fr}.profile-discovery-card img{width:58px;height:58px}.profile-section-heading{gap:10px}.profile-text-link{font-size:12px}.artist-profile-actions .artist-action{flex:1}.profile-share-status{font-size:11px}}
.profile-stat-pending strong{font-size:13px;font-weight:400;color:#8eacbf;padding-top:6px}
.profile-sounds{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 0}
.profile-sounds span{border:1px solid #28516a;border-radius:20px;padding:4px 12px;background:#0b2133b3;color:#a8d3e8;font:11px/1.4 'Segoe UI',sans-serif}
body.artist-profile-view #artist-app .artist-hero-aside .artist-badges{margin-top:18px;padding:0;border:0}
body.artist-profile-view #artist-app .hero-avatar{max-height:none}
@media(min-width:1151px){body.artist-profile-view #artist-app .hero{grid-template-columns:minmax(220px,18%) minmax(0,1fr) minmax(300px,31%)}}
@media(min-width:761px) and (max-width:1150px){body.artist-profile-view #artist-app .artist-hero-aside .artist-badges{grid-column:1/-1;grid-row:2;margin-top:0}}
body.artist-profile-view #artist-app .artist-hero-aside .artist-badges{grid-row:auto;grid-column:auto}
@media(min-width:761px) and (max-width:1150px){body.artist-profile-view #artist-app .artist-hero-aside .artist-badges{grid-column:1/-1}}
@media(min-width:761px) and (max-width:1150px){body.artist-profile-view .artist-top-tracks .tracks{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Profiles with no distinct biography should use the available space, not retain an empty story column. */
body.artist-profile-view .cols:not(:has(>.artist-about-card)){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
body.artist-profile-view .cols:not(:has(>.artist-about-card))>.card{height:auto}
body.artist-profile-view .cols:not(:has(>.artist-about-card))>.profile-creator-card{grid-column:auto}
@media(max-width:760px){body.artist-profile-view .cols:not(:has(>.artist-about-card)){grid-template-columns:1fr}}