.profile-page {
  color-scheme: light;
  --bg: #f6f5f1;
  --surface: #fff;
  --ink: #171a2d;
  --muted: #6d7083;
  --line: #e6e5ef;
  --accent: #a12da0;
  --profile-accent: #8054dc;
  --profile-accent-end: #dc4d88;
  --profile-tint: #f0e7ff;
  --profile-glow: #f7daed;
  background: radial-gradient(ellipse at 4% 5%, #e7e3ff 0, transparent 27%), radial-gradient(ellipse at 92% 10%, #ffe4dd 0, transparent 30%), var(--bg);
  color: var(--ink);
}
.profile-page[data-artist-slug=all-the-way-up] { --profile-accent:#7559de; --profile-accent-end:#bb3264; --profile-tint:#eee8ff; --profile-glow:#ffdde7; }
.profile-page[data-artist-slug=be-real] { --profile-accent:#ba4b29; --profile-accent-end:#9934a5; --profile-tint:#ffeddd; --profile-glow:#f2dbff; }
.profile-page[data-artist-slug=glitchware] { --profile-accent:#355dc7; --profile-accent-end:#8045c7; --profile-tint:#e5efff; --profile-glow:#ebdbff; }
.profile-page[data-artist-slug=wtf-wally] { --profile-accent:#ba3459; --profile-accent-end:#7550cc; --profile-tint:#ffe3e9; --profile-glow:#e8ddff; }
.profile-page[data-artist-slug=marie] { --profile-accent:#b52b88; --profile-accent-end:#7753ce; --profile-tint:#fce5f2; --profile-glow:#e5dfff; }
.profile-page :focus-visible { outline-color:#7655dc; outline-offset:5px; }
.profile-page ::selection { background:#ded1ff; color:#19122a; }
.profile-header { height:84px; border-bottom:1px solid #e6e5ef99; background:#fffffff0; backdrop-filter:blur(20px); }
.profile-header .wordmark { color:var(--ink); }
.profile-header .wordmark svg { fill:#7d58d4; }
.profile-header .language-control svg { stroke:var(--muted); }
.profile-header .language-control select { color:var(--ink); }
.profile-header .language-control select option { background:#fff; color:var(--ink); }
.profile-header-end { display:flex; align-items:center; gap:34px; }
.profile-back { display:inline-flex; gap:10px; align-items:center; color:#53596d; font-size:12px; }
.profile-back:hover { color:var(--profile-accent); }
.profile-main { max-width:1350px; padding-top:36px; }
.profile-hero {
  position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); align-items:center; gap:52px;
  padding:48px; border:1px solid #fff; border-radius:30px; overflow:hidden;
  background:linear-gradient(135deg,#fff 32%,#ffffffd9 100%); box-shadow:0 16px 70px #30214c08;
}
.profile-hero:before { content:''; position:absolute; inset-inline-end:-12%; top:-25%; width:65%; aspect-ratio:1; background:radial-gradient(circle,var(--profile-glow),transparent 68%); z-index:-1; }
.profile-without-image { grid-template-columns:1fr; }
.profile-without-image .profile-identity { max-width:750px; }
.profile-label { color:var(--profile-accent); font-size:10px; letter-spacing:1.6px; gap:10px; }
.profile-label-star { font-size:17px; line-height:1; }
.profile-identity h1 { font-size:clamp(48px,5.7vw,84px); line-height:1.04; font-weight:700; letter-spacing:-.07em; margin-top:21px; overflow-wrap:anywhere; }
.profile-genre { display:inline-block; margin-top:21px; font-size:11px; font-weight:500; line-height:1.5; padding:7px 13px; background:var(--profile-tint); color:#57506f; border-radius:30px; }
.profile-bio { font-size:14px; line-height:1.8; max-width:425px; color:var(--muted); margin-top:18px; }
.profile-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:27px; }
.profile-listen { min-height:49px; font-size:11px; padding:13px 18px; gap:24px; border-radius:12px; background:linear-gradient(110deg,var(--profile-accent),var(--profile-accent-end)); color:#fff; box-shadow:0 6px 20px #914fda20; }
.profile-listen:hover { background:linear-gradient(110deg,var(--profile-accent),var(--profile-accent-end)); box-shadow:0 8px 25px #914fda30; transform:translateY(-2px); }
.profile-listen .arrow { font-size:20px; }
.profile-share-button { display:flex; align-items:center; gap:8px; min-height:48px; border:1px solid #e4e0ed; background:#ffffffc9; border-radius:12px; padding:12px 13px; color:#57516e; font-size:10px; line-height:1.5; }
.profile-share-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.profile-share-button:hover { border-color:#bdb1d6; background:#fff; }
.profile-share-button:disabled { opacity:.6; cursor:wait; }
.profile-share-status { color:#6c4797; font-size:11px; margin-top:12px; }
.profile-share-status:empty { margin:0; }
.profile-copy-url { margin-top:10px; max-width:100%; width:400px; background:#fff; border:1px solid #cec4e1; color:var(--ink); border-radius:9px; padding:11px; font-size:11px; direction:ltr; }
.profile-visual { position:relative; min-width:0; aspect-ratio:1; max-width:420px; width:100%; justify-self:end; padding:10px; }
.profile-visual:before { content:''; position:absolute; inset:6% -3% -1% 5%; border-radius:28px; background:linear-gradient(140deg,var(--profile-accent),var(--profile-accent-end)); transform:rotate(5deg); z-index:-1; opacity:.74; }
.profile-portrait { width:100%; height:100%; object-fit:cover; border-radius:24px; box-shadow:0 20px 45px #3e235d22; border:4px solid #fff; }
.visual-cover .profile-portrait { object-fit:contain; background:#fff; }
.profile-visual-tag { position:absolute; bottom:26px; inset-inline:27px; padding:10px 13px; background:#ffffffed; color:#494259; box-shadow:0 3px 20px #171a2d0c; border-radius:10px; text-align:center; font-size:8px; letter-spacing:.8px; line-height:1.5; }
.profile-layout { display:grid; grid-template-columns:300px minmax(0,1fr); gap:35px; align-items:start; padding-block:38px 48px; }
.profile-sidebar { align-self:start; position:sticky; top:110px; scroll-margin-top:112px; }
.profile-panel { padding:27px 23px; border:1px solid #fff; background:#fff; border-radius:24px; box-shadow:0 10px 36px #33264c07; }
.profile-panel .eyebrow { color:var(--profile-accent); font-size:9px; letter-spacing:1px; }
.profile-panel h2 { font-size:29px; line-height:1.18; letter-spacing:-1px; margin-top:14px; max-width:230px; }
.profile-panel-note { color:var(--muted); font-size:11px; line-height:1.7; margin-top:12px; }
.profile-platform-list { display:flex; flex-direction:column; gap:10px; margin-top:23px; }
.profile-platform-link { display:flex; align-items:center; gap:12px; padding:13px 12px; border:1px solid #e9e8f0; border-radius:13px; background:#f9f9fc; color:#26263a; font-size:11px; font-weight:600; transition:transform .2s,border-color .2s,box-shadow .2s; }
.profile-platform-link:hover { transform:translateY(-2px); border-color:#cec9df; box-shadow:0 5px 13px #21152a09; }
.profile-platform-link[data-brand=spotify] { background:#effbf3; border-color:#d8efdf; }
.profile-platform-link[data-brand=apple-music] { background:#fff0f2; border-color:#fae0e5; }
.profile-platform-link[data-brand=amazon-music] { background:#edfafa; border-color:#daeeee; }
.profile-platform-link[data-brand=instagram] { background:#fff1f8; border-color:#f8e1ee; }
.profile-platform-link[data-brand=tiktok] { background:#f4f4f9; }
.profile-platform-link[data-brand=youtube] { background:#fff2f1; border-color:#f7e1df; }
.profile-platform-icon { display:grid; place-items:center; width:27px; height:27px; flex-shrink:0; }
.brand-icon { width:25px; height:25px; flex-shrink:0; display:block; }
.profile-platform-arrow { margin-inline-start:auto; font-size:19px; font-weight:400; color:#797584; }
.profile-label-credit { color:#766a81; text-align:center; font-size:9px; line-height:1.8; padding:17px 20px 0; }
.profile-content { min-width:0; display:flex; flex-direction:column; gap:30px; }
.profile-releases { padding:27px; border-radius:24px; background:#fff; border:1px solid #fff; box-shadow:0 10px 36px #33264c07; }
.profile-section-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.profile-section-heading .eyebrow { color:var(--profile-accent); font-size:9px; letter-spacing:1.4px; }
.profile-section-heading h2 { font-size:31px; line-height:1.2; letter-spacing:-1.15px; margin-top:8px; }
.profile-section-heading>svg { width:25px; height:25px; stroke:var(--profile-accent); stroke-width:1.3; flex-shrink:0; }
.profile-section-note { color:var(--muted); font-size:11px; line-height:1.7; margin-top:10px; }
.profile-release-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:24px; align-items:start; }
.profile-release-card { min-width:0; border-radius:15px; }
.profile-release-card a { display:block; }
.profile-release-art { position:relative; aspect-ratio:1; overflow:hidden; border-radius:15px; background:#f3f1f6; box-shadow:0 7px 20px #171a2d0c; }
.profile-release-image { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.profile-release-card a:hover .profile-release-image { transform:scale(1.045); }
.profile-release-play { position:absolute; inset-inline-end:12px; bottom:12px; width:34px; height:34px; display:grid; place-items:center; background:#fffffff2; border-radius:50%; color:#18182b; box-shadow:0 3px 10px #0002; }
.profile-release-play svg { width:18px; height:18px; fill:currentColor; }
.profile-release-info { padding-top:13px; }
.profile-release-meta { display:flex; gap:10px; align-items:center; justify-content:space-between; font-size:8px; color:#6c6479; letter-spacing:.5px; text-transform:uppercase; line-height:1.5; }
.profile-release-info h3 { font-size:15px; line-height:1.4; letter-spacing:-.35px; margin-top:7px; overflow-wrap:anywhere; }
.profile-release-platform { display:flex; align-items:center; gap:6px; margin-top:12px; color:#6d667e; font-size:9px; line-height:1.5; }
.profile-release-platform .brand-icon { width:17px; height:17px; }
.profile-release-platform>span:last-child { margin-inline-start:auto; font-size:15px; }
.profile-release-card.text-only { background:#f8f7fb; border:1px solid #eeebf4; padding:16px; align-self:start; }
.profile-release-card.text-only .profile-release-info { padding:0; }
.profile-release-card.text-only h3 { font-size:17px; }
.profile-player-panel { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:25px; padding:25px 27px; border:1px solid #dceee3; border-radius:24px; background:linear-gradient(115deg,#f4fcf7,#ebf9f2); }
.profile-player-intro { display:flex; align-items:center; gap:14px; align-self:center; }
.profile-player-intro>.brand-icon { width:36px; height:36px; }
.profile-player-intro .eyebrow { font-size:9px; letter-spacing:1.1px; color:#425d4a; }
.profile-player-intro h2 { font-size:27px; letter-spacing:-1px; line-height:1.2; margin-top:5px; }
.profile-player-button { display:flex; align-items:center; justify-content:center; gap:9px; width:100%; min-height:46px; padding:12px 15px; border:0; border-radius:12px; background:#161b19; color:#fff; font-size:11px; text-align:start; }
.profile-player-button:hover { background:#263c2e; }
.profile-player-button svg { width:18px; height:18px; fill:currentColor; flex-shrink:0; }
.profile-player-note { font-size:9px; color:#425d4a; line-height:1.6; margin-top:8px; }
.profile-player-fallback { display:inline-flex; gap:7px; margin-top:8px; font-size:9px; color:#496b58; }
.profile-player-fallback span:last-child { font-size:15px; }
.profile-spotify-frame { display:block; width:100%; max-width:100%; min-height:352px; border:0; border-radius:12px; background:#e4f4eb; }
.profile-player-panel:has(.profile-spotify-frame) { grid-template-columns:1fr; }
.profile-videos { padding:27px; border:1px solid #fff; border-radius:24px; background:#fff; box-shadow:0 10px 36px #33264c07; }
.profile-videos .profile-section-heading h2 { margin-top:0; }
.profile-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:22px; }
.profile-video-card { min-width:0; border:1px solid #eeeaf3; border-radius:17px; overflow:hidden; background:#fff; }
.profile-video-grid:has(>.profile-video-card:only-child) { grid-template-columns:1fr; }
.profile-video-art { position:relative; aspect-ratio:16/9; overflow:hidden; background:#f2f0f5; }
.profile-video-art img { width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.profile-video-card:hover img { transform:scale(1.03); }
.profile-video-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:49px; height:49px; border-radius:50%; background:#fffffff2; color:#18172b; box-shadow:0 5px 20px #0002; }
.profile-video-play svg { width:23px; height:23px; fill:currentColor; }
.profile-video-info { padding:19px; }
.profile-video-platform { display:flex; align-items:center; gap:6px; color:#75677d; font-size:9px; }
.profile-video-platform .brand-icon { width:19px; height:19px; }
.profile-video-info h3 { font-size:16px; line-height:1.45; letter-spacing:-.4px; margin-top:9px; }
.profile-video-watch { display:inline-flex; align-items:center; gap:9px; color:var(--profile-accent); font-size:10px; font-weight:500; margin-top:11px; }
.profile-video-card.text-only .profile-video-info { padding:20px; }
.profile-audience { padding:25px 27px; border:1px solid #e9e5ef; border-radius:24px; background:#ffffffa6; }
.profile-audience-heading h2 { font-size:19px; font-weight:600; letter-spacing:-.4px; line-height:1.35; }
.profile-audience-heading>p { color:var(--muted); font-size:10px; line-height:1.7; margin-top:7px; }
.profile-metrics-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); gap:18px; margin-top:22px; }
.profile-metric-card { padding-top:17px; border-top:1px solid #e5e1eb; }
.profile-metric-platform { display:flex; align-items:center; gap:7px; font-size:10px; color:#635c70; }
.profile-metric-platform .brand-icon { width:19px; height:19px; }
.profile-metric-card>strong { display:block; color:#302541; font:650 35px/1.2 var(--display); letter-spacing:-1.5px; margin-top:13px; }
.profile-metric-card h3 { font-size:11px; font-weight:500; letter-spacing:0; line-height:1.5; margin-top:4px; }
.profile-metric-period { font-size:9px; color:#766b82; margin-top:4px; }
.profile-metric-source { display:flex; flex-direction:column; align-items:start; gap:5px; margin-top:14px; font-size:8px; line-height:1.6; color:#6b6078; }
.profile-metric-source a { display:flex; gap:5px; color:#776385; }
.profile-metric-source a:hover { color:#643487; }
.profile-discover { padding-block:10px 38px; }
.profile-discover-heading { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-bottom:22px; }
.profile-discover-heading h2 { font-size:22px; line-height:1.3; letter-spacing:-.65px; }
.profile-discover-heading .text-link { font-size:10px; color:#796285; }
.profile-artist-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.profile-other-artist { display:flex; align-items:center; gap:12px; min-width:0; border:1px solid #fff; border-radius:17px; padding:13px; background:#fff; box-shadow:0 6px 20px #30214c05; font-size:11px; font-weight:500; line-height:1.4; transition:transform .2s,box-shadow .2s; }
.profile-other-artist:hover { transform:translateY(-3px); box-shadow:0 9px 20px #30214c0d; }
.profile-other-artist img { width:45px; height:45px; object-fit:cover; border-radius:12px; flex-shrink:0; }
.profile-other-artist>span:first-of-type { overflow-wrap:anywhere; }
.profile-other-artist>span:last-child { color:#9e8eb3; font-size:18px; margin-inline-start:auto; }
.profile-footer { max-width:1350px; display:flex; justify-content:space-between; align-items:center; gap:30px; padding-block:25px 33px; border-top:1px solid #ddd8e5; }
.profile-footer-brand { font:700 19px/1.2 var(--display); letter-spacing:-.6px; color:#312c40; }
.profile-footer-brand span { display:block; font:500 6px var(--body); letter-spacing:3.5px; margin-top:5px; }
.profile-footer p { font-size:9px; color:#76677e; }
html[dir=rtl] .profile-identity h1 { letter-spacing:-.045em; }
html[dir=rtl] .profile-footer-brand { direction:ltr; text-align:left; }
html[dir=rtl] .profile-back>span:first-child { transform:rotate(180deg); }
@media(max-width:1150px) {
  .profile-hero { gap:35px; padding:35px; }
  .profile-identity h1 { font-size:clamp(48px,6vw,74px); }
  .profile-layout { grid-template-columns:270px minmax(0,1fr); gap:25px; }
  .profile-release-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; }
  .profile-panel { padding:25px 20px; }
  .profile-releases,.profile-videos { padding:25px; }
  .profile-player-panel { grid-template-columns:1fr; gap:20px; }
  .profile-player-intro h2 { font-size:26px; }
  .profile-artist-links { gap:11px; }
  .profile-other-artist { padding:11px; gap:9px; font-size:10px; }
  .profile-other-artist img { width:38px; height:38px; border-radius:10px; }
}
@media(max-width:880px) {
  .profile-hero { padding:30px; gap:28px; }
  .profile-identity h1 { font-size:clamp(45px,6.5vw,65px); }
  .profile-bio { font-size:12px; }
  .profile-label { font-size:8px; letter-spacing:1px; }
  .profile-listen { padding:12px 14px; min-height:43px; font-size:10px; gap:18px; }
  .profile-share-button { min-height:43px; padding:10px; font-size:9px; }
  .profile-genre { font-size:10px; }
  .profile-visual-tag { font-size:6px; padding:8px 10px; bottom:23px; inset-inline:23px; letter-spacing:.3px; }
  .profile-layout { grid-template-columns:245px minmax(0,1fr); gap:20px; }
  .profile-panel { padding:23px 18px; }
  .profile-panel h2 { font-size:27px; }
  .profile-platform-link { padding:12px 10px; font-size:10px; gap:9px; }
  .profile-platform-icon,.profile-platform-icon .brand-icon { width:24px; height:24px; }
  .profile-releases,.profile-videos,.profile-audience,.profile-player-panel { padding:22px; }
  .profile-section-heading h2 { font-size:28px; }
  .profile-release-grid { gap:20px 14px; }
  .profile-release-info h3 { font-size:14px; }
  .profile-release-platform { font-size:8px; }
  .profile-release-play { width:28px; height:28px; bottom:9px; inset-inline-end:9px; }
  .profile-artist-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-other-artist { font-size:11px; padding:13px; gap:12px; }
  .profile-other-artist img { width:43px; height:43px; }
}
@media(max-width:650px) {
  .profile-header { height:76px; }
  .profile-header-end { gap:10px; }
  .profile-back { display:none; }
  .profile-main { padding-top:20px; }
  .profile-hero { display:flex; flex-direction:column-reverse; align-items:stretch; gap:30px; padding:23px; border-radius:25px; }
  .profile-hero:before { width:100%; top:-6%; inset-inline-end:-35%; }
  .profile-without-image { padding-block:33px; }
  .profile-visual { justify-self:auto; width:100%; max-width:none; padding:7px; aspect-ratio:1.18; }
  .profile-portrait { border-radius:20px; border-width:3px; }
  .visual-cover { aspect-ratio:1; }
  .profile-visual:before { border-radius:22px; inset:8% 0 0 7%; transform:rotate(4deg); }
  .profile-visual-tag { font-size:8px; bottom:23px; inset-inline:23px; padding:10px; letter-spacing:.4px; }
  .profile-label { font-size:9px; letter-spacing:1.2px; }
  .profile-identity h1 { font-size:clamp(46px,12vw,68px); line-height:1.05; letter-spacing:-.075em; margin-top:18px; }
  .profile-genre { font-size:10px; margin-top:19px; padding:7px 12px; }
  .profile-bio { font-size:12px; line-height:1.85; max-width:none; margin-top:16px; }
  .profile-hero-actions { gap:10px; margin-top:22px; }
  .profile-listen { min-height:45px; padding:12px 15px; font-size:10px; gap:18px; }
  .profile-share-button { min-height:45px; padding:11px 12px; font-size:9px; }
  .profile-layout { display:flex; flex-direction:column; gap:24px; padding-block:25px 32px; }
  .profile-sidebar { width:100%; position:static; }
  .profile-panel { padding:25px; border-radius:23px; }
  .profile-panel h2 { font-size:30px; max-width:none; letter-spacing:-1.1px; margin-top:12px; }
  .profile-panel-note { font-size:11px; margin-top:10px; }
  .profile-platform-list { margin-top:21px; }
  .profile-platform-link { padding:14px; font-size:12px; gap:13px; }
  .profile-platform-icon,.profile-platform-icon .brand-icon { width:28px; height:28px; }
  .profile-label-credit { font-size:8px; padding-top:12px; }
  .profile-content { width:100%; gap:24px; }
  .profile-releases,.profile-videos,.profile-audience { padding:25px 22px; border-radius:23px; }
  .profile-section-heading h2 { font-size:31px; letter-spacing:-1.2px; }
  .profile-section-heading .eyebrow { font-size:9px; }
  .profile-section-note { font-size:11px; margin-top:9px; }
  .profile-release-grid { gap:23px 16px; margin-top:22px; }
  .profile-release-art { border-radius:13px; }
  .profile-release-info { padding-top:12px; }
  .profile-release-info h3 { font-size:14px; }
  .profile-release-meta { font-size:7px; letter-spacing:.4px; gap:5px; }
  .profile-release-platform { font-size:8px; gap:5px; margin-top:9px; }
  .profile-release-platform .brand-icon { width:15px; height:15px; }
  .profile-release-play { width:29px; height:29px; }
  .profile-release-card.text-only { padding:15px; }
  .profile-release-card.text-only h3 { font-size:16px; }
  .profile-player-panel { padding:24px; border-radius:23px; gap:18px; }
  .profile-player-intro>.brand-icon { width:34px; height:34px; }
  .profile-player-intro h2 { font-size:28px; }
  .profile-player-button { font-size:11px; min-height:45px; }
  .profile-video-grid { grid-template-columns:1fr; gap:18px; margin-top:21px; }
  .profile-video-info { padding:18px; }
  .profile-video-info h3 { font-size:15px; }
  .profile-audience-heading h2 { font-size:19px; }
  .profile-audience-heading>p { font-size:9px; }
  .profile-metrics-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
  .profile-metric-card>strong { font-size:30px; letter-spacing:-1.25px; }
  .profile-metric-card h3 { font-size:10px; }
  .profile-metric-platform { font-size:9px; gap:6px; }
  .profile-metric-source { font-size:7px; }
  .profile-discover { padding-block:5px 29px; }
  .profile-discover-heading { display:block; margin-bottom:20px; }
  .profile-discover-heading h2 { font-size:22px; }
  .profile-discover-heading .text-link { margin-top:10px; font-size:10px; }
  .profile-artist-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .profile-other-artist { flex-wrap:wrap; padding:13px; gap:10px; border-radius:15px; font-size:10px; }
  .profile-other-artist img { width:40px; height:40px; border-radius:10px; }
  .profile-other-artist>span:first-of-type { width:calc(100% - 28px); }
  .profile-other-artist>span:last-child { margin-inline-start:auto; }
  .profile-footer { display:block; padding-block:24px 29px; }
  .profile-footer-brand { font-size:19px; }
  .profile-footer p { font-size:8px; margin-top:18px; }
}
@media(max-width:370px) {
  .profile-hero { padding:19px; }
  .profile-identity h1 { font-size:43px; }
  .profile-hero-actions { gap:9px; }
  .profile-listen,.profile-share-button { font-size:9px; padding-inline:12px; }
  .profile-panel { padding:22px; }
  .profile-releases,.profile-videos,.profile-audience { padding:22px 19px; }
  .profile-release-grid { gap:20px 12px; }
  .profile-release-info h3 { font-size:13px; }
  .profile-release-meta { letter-spacing:0; }
  .profile-platform-link { font-size:11px; }
  .profile-artist-links { gap:10px; }
}
@media(max-width:580px) {
  .profile-hero { gap:23px; }
  .profile-visual { width:min(100%,230px); max-height:230px; aspect-ratio:1; padding:6px; align-self:center; }
  .profile-portrait { object-position:50% 40%; }
  .visual-cover { width:min(100%,240px); max-height:240px; aspect-ratio:1; }
  .visual-cover .profile-portrait { object-fit:contain; object-position:center; }
  .profile-visual-tag { display:none; }
  .profile-genre { margin-top:16px; }
  .profile-bio { margin-top:13px; line-height:1.8; }
  .profile-hero-actions { flex-wrap:nowrap; gap:10px; margin-top:20px; }
  .profile-listen { flex:1; min-width:0; height:44px; min-height:44px; padding:9px 13px; gap:10px; font-size:12px; line-height:1.25; }
  .profile-listen>span:first-child { min-width:0; }
  .profile-listen .arrow { flex-shrink:0; }
  #profile-share-panel { flex:0 0 44px; width:44px; }
  .profile-share-button { position:relative; display:grid; place-items:center; width:44px; height:44px; min-height:44px; padding:0; }
  .profile-share-button svg { width:19px; height:19px; }
  .profile-share-button>span { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
}
@media(prefers-reduced-motion:reduce) { .profile-page *, .profile-page *:before, .profile-page *:after { transition:none!important; animation:none!important; } }