diff --git a/styles.css b/styles.css
index c878b63..232d382 100644
--- a/styles.css
+++ b/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}