feat: mobile artist hero — full-bleed image with name, no pfp square

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

styles.css

@@ -829,6 +829,12 @@ button:focus{outline:none}
 .artist-hero-pfp-initial{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:700;color:var(--text2);line-height:1}
 .artist-hero-info{min-width:0;flex:1;display:flex;align-items:flex-end;padding:20px 24px;background:linear-gradient(to left,rgba(7,7,15,.95) 0%,rgba(7,7,15,.1) 100%)}
 .artist-hero-name{font-size:26px;font-weight:800;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+@media(max-width:768px){
+  .artist-hero-bg{filter:brightness(0.75) saturate(0.85);transform:scale(1)}
+  .artist-hero-pfp-wrap{display:none}
+  .artist-hero-overlay{align-items:flex-end;padding:18px 20px;background:linear-gradient(to top,rgba(7,7,15,.82) 0%,transparent 65%)}
+  .artist-hero-info{background:none;padding:0}
+}
 @media(min-width:769px){
   .artist-hero{height:320px;border-radius:16px}
   .artist-hero-info{padding:28px 36px}