/* Warm paper, black typography, restrained vermilion / ZICI */
@font-face{font-family:ZiciDisplay;src:url('fonts/portfolio-display.otf') format('opentype');font-weight:800;font-display:swap}
:root{color-scheme:light;--paper:#f6f3ec;--ink:#171715;--red:#b52b28;--bg:var(--paper);--panel:#eeebe4;--text:var(--ink);--muted:#66635e;--accent:var(--red);--line:#c9c5bd;--serif:Georgia,'Noto Serif TC','Songti TC','PMingLiU',serif;--edge:clamp(22px,5vw,72px)}
html,body.artist-portfolio{background:var(--paper);color:var(--ink)}
.artist-portfolio ::selection{background:#b52b2826;color:var(--ink)}
.artist-portfolio :focus-visible{outline:2px solid var(--red);outline-offset:5px}
.artist-portfolio a:hover,.artist-portfolio .textbutton:hover{color:var(--red)}
.artist-portfolio button{border-radius:0}
.artist-portfolio .primary,.artist-portfolio .community-primary{background:var(--ink);color:var(--paper);border:0;border-radius:0}
.artist-portfolio .secondary,.artist-portfolio .smallbutton{color:var(--ink);background:transparent;border-color:var(--line);border-radius:0}
.artist-portfolio .eyebrow{color:var(--red)}
.artist-portfolio input,.artist-portfolio select,.artist-portfolio textarea{color:var(--ink);background:#faf8f3;border-color:var(--line);accent-color:var(--red);border-radius:0}
.artist-portfolio textarea::placeholder,.artist-portfolio input::placeholder{color:#78736c}
.artist-portfolio input[type=range]{background:transparent}
.artist-portfolio .hint,.artist-portfolio .source-hint{color:var(--muted)}
body.artist-portfolio>header{height:84px;padding:0 var(--edge);background:#f6f3ecf5;border:0;gap:24px;backdrop-filter:blur(12px)}
.artist-portfolio .brand{font:400 30px/1 var(--serif);letter-spacing:.16em;color:var(--ink)}
.artist-portfolio .brand span{font-size:12px;letter-spacing:.1em}
.artist-portfolio .header-name{display:none}
.artist-portfolio .header-nav{margin-left:auto;gap:clamp(18px,2.2vw,38px)}
.artist-portfolio .header-nav a{color:var(--ink);border:0;font-size:13px;letter-spacing:.06em;position:relative;white-space:nowrap}
.artist-portfolio .header-nav a[aria-current=page]{color:var(--red);background:none;border:0}
.artist-portfolio .header-nav a[aria-current=page]:after{content:'';position:absolute;bottom:4px;left:0;width:15px;height:2px;background:var(--red)}
.artist-portfolio .social-menu{margin-left:16px}
.artist-portfolio .social-menu summary{gap:10px;letter-spacing:.13em;font:10px var(--serif);color:var(--ink)}
.artist-portfolio .social-menu summary svg{width:36px;height:32px;stroke:currentColor;fill:none;stroke-width:1.1}
.artist-portfolio .social-menu nav{background:var(--paper);border:0;border-radius:0;box-shadow:0 12px 32px #28221820;min-width:205px}
.artist-portfolio .social-menu nav a{color:var(--ink);margin:0;background:none}
.artist-portfolio .social-menu nav a:hover{color:var(--red);background:#eae6dd}
/* Home: asymmetric original photography, with a typographic lead */
.artist-portfolio .front-page:not(.star-explorer){max-width:1600px;margin:auto;padding:0 var(--edge) 32px}
.artist-portfolio .front-page .front-art.album-cover-hero{aspect-ratio:1206/654;background:var(--paper);overflow:hidden;margin:0;isolation:isolate}
.artist-portfolio .album-cover-hero:after{display:none}
.artist-portfolio .front-page .album-cover-hero>.hero-portrait{left:auto;right:-4%;top:0;width:74%;height:100%;object-fit:cover;object-position:58% 50%;clip-path:ellipse(73% 83% at 76% 75%);mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}
.artist-portfolio .hero-cover-copy{left:0;top:2%;width:61%;z-index:2}
.artist-portfolio .hero-artist{font:11px/1.4 var(--serif);letter-spacing:.17em;color:var(--ink);margin:0 0 16px}
.artist-portfolio .hero-artist span{font-size:10px}
.portfolio-wordmark{font:800 clamp(75px,11.6vw,182px)/.79 ZiciDisplay,'Arial Narrow',sans-serif;letter-spacing:-.055em;color:#090909;margin:0 0 22px}
.portfolio-wordmark span{display:block;white-space:nowrap;transform:scaleX(.84);transform-origin:left center}
.artist-portfolio .hero-album-title{width:61%;max-width:390px;margin:0}
.artist-portfolio .hero-album-title img{filter:none;mix-blend-mode:multiply}
.artist-portfolio .hero-album-caption{margin:25px 0 0;font:13px/1.6 var(--serif);letter-spacing:.12em;color:var(--ink)}
.portfolio-release-number{font-size:29px;letter-spacing:0;margin-right:12px;vertical-align:middle}
.artist-portfolio .front-page .album-cover-hero .hero-video-controls{inset:auto auto 4% 0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:var(--ink)}
.artist-portfolio .front-page .hero-video-controls .hero-signature{font:9px/1.7 var(--serif);max-width:145px;letter-spacing:.14em;color:var(--muted);text-shadow:none}
.artist-portfolio .front-page .album-cover-hero .hero-video-controls #enterUniverse{font:13px/1.5 var(--serif);min-height:44px;text-align:left;justify-content:flex-start;padding:6px 0;color:var(--red);text-shadow:none;letter-spacing:.14em}
.artist-portfolio .front-page .front-editorial{display:none}
/* Interactive orbit retained, readable against light paper */
.artist-portfolio .front-page #universe{background:var(--paper);margin:32px auto 0;padding:12px 0 0;max-width:1200px;border:0;grid-template-rows:78px auto auto}
.artist-portfolio .front-page #universe .homepage-orbit-title{height:68px;top:0;width:240px}
.artist-portfolio .homepage-orbit-title img{filter:none;mix-blend-mode:multiply}
.artist-portfolio .front-page #universe .cosmos-tabs{padding-left:0}
.artist-portfolio .front-page #universe .map-toolbar{padding-right:0}
.artist-portfolio .front-page #universe .map-actions button,.artist-portfolio .front-page #universe .cosmos-tabs button{color:var(--muted);font-size:12px}
.artist-portfolio .front-page #universe .cosmos-tabs button[aria-pressed=true]{color:var(--red);text-decoration-color:var(--red)}
.artist-portfolio .front-page #universe .constellation-hint{padding:0 0 22px;color:var(--muted);font-size:11px}
.artist-portfolio .front-page #universe .cosmos-scene,.artist-portfolio .front-page #starMap,.artist-portfolio .star-viewport{background:transparent}
.artist-portfolio .front-page .star-map:before{opacity:.2}
.artist-portfolio .front-page .celestial-orbits{opacity:.85;filter:none}
.artist-portfolio .front-page .travel-path{stroke:#89837a;stroke-width:.7}
.artist-portfolio .front-page #starMap .planet-caption,.artist-portfolio .front-page #starMap .planet-caption strong,.artist-portfolio .front-page #starMap .planet-caption i{color:var(--ink);text-shadow:none}
.artist-portfolio .front-page #starMap .planet-caption i{color:var(--muted)}
.artist-portfolio .front-page #starMap .music-planet.is-lit .planet-caption strong,.artist-portfolio .front-page #starMap .music-planet.is-playing .planet-caption strong,.artist-portfolio .planet-playing-label{color:var(--red)}
.artist-portfolio .front-page .planet-visual img{filter:saturate(1.05) hue-rotate(var(--tint))}
.artist-portfolio .front-page .cosmos-center.center-story{color:var(--ink);text-shadow:none;font-family:var(--serif)}
.artist-portfolio .front-page.star-explorer{background:var(--paper);color:var(--ink)}
.artist-portfolio .front-page.star-explorer #universe{max-width:none;margin:0;grid-template-rows:auto auto minmax(0,1fr)}
.artist-portfolio .front-page.star-explorer #universe .cosmos-tabs{padding-left:24px}
.artist-portfolio .front-page.star-explorer #universe .map-toolbar{padding-right:24px}
.artist-portfolio .front-page.star-explorer #universe .constellation-hint{padding-inline:24px}
.artist-portfolio .front-page.star-explorer .orbit-title-art{filter:none!important;mix-blend-mode:multiply}
.artist-portfolio .front-page>.front-video{max-width:1200px;margin:24px auto 0;padding:30px 0 0}
.artist-portfolio .front-page>.front-video .section-label h2{font:400 27px/1.4 var(--serif)}
.artist-portfolio .front-page>.front-video .section-label a,.artist-portfolio .cinema-help,.artist-portfolio .front-video .cinema-help .video-fallback{color:var(--muted)}
.artist-portfolio .front-page>.front-video .video-stage{max-width:none;border-radius:0}
.artist-portfolio .front-page>.front-video .video-switches button{color:var(--muted)}
.artist-portfolio .front-page>.front-video .video-switches button[aria-pressed=true]{color:var(--red);text-decoration-color:var(--red)}
/* Archive */
.artist-portfolio .works-page,.artist-portfolio .play-page{max-width:1440px;margin:auto;padding:0 var(--edge) 40px}
.artist-portfolio .works-banner{height:auto;min-height:380px;display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:center;padding:35px 0 48px;overflow:visible}
.artist-portfolio .works-banner>img{grid-column:2;grid-row:1;height:310px;opacity:1;object-fit:cover;width:100%}
.artist-portfolio .works-banner>div{position:static;grid-column:1;grid-row:1;text-shadow:none}
.artist-portfolio .works-banner span{color:var(--red);font-size:10px;letter-spacing:.16em}
.artist-portfolio .portfolio-page-title{font:900 clamp(64px,9vw,125px)/1.12 var(--serif);letter-spacing:-.06em;margin:24px 0}
.artist-portfolio .works-banner h2{font:400 20px/1.7 var(--serif);margin:14px 0 4px;color:var(--ink)}
.artist-portfolio .works-banner p{color:var(--muted);font-size:13px}
.artist-portfolio .past-universes{padding:0;margin:0 auto 40px;max-width:none;border:0}
.artist-portfolio .past-title{color:var(--ink);margin-bottom:24px}
.artist-portfolio .past-title small{color:var(--muted)}
.artist-portfolio .album-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:0 0 18px;overflow:visible}
.artist-portfolio .album-ribbon button{background:none;color:var(--ink);border:0;border-radius:0;padding:0;text-align:left;min-width:0}
.artist-portfolio .album-ribbon button[aria-pressed=true]{background:none;color:var(--red)}
.artist-portfolio .album-ribbon img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:0;box-shadow:0 5px 14px #211a1715}
.artist-portfolio .album-ribbon button span{display:block;font:400 17px/1.6 var(--serif);margin-top:12px;color:inherit}
.artist-portfolio .album-ribbon button[aria-pressed=true] img{outline:1px solid var(--red);outline-offset:5px}
.artist-portfolio .record-detail{background:transparent;border:0;max-width:none;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);margin:35px 0 60px}
.artist-portfolio .record-art{padding:0 30px 0 0;background:none;align-items:start}
.artist-portfolio .record-art img{max-width:420px;box-shadow:0 12px 24px #211a1720}
.artist-portfolio .record-copy{padding:16px 0 16px 24px}
.artist-portfolio .record-copy h2{font:700 clamp(30px,4vw,58px)/1.3 var(--serif);color:var(--ink);letter-spacing:0}
.artist-portfolio .record-top,.artist-portfolio .record-english{color:var(--red)}
.artist-portfolio .record-description,.artist-portfolio .record-bottom span,.artist-portfolio #trackNote{color:var(--muted)}
.artist-portfolio .record-controls button{width:auto;padding:6px 9px;border:0;color:var(--ink);font-size:12px}
.artist-portfolio .record-bottom a{color:var(--red);border:0;background:none}
.artist-portfolio .record-tracks{background:none;padding:35px 0;border:0}
.artist-portfolio .track-heading{color:var(--ink);border-color:var(--line)}
.artist-portfolio .track-heading span,.artist-portfolio .selected-track{color:var(--muted)}
.artist-portfolio .track-choice{color:var(--ink);background:none;border:0;border-bottom:1px solid #d8d3ca;border-radius:0;padding-block:15px}
.artist-portfolio .track-choice[aria-pressed=true]{color:var(--red);background:#b52b2808;border-color:var(--red)}
.artist-portfolio .track-spark{background:var(--red);box-shadow:none}
.artist-portfolio .catalog,.artist-portfolio .catalog-content,.artist-portfolio .catalog-group{background:none;border-color:var(--line);color:var(--ink)}
.artist-portfolio .catalog{padding:24px 0;max-width:none;margin:0}
.artist-portfolio .catalog-note,.artist-portfolio #searchStatus{color:var(--muted)}
/* Song: genuine sleeve and reflective disc, followed by real transport/lyrics */
.artist-portfolio dialog.star-detail.media-detail.editorial-track{background:var(--paper);color:var(--ink);padding:34px var(--edge) 65px}
.artist-portfolio .editorial-track .album-atmosphere{opacity:.08;filter:blur(80px) saturate(.5);background-color:var(--paper)}
.artist-portfolio .editorial-track .track-glass{background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;max-width:1000px;padding:0;display:flex;flex-direction:column}
.artist-portfolio .editorial-track .track-glass .star-detail-top{color:var(--red);font:12px/1.5 var(--serif);order:0}
.artist-portfolio .editorial-track .track-glass #closeStar{background:transparent;color:var(--ink);border:0;border-radius:0}
.artist-portfolio .editorial-track .track-glass #starDetailTitle{order:1;font:900 clamp(40px,6vw,82px)/1.15 var(--serif);letter-spacing:-.045em;margin:25px 0 12px;color:var(--ink);text-wrap:balance;max-width:850px}
.artist-portfolio .editorial-track .track-glass #songEnglish{order:2;color:var(--ink);font:italic 17px/1.5 var(--serif);margin:0 0 28px}
.artist-portfolio .editorial-track .track-summary{order:3;grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr);gap:50px;margin:8px 0 28px}
.artist-portfolio .editorial-track .track-artwork{max-width:540px;width:100%}
.artist-portfolio .track-artwork img{border-radius:2px;border:1px solid #3c34201a;background:transparent;box-shadow:0 12px 23px #211a1728}
.artist-portfolio .track-disc{box-shadow:3px 7px 15px #211a1725}
.artist-portfolio .song-feature-copy:before{color:var(--red);border-color:#aaa498}
.artist-portfolio .editorial-track .track-copy #starDetailBody{color:var(--ink)}
.artist-portfolio .editorial-track .track-copy #starPlayerNote{color:var(--muted)}
.artist-portfolio .song-transport{order:4;color:var(--ink);padding:8px 0;margin:8px 0 12px;border:0}
.artist-portfolio .song-transport-heading,.artist-portfolio .song-time{color:var(--muted)}
.artist-portfolio .editorial-track .track-glass #songPlayPause{background:var(--ink);color:var(--paper);border:0}
.artist-portfolio #songSeek::-webkit-slider-runnable-track{background:linear-gradient(to right,#171715 var(--played),#d5cfc4 var(--played))}
.artist-portfolio #songSeek::-webkit-slider-thumb{background:var(--ink)}
.artist-portfolio #songSeek::-moz-range-track{background:#d5cfc4}
.artist-portfolio #songSeek::-moz-range-progress,.artist-portfolio #songSeek::-moz-range-thumb{background:var(--ink)}
.artist-portfolio .track-glass>.song-lyrics{order:5;margin:6px 0 22px}
.artist-portfolio .song-lyrics summary,.artist-portfolio .song-lyrics-text,.artist-portfolio .song-lyrics-body h3{color:var(--ink)}
.artist-portfolio .song-lyrics-note{color:var(--muted)}
.artist-portfolio .song-lyrics-text{font-size:20px;line-height:1.9}
.artist-portfolio .editorial-track .track-glass .star-detail-links{order:6;margin:10px 0 24px;gap:16px}
.artist-portfolio .editorial-track .track-glass .star-detail-links button{background:transparent;color:var(--ink);border:0;min-height:50px;font-size:14px;padding:8px 0;flex:1}
.artist-portfolio .editorial-track .track-glass #starCreate{background:var(--ink);color:var(--paper);border-radius:0}
.artist-portfolio .editorial-track .track-glass #starListen{color:var(--red)}
.artist-portfolio .editorial-track #starPlayer{order:7;border-radius:0;margin-top:6px}
.artist-portfolio .album-tracklist{order:5;margin-top:12px}
.artist-portfolio .album-tracklist h3,.artist-portfolio .album-tracklist li>button,.artist-portfolio .album-track-action{color:var(--ink)}
.artist-portfolio .album-track-number{color:var(--red)}
.artist-portfolio .album-tracklist ol,.artist-portfolio .album-tracklist li{border-color:#d8d3ca}
.artist-portfolio .album-tracklist li>button:hover{color:var(--red);background:#b52b2807}
/* Large studio preview and restrained controls */
.artist-portfolio .compact-studio .maker-heading{padding:40px var(--edge) 30px;max-width:1440px;align-items:end;height:auto}
.artist-portfolio .compact-studio .maker-heading h2{font:900 clamp(48px,7.5vw,100px)/1.15 var(--serif);letter-spacing:-.05em;margin:16px 0 0;color:var(--ink)}
.artist-portfolio .compact-studio .maker-heading .eyebrow{font:11px/1.5 var(--serif);color:var(--red);letter-spacing:.16em}
.artist-portfolio .studio-gallery-link,.artist-portfolio .studio-return{color:var(--ink)}
.artist-portfolio .compact-studio main{max-width:1440px;padding:12px var(--edge) 38px;column-gap:60px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.85fr)}
.artist-portfolio .compact-studio .preview-head,.artist-portfolio .compact-studio .preview-head .eyebrow{color:var(--muted)}
.artist-portfolio .compact-studio .canvas-wrap{background:transparent;box-shadow:none;height:min(78svh,880px);padding:0;border:0}
.artist-portfolio .compact-studio #poster{box-shadow:0 10px 24px #211a1712}
.artist-portfolio .compact-studio .studio-zoom{background:#f6f3ecee;color:var(--ink);border:0;backdrop-filter:blur(6px);padding:8px 12px}
.artist-portfolio .compact-studio .studio-tabs{border:0}
.artist-portfolio .compact-studio .studio-tabs button{color:var(--muted);background:none}
.artist-portfolio .compact-studio .studio-tabs button[aria-selected=true]{color:var(--red);border-color:var(--red)}
.artist-portfolio .compact-studio .studio-panel{scrollbar-color:#b5afa4 transparent}
.artist-portfolio .compact-studio label{color:var(--ink)}
.artist-portfolio .compact-studio select,.artist-portfolio .compact-studio #message{color:var(--ink);background:#eeebe4;border:0;border-radius:0}
.artist-portfolio .compact-studio .text-mode button,.artist-portfolio .compact-studio .art-modes button,.artist-portfolio .compact-studio .art-layout-index button{color:var(--ink);background:none;border:0}
.artist-portfolio .compact-studio .text-mode button[aria-pressed=true],.artist-portfolio .compact-studio .art-modes button[aria-pressed=true],.artist-portfolio .compact-studio .art-layout-index button[aria-pressed=true]{color:var(--red);background:#b52b280a;border-bottom:1px solid var(--red)}
.artist-portfolio .art-layout-index button span{color:inherit}
.artist-portfolio .compact-studio .upload{background:#eeebe4;color:var(--ink);border:0}
.artist-portfolio .compact-studio .upload small,.artist-portfolio .studio-photo-unavailable{color:var(--muted)}
.artist-portfolio .compact-studio .studio-actions{border:0}
.artist-portfolio .compact-studio #artGenerate{background:var(--ink);color:var(--paper)}
.artist-portfolio .compact-studio #artUndo{color:var(--muted);background:transparent;border:0}
.artist-portfolio .compact-studio #artStatus,.artist-portfolio .compact-studio .preview-caption{color:var(--muted)}
.artist-portfolio .compact-studio .export-actions button,.artist-portfolio .compact-studio .export-actions #download,.artist-portfolio .compact-studio .export-actions #share{color:var(--ink);background:transparent;border:0;border-radius:0}
.artist-portfolio .compact-studio .export-actions #publishArtwork{color:var(--red)}
.artist-portfolio .compact-studio .publication-note{color:var(--muted)}
.artist-portfolio .compact-studio .universe-exhibition{max-width:1440px;padding:45px var(--edge) 65px;margin-top:35px;border:0}
.artist-portfolio .compact-studio .exhibition-heading h2{font:600 34px/1.4 var(--serif);color:var(--ink)}
.artist-portfolio .exhibition-heading p,.artist-portfolio #exhibitionStatus,.artist-portfolio .exhibition-work small{color:var(--muted)}
.artist-portfolio .compact-studio .exhibition-work figcaption{color:var(--ink)}
.artist-portfolio .compact-studio .exhibition-heading button{color:var(--muted)}
.artist-portfolio .compact-studio .exhibition-grid{column-gap:40px}
/* Six-string practice page: keep all actual accompaniment and score controls */
.artist-portfolio .play-hero{height:450px;background:transparent;isolation:isolate;overflow:hidden}
.artist-portfolio .play-hero>img{position:absolute;right:0;top:0;width:40%;height:100%;opacity:.14;object-fit:cover;mask-image:linear-gradient(to right,transparent,#000)}
.artist-portfolio .play-hero-copy{left:0;top:45px;bottom:auto;text-shadow:none;max-width:75%;z-index:1}
.artist-portfolio .play-hero h1{font:900 clamp(52px,8.5vw,120px)/1.15 var(--serif);letter-spacing:-.06em;margin:30px 0 20px;color:var(--ink)}
.artist-portfolio .play-hero-copy>p{color:var(--muted);font-size:14px}
.artist-portfolio .play-hero-copy .guitar-intro{font:400 23px/1.6 var(--serif);color:var(--ink);margin-bottom:14px}
.portfolio-strings{position:absolute;right:6%;top:10%;bottom:8%;width:30%;transform:rotate(16deg);z-index:0;pointer-events:none}
.portfolio-strings i{display:block;position:absolute;top:0;bottom:0;left:calc(var(--string)*17%);width:calc(.6px + var(--string)*.25px);background:#9d9688}
.portfolio-strings:after{content:'06';position:absolute;right:-10%;bottom:10%;font:italic 75px/1 var(--serif);color:var(--red)}
.artist-portfolio .play-layout{padding:20px 0 55px;gap:8vw}
.artist-portfolio .play-layout h2{font:600 31px/1.4 var(--serif);color:var(--ink)}
.artist-portfolio .play-layout p{color:var(--muted)}
.artist-portfolio .score-empty{padding:30px 0 0;margin:25px 0;background:none;border:0;border-top:1px solid var(--line)}
.artist-portfolio .score-empty span{color:var(--red)}
.artist-portfolio .score-empty h3{color:var(--ink);font-size:25px}
.artist-portfolio .play-page .listen-platforms{padding:0;gap:25px}
.artist-portfolio .play-page .listen-platforms a{background:none;color:var(--muted);padding:8px 0;border:0}
.artist-portfolio .channel-link{text-decoration:none;color:var(--red)}
/* Community, membership and conversation */
.artist-portfolio .community-page{max-width:1320px;padding:40px var(--edge) 75px;color:var(--ink)}
.artist-portfolio .community-heading{position:relative;padding-bottom:20px}
.artist-portfolio .community-heading>span{color:var(--red);font:10px/1.6 var(--serif);letter-spacing:.16em}
.artist-portfolio .community-heading h1{font:900 clamp(54px,8vw,110px)/1.13 var(--serif);letter-spacing:-.045em;margin:25px 0}
.artist-portfolio .community-heading>p{color:var(--ink);font:16px/1.8 var(--serif)}
.artist-portfolio #communityNotice{color:var(--red)}
.artist-portfolio #communityNotice:empty{display:none}
.artist-portfolio .community-welcome{background:transparent;color:var(--ink);padding:25px 0;gap:70px;margin:0;border:0;grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr)}
.artist-portfolio .community-welcome>img{background:none;max-width:280px;justify-self:center;filter:saturate(.3)}
.artist-portfolio .community-welcome>div>span,.artist-portfolio .community-welcome small,.artist-portfolio .community-welcome details{color:var(--muted)}
.artist-portfolio .community-welcome h2{font:600 30px/1.4 var(--serif);margin:12px 0}
.artist-portfolio .community-welcome .community-primary{background:var(--ink);color:var(--paper);border-radius:0;min-height:48px}
.artist-portfolio .community-identity{padding:24px 0;margin:15px 0;border-bottom:1px solid #d8d3ca}
.artist-portfolio .community-identity strong{font:600 25px/1.4 var(--serif)}
.artist-portfolio .community-identity small,.artist-portfolio .community-hint{color:var(--muted)}
.artist-portfolio .community-tabs{margin:8px 0 28px;gap:30px}
.artist-portfolio .community-tabs button{color:var(--muted);font-size:14px}
.artist-portfolio .community-tabs button[aria-pressed=true]{color:var(--red);box-shadow:0 1px var(--red)}
.artist-portfolio #communityPanel{max-width:none}
.artist-portfolio .community-page h2{font-family:var(--serif)}
.artist-portfolio #communityPanel button:not(.community-primary),.artist-portfolio .community-discussion button{color:var(--ink)}
.artist-portfolio .community-messages{padding-right:10px;scrollbar-color:#aaa498 transparent}
.artist-portfolio .community-message{border-bottom:1px solid #d8d3ca70;padding:24px 0}
.artist-portfolio .message-meta strong{font:600 15px/1.5 var(--serif)}
.artist-portfolio .message-meta time,.artist-portfolio .message-ops button{color:var(--muted)!important}
.artist-portfolio .community-message p{font:16px/1.9 var(--serif)}
.artist-portfolio .community-compose textarea{border:0;border-bottom:1px solid #a39b8e;background:transparent}
.artist-portfolio .community-favorite,.artist-portfolio .community-report{border-color:var(--line)}
.artist-portfolio .community-danger p,.artist-portfolio .community-report small{color:var(--muted)}
/* Paper dialogs and compact contact */
.artist-portfolio dialog:not(.star-explorer):not(.editorial-track){background:var(--paper);color:var(--ink);border:0;border-radius:0;box-shadow:0 20px 80px #211a172b}
.artist-portfolio dialog::backdrop{background:#24201b70;backdrop-filter:blur(6px)}
.artist-portfolio dialog p,.artist-portfolio .publication-dialog #publicationStatus{color:var(--muted)}
.artist-portfolio .publication-top button,.artist-portfolio #closeArtwork,.artist-portfolio .studio-preview-dialog>button{color:var(--ink)}
.artist-portfolio .member-gate{text-align:left;padding:38px 32px 28px}
.artist-portfolio .member-gate-symbol{margin:0 0 20px;width:48px;height:48px;stroke:var(--red)}
.artist-portfolio .member-gate h2{font:700 30px/1.3 var(--serif);letter-spacing:0;color:var(--ink)}
.artist-portfolio .member-gate>span,.artist-portfolio .member-gate-later,.artist-portfolio .member-gate-close{color:var(--muted)}
.artist-portfolio .member-invite{background:#f6f3ec;color:var(--ink);box-shadow:0 5px 26px #211a1724;border-radius:0}
.artist-portfolio .member-invite:before{background:var(--red);width:2px}
.artist-portfolio .member-invite>svg{stroke:var(--red)}
.artist-portfolio .member-invite small,.artist-portfolio .member-invite button{color:var(--muted)}
.artist-portfolio .member-invite .member-invite-join{color:var(--red)}
.artist-portfolio #notice{background:var(--ink);color:var(--paper);z-index:120}
body.artist-portfolio>footer.artist-contact{max-width:1440px;margin:20px auto 0;padding:32px var(--edge) 30px;background:var(--paper);color:var(--ink);border:0}
.artist-portfolio .artist-contact .contact-kicker{color:var(--muted);font-size:9px}
.artist-portfolio .artist-contact>p{color:var(--ink);font:14px/1.7 var(--serif)}
.artist-portfolio .artist-contact .business-email{color:var(--ink);font:21px/1.5 var(--serif);border:0;background:none}
.artist-portfolio .artist-contact .contact-platforms a{color:var(--ink)}
.artist-portfolio .artist-contact .contact-platforms a:hover{color:var(--red);background:none}
.artist-portfolio .artist-contact .contact-bottom{color:var(--muted);border-top:1px solid #d8d3ca;padding-top:18px;margin-top:12px;font:10px/1.6 var(--serif);letter-spacing:.1em}
@media(min-width:761px){.artist-portfolio .community-heading h1 br{display:none}.artist-portfolio .studio-panels{height:340px}}
@media(max-width:1000px) and (min-width:761px){body.artist-portfolio>header{gap:12px}.artist-portfolio .header-nav{gap:15px}.artist-portfolio .brand span{display:none}.artist-portfolio .compact-studio main{gap:28px;grid-template-columns:1fr 1fr}.artist-portfolio .social-menu{margin-left:0}}
@media(max-width:760px){
 :root{--edge:22px}
 body.artist-portfolio>header{height:68px;padding:0 var(--edge);gap:12px;backdrop-filter:none}
 .artist-portfolio .brand{font-size:26px}.artist-portfolio .brand span{font-size:11px;margin-left:8px}
 .artist-portfolio .social-menu{margin-left:auto}.artist-portfolio .social-menu summary{font-size:9px;gap:8px}
 .artist-portfolio .header-nav{margin:0;position:fixed;bottom:0;left:0;right:0;background:#f6f3ecf5;backdrop-filter:blur(15px);grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0 8px env(safe-area-inset-bottom);height:calc(62px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #211a1708;border:0}
 .artist-portfolio .header-nav a,.artist-portfolio .header-nav a[data-nav=cocreate]{font-size:11px;letter-spacing:0;min-width:0;color:var(--ink);border:0}
 .artist-portfolio .header-nav a[aria-current=page]{color:var(--red)}
 .artist-portfolio .header-nav a[aria-current=page]:after{bottom:10px;left:calc(50% - 7px);width:14px;height:1px}
 .artist-portfolio .front-page:not(.star-explorer){padding:0 var(--edge) 20px}
 .artist-portfolio .front-page .front-art.album-cover-hero{aspect-ratio:.72;min-height:0;height:auto;overflow:visible}
 .artist-portfolio .front-page .album-cover-hero>.hero-portrait{right:-22px;top:22%;height:78%;width:99%;object-position:58% 50%;clip-path:ellipse(80% 75% at 88% 77%);mask-image:linear-gradient(to bottom,#000 90%,transparent)}
 .artist-portfolio .hero-cover-copy{left:0;top:0;width:100%;z-index:2}
 .artist-portfolio .hero-artist{font-size:9px;margin:2px 0 16px}.artist-portfolio .hero-artist span{font-size:9px}
 .portfolio-wordmark{font-size:clamp(77px,23.5vw,170px);line-height:.82;letter-spacing:-.065em;margin-bottom:18px}
 .portfolio-wordmark span{transform:scaleX(.83)}
 .artist-portfolio .hero-album-title{width:54%;max-width:250px}
 .artist-portfolio .hero-album-caption{font-size:10px;letter-spacing:0;max-width:45%;margin-top:25px}
 .portfolio-release-number{font-size:22px;margin-right:5px}
 .artist-portfolio .front-page .album-cover-hero .hero-video-controls{left:0;bottom:12%;gap:4px}
 .artist-portfolio .front-page .hero-video-controls .hero-signature{font-size:7px;max-width:95px;line-height:1.8}
 .artist-portfolio .front-page .album-cover-hero .hero-video-controls #enterUniverse{font-size:12px;min-height:44px}
 .artist-portfolio .front-page #universe{margin-top:14px;padding-top:10px;grid-template-rows:72px auto auto}
 .artist-portfolio .front-page #universe .homepage-orbit-title{width:150px;height:42px;top:-4px}
 .artist-portfolio .front-page #universe .cosmos-tabs,.artist-portfolio .front-page #universe .map-toolbar{padding:0 0 8px;align-self:end}
 .artist-portfolio .front-page #universe .map-actions{gap:12px}
 .artist-portfolio .front-page #universe .map-actions button,.artist-portfolio .front-page #universe .cosmos-tabs button{font-size:11px}
 .artist-portfolio .front-page #universe .constellation-hint{padding:8px 0 20px;font-size:10px}
 .artist-portfolio .front-page #starMap .planet-caption{max-width:21vw;width:76px}
 .artist-portfolio .front-page #starMap .planet-caption strong{font-size:10px;line-height:1.4}.artist-portfolio .front-page #starMap .planet-caption i{font-size:12px}
 .artist-portfolio .front-page>.front-video{margin:12px 0 0;padding-top:20px}
 .artist-portfolio .front-page>.front-video .section-label h2{font-size:23px}
 .artist-portfolio .works-page,.artist-portfolio .play-page{padding:0 var(--edge) 28px}
 .artist-portfolio .works-banner{min-height:0;padding:20px 0 30px;gap:18px;grid-template-columns:1fr .8fr;align-items:start}
 .artist-portfolio .works-banner>img{height:240px;object-position:55% 50%;margin-top:18px}
 .artist-portfolio .portfolio-page-title{font-size:65px;margin:20px 0}
 .artist-portfolio .works-banner h2{font-size:17px;line-height:1.7}.artist-portfolio .works-banner p{font-size:12px;line-height:1.8}
 .artist-portfolio .works-banner span{font-size:8px;letter-spacing:.1em}
 .artist-portfolio .past-title{display:block}.artist-portfolio .past-title small{display:block;font-size:8px;margin-top:7px}
 .artist-portfolio .album-ribbon{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.artist-portfolio .album-ribbon button span{font-size:13px}.artist-portfolio .record-detail{display:block;margin:25px 0 30px}
 .artist-portfolio .record-art{padding:0 15% 20px 0}.artist-portfolio .record-art img{max-width:none}
 .artist-portfolio .record-copy{padding:10px 0}.artist-portfolio .record-copy h2{font-size:37px}
 .artist-portfolio .record-tracks{padding:22px 0}.artist-portfolio .track-choice{padding:12px 0;font-size:13px}
 .artist-portfolio dialog.star-detail.media-detail.editorial-track{padding:20px 24px 45px}
 .artist-portfolio .editorial-track .track-glass{padding:0}
 .artist-portfolio .editorial-track .track-glass #starDetailTitle{font-size:clamp(37px,10.5vw,65px);line-height:1.18;margin:22px 0 12px;letter-spacing:-.035em}
 .artist-portfolio .editorial-track .track-glass #songEnglish{font-size:14px;letter-spacing:.01em;margin-bottom:22px}
 .artist-portfolio .editorial-track .track-summary{grid-template-columns:1fr;gap:17px;margin:0 0 12px}
 .artist-portfolio .editorial-track .track-glass .track-artwork{max-width:460px;padding-right:18%;width:100%}
 .artist-portfolio .song-feature-copy:before{display:none}
 .artist-portfolio .editorial-track .track-copy #starDetailBody{font-size:12px}.artist-portfolio .editorial-track .track-copy #starPlayerNote{font-size:11px!important;line-height:1.7}
 .artist-portfolio .song-transport{margin:6px 0}.artist-portfolio .song-lyrics-text{font-size:18px}
 .artist-portfolio .editorial-track .track-glass .star-detail-links{gap:12px;flex-wrap:wrap}
 .artist-portfolio .editorial-track .track-glass .star-detail-links button{font-size:12px;min-width:70px}.artist-portfolio .editorial-track .track-glass .star-detail-links button small{font-size:8px}
 .artist-portfolio .compact-studio .maker-heading{padding:25px var(--edge) 24px;display:flex;gap:10px}
 .artist-portfolio .compact-studio .maker-heading h2{font-size:clamp(43px,12vw,72px);margin-top:12px;letter-spacing:-.055em}
 .artist-portfolio .compact-studio .maker-heading .eyebrow{font-size:8px}
 .artist-portfolio .studio-gallery-link{font-size:10px;max-width:64px;white-space:normal;line-height:1.6;text-align:right}
 .artist-portfolio .compact-studio main{padding:0 var(--edge) 25px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 270px auto;gap:16px;min-height:0;height:auto}
 .artist-portfolio .compact-studio .canvas-wrap{height:min(75svh,calc((100vw - 44px) * var(--poster-height-ratio,1.777778)))}
 .artist-portfolio .compact-studio .preview-head .eyebrow{font-size:8px}.artist-portfolio .compact-studio .studio-tabs button{font-size:13px}
 .artist-portfolio .compact-studio .studio-panels{height:226px}
 .artist-portfolio .compact-studio .export-actions{grid-template-columns:1fr 1.35fr .6fr;gap:4px}.artist-portfolio .compact-studio .export-actions button{font-size:11px}
 .artist-portfolio .compact-studio .universe-exhibition{padding:30px var(--edge) 35px;margin-top:15px}
 .artist-portfolio .compact-studio .exhibition-heading h2{font-size:27px}.artist-portfolio .compact-studio .exhibition-grid{column-gap:20px}
 .artist-portfolio .play-hero{height:335px}.artist-portfolio .play-hero-copy{top:24px;max-width:100%}
 .artist-portfolio .play-hero h1{font-size:clamp(48px,12vw,75px);margin:30px 0 26px}
 .artist-portfolio .play-hero-copy .guitar-intro{font-size:19px;max-width:70%}.artist-portfolio .play-hero-copy>p{max-width:70%;font-size:12px}
 .artist-portfolio .play-hero .eyebrow{font-size:8px;letter-spacing:.13em}
 .portfolio-strings{width:24%;right:6%;top:20%;bottom:0;opacity:.65}.portfolio-strings:after{font-size:52px}
 .artist-portfolio .play-layout{padding:20px 0 12px;display:block}.artist-portfolio .play-layout h2{font-size:27px}.artist-portfolio .play-layout>section{margin-bottom:45px}
 .artist-portfolio .community-page{padding:25px var(--edge) 50px}
 .artist-portfolio .community-heading h1{font-size:clamp(55px,15vw,86px);margin:26px 0 20px}.artist-portfolio .community-heading>span{font-size:8px}.artist-portfolio .community-heading>p{font-size:14px}
 .artist-portfolio .community-welcome{grid-template-columns:90px minmax(0,1fr);padding:10px 0 20px;gap:20px;align-items:start}
 .artist-portfolio .community-welcome>img{width:100%;margin-top:10px}.artist-portfolio .community-welcome h2{font-size:25px}.artist-portfolio .community-welcome p{font-size:13px}
 .artist-portfolio .community-welcome>div>span{font-size:7px;letter-spacing:.07em}
 .artist-portfolio .community-welcome .community-primary{font-size:12px;padding:12px 14px;min-height:44px}
 .artist-portfolio .community-welcome small{font-size:9px;line-height:1.7;margin-top:18px}.artist-portfolio .community-welcome details{font-size:11px;margin-top:18px}
 .artist-portfolio .community-tabs{gap:24px;font-size:12px;margin-bottom:20px}.artist-portfolio .community-tabs button{font-size:12px}
 .artist-portfolio .community-message{padding:20px 0}.artist-portfolio .community-message p{font-size:15px}.artist-portfolio .community-message .message-meta img{width:38px;height:38px}
 body.artist-portfolio>footer.artist-contact{padding:24px var(--edge);margin-top:10px}
 .artist-portfolio .artist-contact>p{font-size:12px}.artist-portfolio .artist-contact .business-email{font-size:18px}
 .artist-portfolio .artist-contact .contact-links{gap:6px 10px}.artist-portfolio .artist-contact .contact-platforms a{width:38px;height:44px;padding:9px}
 .artist-portfolio .artist-contact .contact-bottom{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.artist-portfolio *{scroll-behavior:auto!important}}

/* One navigation, inside MENU on every screen */
body.artist-portfolio{padding-bottom:env(safe-area-inset-bottom,0px)}
body.artist-portfolio>header{overflow:visible}
.artist-portfolio .social-menu{margin-left:auto;flex:none}
.artist-portfolio .social-menu summary{min-width:88px;justify-content:flex-end}
.artist-portfolio .social-menu>.header-nav{position:absolute;inset:calc(100% + 10px) 0 auto auto;display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(290px,calc(100vw - 40px));min-width:0;height:auto;max-height:calc(100dvh - 110px);overflow-y:auto;margin:0;padding:16px 22px;background:var(--paper);border:0;box-shadow:0 16px 38px #28221820;backdrop-filter:none;transform:none;z-index:100}
.artist-portfolio .social-menu>.header-nav a,.artist-portfolio .social-menu>.header-nav a[data-nav=cocreate]{display:flex;align-items:center;justify-content:flex-start;min-height:48px;margin:0;padding:10px 0;color:var(--ink);font:400 18px/1.6 var(--serif);letter-spacing:.07em;white-space:normal}
.artist-portfolio .social-menu>.header-nav a[aria-current=page]{color:var(--red)}
.artist-portfolio .social-menu>.header-nav a[aria-current=page]:after{display:none}
.artist-portfolio .social-menu>.header-nav a:hover{color:var(--red);background:none}
.artist-portfolio .social-menu>.header-nav .contact-nav{margin-top:8px;font-size:11px;letter-spacing:.15em;color:var(--muted)}
.artist-portfolio .social-menu:not([open])>.header-nav{display:none}