:root{--bg:#090a0c;--panel:#111316;--text:#f0f0eb;--muted:#9b9fa5;--line:#ffffff20;--cyan:#baf6e5;--violet:#c6b9f0;--radius:18px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button,summary,select{touch-action:manipulation}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{background:var(--cyan);color:var(--bg)}svg{display:block;width:22px;height:22px;flex-shrink:0}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-90px;z-index:100;background:var(--cyan);color:var(--bg);padding:12px 20px}.skip-link:focus{top:20px}.page-bg{display:none}
.hero{isolation:isolate;position:relative;min-height:690px;display:flex;flex-direction:column;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;right:0;top:0;width:65%;height:100%;z-index:-3;mask-image:linear-gradient(90deg,transparent,black 28%)}.hero-poster,.hero-video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 38%}.hero-video{opacity:0;transition:opacity .7s}.hero-video.is-playing{opacity:1}.hero-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,var(--bg),transparent 26%,transparent 80%,#090a0c80),linear-gradient(90deg,#090a0c 6%,#090a0caa 36%,#090a0c10 74%)}.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 90% 100%,#7370ce16,transparent 65%)}.topbar{display:flex;justify-content:space-between;align-items:center;padding-top:28px;gap:20px}.brand-mini{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.19em;font-weight:700;line-height:1.5}.brand-caption{display:block;font:8px/1.8 ui-monospace,monospace;letter-spacing:.22em;color:var(--muted);margin-top:3px}.brand-symbol{font:italic 700 35px/.9 Georgia,serif;letter-spacing:-9px;padding-right:10px;color:var(--text)}.brand-symbol>span{color:var(--cyan)}.top-actions{display:flex;align-items:center;gap:22px}.chip{font-size:12px;color:#d1d3d6;min-height:44px;display:flex;align-items:center}.chip:hover{color:var(--cyan)}.lang-wrap{display:flex;align-items:center;gap:6px;min-height:42px;border:1px solid var(--line);padding:0 8px 0 12px;border-radius:8px;background:#0d0f1480}.globe{width:15px;height:15px;color:var(--muted)}.lang-select{border:0;background:transparent;padding:8px 2px;font-size:11px;cursor:pointer;max-width:74px}.lang-select option{background:#151619;color:white}.hero-content{flex:1;display:flex;align-items:center;padding-block:100px 80px}.hero-copy{max-width:610px}.eyebrow{font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--cyan);margin:0 0 25px}.hero-copy>.eyebrow::before{content:"";display:inline-block;width:6px;height:6px;margin:0 10px 1px 0;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px #baf6e580}h1{font-size:clamp(60px,7.5vw,103px);font-weight:550;line-height:1.03;letter-spacing:-.075em;margin:0;white-space:nowrap}h1>span:not(.title-period){font-weight:300}.title-period{color:var(--cyan)}.hero-sub{max-width:430px;color:#b7bbc3;font-size:17px;line-height:1.75;margin:26px 0 0}.hero-links{display:flex;gap:12px;margin-top:34px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);padding:11px 22px;border-radius:8px;font-size:12px;font-weight:600;line-height:1.4;transition:background .2s,transform .2s,border-color .2s}.button svg{width:18px;height:18px}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#11231e;border-color:var(--cyan)}.button-primary:hover{background:#d6ffef;border-color:#d6ffef}.button-ghost{background:#10121688;color:#e2e4e6}.button-ghost:hover{background:#22252b;border-color:#ffffff50}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;gap:20px}.hero-genres{display:flex;align-items:center;gap:13px;font:9px/1.5 ui-monospace,monospace;letter-spacing:.14em;color:#9a9da5}.hero-genres i{width:3px;height:3px;background:#767a82;border-radius:50%}.motion-button{display:flex;align-items:center;gap:9px;min-height:40px;padding:6px 11px;font-size:10px;color:#c0c2c9;border:1px solid var(--line);border-radius:7px;background:#0c0e1280}.motion-symbol{font-size:14px;width:15px;text-align:center}
.main-content{padding-top:67px;display:grid;gap:95px}.album-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:36px 75px;align-items:start}.release-heading{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:20px;display:flex;justify-content:space-between;align-items:center;font:10px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.release-heading>span:first-child{display:flex;align-items:center;gap:10px;color:var(--text)}.status-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%}.cover-column{min-width:0}.cover-shell{position:relative;padding:13px;background:linear-gradient(135deg,#202029,#0d0f12 65%);border:1px solid #ffffff1b;border-radius:3px;box-shadow:0 30px 70px #0006;transition:transform .5s,box-shadow .5s}.cover-shell::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff09,transparent 35%,transparent 80%,#ffffff04)}.album-cover{width:100%;height:auto;display:block;border:1px solid #ffffff15}.cover-caption{display:flex;justify-content:space-between;margin:18px 0;font:9px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#91969d}.genre-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:23px}.genre-tags span{padding:4px 10px;border:1px solid var(--line);border-radius:4px;font-size:10px;color:#abb0b6}.album-info>.eyebrow{margin-bottom:12px}.album-info h2{font-size:clamp(45px,5.1vw,70px);line-height:.99;letter-spacing:-.058em;font-weight:500;margin:0}.amp{font-family:Georgia,serif;font-style:italic;color:var(--violet);font-weight:normal}.meta{font:10px/1.7 ui-monospace,monospace;color:var(--muted);margin:18px 0}.album-blurb{font-size:13px;color:#b0b5bf;margin:0 0 25px;line-height:1.8;max-width:55ch}.platform-heading{font-size:10px;color:#a4abb4;margin:0 0 11px}.streaming{display:grid;gap:8px}.stream-link{min-height:53px;display:grid;grid-template-columns:26px 1fr 20px;align-items:center;gap:13px;padding:10px 16px;border:1px solid var(--line);background:#121417;border-radius:8px;font-size:12px;font-weight:550;transition:background .2s,border-color .2s,transform .2s}.stream-link:hover{background:#1b2022;border-color:#baf6e55c;transform:translateX(3px)}.streaming:not(.secondary-streams)>.stream-link:first-child{border-color:#baf6e544;background:linear-gradient(105deg,#baf6e510,#111718)}.service-dot{width:25px;height:25px;display:grid;place-items:center}.service-dot svg{width:23px;height:23px}.spotify{color:#1ed760}.apple{color:#fafafa}.yt,.youtube{color:#ff3849}.deezer{color:#be89ff}.tidal{color:#fff}.amazon{color:#7ae3ff}.boomplay{color:#32c9ff}.anghami{color:#db9bff}.audiomack{color:#ffa039}.itunes{color:#f899b6}.arrow{color:#9097a0;font-size:16px;justify-self:end;font-weight:400}.more-platforms{margin-top:9px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.more-platforms summary,.bio-details summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:46px;padding:10px 16px;font-size:11px;color:#c2c6cc}.more-platforms summary::-webkit-details-marker,.bio-details summary::-webkit-details-marker{display:none}.more-count{font:9px/1 ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);padding:4px 6px;border-radius:4px}.plus{margin-left:auto;font-size:18px;font-weight:300;transition:transform .2s}details[open]>summary .plus{transform:rotate(45deg)}.secondary-streams{grid-template-columns:1fr 1fr;padding:0 9px 9px;gap:6px}.secondary-streams .stream-link{font-size:11px;padding:9px;gap:7px;grid-template-columns:24px 1fr 14px}.availability-note{font-size:10px;color:#999fa8;margin:12px 0 0;line-height:1.7}
.about{display:grid;grid-template-columns:.55fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:55px}.section-heading .eyebrow{margin-bottom:12px}.section-heading h2{font-size:37px;line-height:1.1;letter-spacing:-.055em;font-weight:450;margin:0}.bio-card{min-width:0}.artist-signature{display:flex;align-items:center;gap:14px;margin-bottom:28px}.avatar{width:49px;height:49px;border-radius:50%;object-fit:cover;border:1px solid #ffffff30}.artist-signature strong{font-size:12px;font-weight:600;display:block}.artist-signature span{font-size:10px;color:var(--muted);display:block;margin-top:2px}.bio-card>p:first-of-type{font-size:20px;line-height:1.55;letter-spacing:-.025em;margin:0 0 23px}.bio-details{border-block:1px solid var(--line)}.bio-details summary{padding-inline:0;color:var(--cyan)}.bio-expanded{padding:5px 0 14px}.bio-expanded p{font-size:13px;color:#afb3bb;margin:0 0 17px}.bio-last{padding-left:20px;border-left:2px solid var(--violet);margin:27px 0 0;font-size:15px;line-height:1.8;color:#bcb8ce}.connect{position:relative;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 90% 110%,#c6b9f00d,transparent 75%),#101214;padding:36px 39px;display:flex;align-items:center;justify-content:space-between;gap:30px}.connect .eyebrow{margin-bottom:12px}.connect h2{font-size:26px;line-height:1.25;font-weight:450;letter-spacing:-.035em;margin:0;max-width:410px}.connect-links{display:flex;gap:10px;flex-shrink:0}.connect-links .button-primary{background:#edede9;color:#121416;border-color:#edede9}.footer{margin-top:67px;padding:25px 0 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:10px;color:#969ba3}.footer>div{display:flex;gap:15px}.footer strong{color:#ced1d5;font-weight:500}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.text-button{border:0;background:none;padding:8px 0;font-size:10px;color:#969ba3}.text-button:hover{color:var(--text)}.modal{width:min(680px,calc(100% - 28px));max-height:85dvh;border:1px solid #ffffff30;border-radius:15px;padding:0;background:#14171c;color:var(--text);box-shadow:0 40px 120px #000a}.modal::backdrop{background:#000b;backdrop-filter:blur(8px)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#14171c}.modal-head h2{font-size:19px;font-weight:500;margin:0}.close{width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:none;font-size:24px;flex-shrink:0}.modal-body{padding:24px;font-size:13px;color:#bdc3cd}.modal-body h3{font-size:14px;color:var(--text);margin:23px 0 10px}.modal-body p{margin:0 0 15px}.modal-body a{text-decoration:underline;text-underline-offset:3px;color:var(--cyan)}.modal-body input{width:100%;padding:14px;background:#090a0c;color:var(--text);border:1px solid var(--line);border-radius:6px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);background:var(--cyan);color:#10201b;padding:12px 20px;border-radius:8px;max-width:90vw;text-align:center;opacity:0;pointer-events:none;z-index:30;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-listen{display:none}[hidden]{display:none!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.cover-shell:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 35px 80px #0008}}@media(min-width:1600px){.hero-art{width:60%;object-position:center}.hero{min-height:740px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.album-panel{gap:30px 40px}.about{gap:40px}.connect{padding:30px}.connect-links{flex-direction:column}.hero{min-height:630px}.hero-copy{max-width:540px}h1{font-size:80px}.hero-sub{max-width:360px}.hero-art{width:72%}.secondary-streams{grid-template-columns:1fr}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.hero{min-height:650px}.topbar{padding-top:20px}.top-actions{gap:16px}.hero-art{width:100%;height:100%;mask-image:none;opacity:.7}.hero-poster,.hero-video{object-position:64% 25%}.hero-overlay{background:linear-gradient(0deg,var(--bg) 0%,#090a0ce8 23%,#090a0c44 72%,#090a0c99)}.hero-content{padding:230px 0 36px;align-items:flex-end}.hero-copy{max-width:100%;width:100%}.hero-copy>.eyebrow{font-size:9px;margin-bottom:15px}.hero-sub{font-size:14px;line-height:1.65;margin-top:19px;max-width:350px}h1{font-size:clamp(48px,12.7vw,84px);letter-spacing:-.075em}.hero-links{margin-top:25px}.hero-bottom{padding-bottom:18px;gap:10px}.hero-genres{font-size:8px;letter-spacing:.04em;gap:7px}.hero-genres i:last-of-type{display:none}.hero-genres{max-width:52%;line-height:1.8}.motion-button{font-size:9px;max-width:45%}.main-content{padding-top:36px;gap:55px}.album-panel{grid-template-columns:1fr 1fr;gap:24px}.release-heading{font-size:9px;padding-bottom:16px}.album-info h2{font-size:42px}.album-info>.eyebrow{font-size:9px}.album-blurb{font-size:12px}.cover-shell{padding:8px}.cover-caption{font-size:8px}.genre-tags{gap:5px}.genre-tags span{font-size:9px;padding:3px 7px}.about{grid-template-columns:1fr;gap:25px;padding-top:32px}.section-heading h2{font-size:30px}.artist-signature{margin-bottom:22px}.bio-card>p:first-of-type{font-size:19px}.connect{align-items:flex-start;flex-direction:column;padding:28px}.connect-links{flex-direction:row;width:100%}.connect-links .button{flex:1;padding-inline:12px}.footer{margin-top:40px;flex-direction:column;align-items:flex-start;gap:13px;padding-bottom:32px}.footer-links{gap:20px}}
@media(max-width:540px){.brand-mini{font-size:9px;gap:10px;letter-spacing:.12em}.brand-symbol{font-size:31px}.brand-caption{font-size:7px}.top-actions{gap:13px}.top-actions>.chip:first-child{display:none}.lang-wrap{padding-left:8px}.hero{min-height:660px}.hero-content{padding-top:235px}.hero-links .button{min-height:49px}.hero-genres{font-size:7px;letter-spacing:0;max-width:56%;gap:5px}.hero-bottom{align-items:center}.hero-art{height:560px}.hero-poster,.hero-video{object-position:50% 20%}.album-panel{grid-template-columns:1fr;gap:22px}.cover-column{max-width:420px;width:100%;margin-inline:auto}.cover-caption{margin:12px 0}.genre-tags{display:none}.album-info>.eyebrow{display:none}.album-info h2{font-size:49px;line-height:1.02}.album-info h2 br{display:none}.album-info h2 .amp{margin-right:.07em}.album-info h2 .amp::after{content:' '}.meta{margin:13px 0}.album-blurb{font-size:13px;margin-bottom:22px}.platform-heading{font-size:11px}.stream-link{min-height:57px;font-size:13px}.secondary-streams{grid-template-columns:1fr 1fr}.secondary-streams .stream-link{font-size:10px;min-height:52px}.more-platforms summary{min-height:49px}.availability-note{font-size:10px}.mobile-listen{position:fixed;z-index:15;bottom:12px;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ffffff2a;border-radius:12px;background:#171b20ed;box-shadow:0 8px 32px #0008;backdrop-filter:blur(16px)}.mobile-listen img{width:42px;height:42px;object-fit:cover;border-radius:4px}.mobile-listen>div{flex:1;min-width:0}.mobile-listen strong{display:block;font-size:11px;font-weight:500}.mobile-listen span{display:block;font-size:10px;color:var(--muted)}.mobile-listen .button{font-size:11px;padding:9px 14px;min-height:42px;max-width:45%;text-align:center}.footer{padding-bottom:105px}.toast{bottom:95px}.connect h2{font-size:25px}.modal-head{padding:15px 18px}.modal-body{padding:18px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.secondary-streams{grid-template-columns:1fr}.hero-copy>.eyebrow{font-size:8px}.hero-genres{font-size:6px}.album-info h2{font-size:43px}.footer-links{gap:12px}.connect-links{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-video{display:none}.button:hover,.stream-link:hover{transform:none}}

/* v3 — brand avatar */
.brand-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid #baf6e55c;box-shadow:0 0 0 3px #baf6e50a,0 0 24px #5fe4d82b;flex:0 0 auto}
@media(max-width:540px){.brand-avatar{width:38px;height:38px}}

/* V3.1 — ShenRadio and the ShenX network */
.radio-section{display:grid;grid-template-columns:.55fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:55px;align-items:start}
.radio-intro{font-size:14px;line-height:1.8;color:var(--muted);max-width:30ch;margin:20px 0}
.radio-profile{display:inline-flex;gap:18px;align-items:center;color:var(--cyan);font-size:13px}
.radio-card{min-width:0;padding:26px;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at 100% 0,#c6b9f010,transparent 70%),#101214}
.radio-card-heading{display:flex;align-items:center;gap:10px;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:13px}
.radio-x{margin-left:auto;font-size:22px;color:var(--muted)}
.radio-timeline:not(:empty){margin-top:20px}.radio-timeline iframe{max-width:100%!important;border:0}
.radio-status{font-size:13px;line-height:1.8;color:#b0b5bf;margin:22px 0}
.radio-notice{font-size:11px;line-height:1.7;color:var(--muted);margin:14px 0}
.radio-direct{display:inline-block;color:var(--cyan);font-size:12px;padding:8px 0}
.radio-load:disabled{opacity:.6;cursor:wait}.radio-load[hidden]{display:none}
.connect-links{flex-wrap:wrap;flex-direction:column;flex-shrink:1;min-width:0;max-width:100%}.shenx-links{border-color:#c6b9f050;color:var(--violet)}
@media(max-width:800px){.radio-section{grid-template-columns:1fr;gap:28px}.radio-intro{max-width:none}.radio-card{padding:22px}}
@media(max-width:540px){.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.top-actions>.chip{font-size:9px;padding:6px 8px}.radio-card{padding:18px}.radio-load{width:100%}.connect-links .button{max-width:100%;white-space:normal}}