.artist-galaxy-cover{position:relative;isolation:isolate;display:block;width:100%;height:clamp(350px,35vw,560px);overflow:hidden;background:#020713;border-bottom:1px solid #bd934a;margin:0;padding:0;color:white}
.artist-galaxy-sky{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}
.artist-galaxy-catalog{position:absolute;top:39%;left:5%;width:24%;text-align:center;text-decoration:none;color:#ffe3a0!important;font:800 clamp(14px,1.3vw,20px)/1.4 system-ui;letter-spacing:.16em;text-shadow:0 2px 8px #000}
.artist-galaxy-catalog span{display:block;font-size:12px;letter-spacing:.12em;color:#fff0d3;margin-top:5px}
.artist-galaxy-world{position:absolute;width:clamp(320px,39vw,580px);height:clamp(320px,39vw,580px);left:56%;top:48%;transform:translate(-50%,-50%);animation:artist-world-float 12s ease-in-out infinite}
.artist-galaxy-world>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px #6dc7ff50)}
.artist-galaxy-name{position:absolute;inset:34% 20% 28%;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:10px;text-shadow:0 2px 5px #000,0 0 22px #001330;font-family:system-ui;color:white}
.artist-galaxy-name>span{font-size:12px;font-weight:800;letter-spacing:.16em}
.artist-galaxy-name>strong{font-size:clamp(23px,3.2vw,44px);line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}
.artist-galaxy-signature{position:absolute;right:3%;bottom:5%;margin:0!important;font:800 14px/1.4 system-ui;letter-spacing:.22em;color:#ffdf94}
.artist-galaxy-signature span{font-weight:400;color:#d7eaff}
@keyframes artist-world-float{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-53%) rotate(1deg)}}
@media(max-width:600px){.artist-galaxy-cover{height:390px}.artist-galaxy-world{left:59%;top:56%;width:330px;height:330px}.artist-galaxy-catalog{left:3%;top:29%;width:34%;font-size:14px;letter-spacing:.06em}.artist-galaxy-catalog span{font-size:12px;letter-spacing:0}.artist-galaxy-name>strong{font-size:26px}.artist-galaxy-name>span{font-size:12px;letter-spacing:.05em}.artist-galaxy-signature{font-size:12px}}
@media(prefers-reduced-motion:reduce){.artist-galaxy-world{animation:none}}

.artist-galaxy-sky{animation:artist-sky-drift 28s ease-in-out infinite;transform-origin:15% 23%}
.artist-galaxy-meteor{position:absolute;width:clamp(55px,8vw,115px);height:auto;pointer-events:none;object-fit:contain;animation:artist-meteor-drift 19s ease-in-out infinite}
.artist-galaxy-meteor.meteor-near{right:6%;top:19%;transform:rotate(-18deg)}
.artist-galaxy-meteor.meteor-far{left:26%;bottom:10%;width:clamp(32px,4vw,60px);opacity:.65;animation-duration:27s;animation-delay:-11s}
@keyframes artist-sky-drift{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes artist-meteor-drift{0%,100%{translate:0 0;rotate:-10deg}50%{translate:-32px 20px;rotate:8deg}}
@media(prefers-reduced-motion:reduce){.artist-galaxy-sky,.artist-galaxy-meteor{animation:none}}

/* The original artist introduction now lives inside its galaxy. */
.artist-galaxy-integrated{height:auto;min-height:620px;border-color:var(--galaxy-accent);background:#070b12}
.artist-galaxy-integrated .artist-galaxy-sky{filter:grayscale(.7);opacity:.7}
.artist-galaxy-integrated::after{content:"";position:absolute;inset:0;background:var(--galaxy-accent);mix-blend-mode:color;opacity:.8;z-index:0;pointer-events:none}
.artist-galaxy-integrated::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03050bcc 0%,#03050b88 34%,transparent 75%),linear-gradient(0deg,#070b12,transparent 35%);z-index:1;pointer-events:none}
.artist-galaxy-integrated .world-hero,.artist-galaxy-integrated .zm-hero{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:center;gap:3%;max-width:1500px;min-height:620px;margin:0 auto;padding:90px 5% 55px;background:transparent}
.artist-galaxy-integrated .hero-copy,.artist-galaxy-integrated .zm-hero-copy{padding:0;min-width:0;text-shadow:0 2px 20px #0008}
.artist-galaxy-integrated h1{font-size:clamp(48px,6.8vw,104px);line-height:.98;letter-spacing:-.05em;margin:12px 0 20px;color:#fff;overflow-wrap:anywhere}
.artist-galaxy-integrated h1 span{display:inline;color:#fff}
.artist-galaxy-integrated h2{font-size:clamp(23px,2.5vw,37px);line-height:1.13;margin:0 0 18px;color:#f8f3ed}
.artist-galaxy-integrated .hero-copy>p,.artist-galaxy-integrated .zm-hero-copy>p{font-size:16px;line-height:1.65;max-width:630px;color:#edf1f7}
.artist-galaxy-integrated .eyebrow,.artist-galaxy-integrated .zm-eyebrow{font-size:14px!important;letter-spacing:.12em;color:#f3e6d1!important}
.artist-galaxy-integrated figure{position:relative;margin:0;align-self:center;width:100%;min-width:0;height:auto;background:transparent}
.artist-galaxy-integrated figure img{position:relative;display:block;width:100%;height:clamp(370px,42vw,600px);object-fit:contain;object-position:center;background:transparent;border:0;border-radius:0;box-shadow:none;mask-image:linear-gradient(to bottom,#000 86%,transparent),linear-gradient(to right,transparent,#000 9%,#000 92%,transparent);mask-composite:intersect}
.artist-galaxy-integrated figcaption{position:relative;inset:auto;background:transparent;color:#e9e3d7;text-align:center;padding:8px 0;font-size:13px;letter-spacing:.09em}
.artist-galaxy-integrated .artist-galaxy-world{width:clamp(170px,21vw,310px);height:clamp(170px,21vw,310px);left:90%;top:21%;opacity:.75;z-index:2}
.artist-galaxy-integrated .artist-galaxy-name>span{display:none}
.artist-galaxy-integrated .artist-galaxy-name>strong{font-size:clamp(15px,1.4vw,21px)}
.artist-galaxy-integrated .artist-galaxy-catalog{top:24px;left:4%;width:auto;font-size:13px;z-index:4;letter-spacing:.1em}
.artist-galaxy-integrated .artist-galaxy-catalog span{font-size:12px;letter-spacing:.04em}
.artist-galaxy-integrated .artist-galaxy-meteor{z-index:2;opacity:.7}
.artist-galaxy-integrated .meteor-near{right:45%;top:8%;width:70px}
.artist-galaxy-integrated .meteor-far{left:65%;bottom:5%}
.artist-galaxy-integrated .artist-galaxy-signature{z-index:4;bottom:14px;font-size:12px}
.artist-galaxy-integrated .actions,.artist-galaxy-integrated .zm-actions{margin-top:22px;gap:10px}
.artist-galaxy-integrated .button,.artist-galaxy-integrated .zm-button{font-size:14px;min-height:46px;padding:12px 15px}
@media(max-width:700px){
 .artist-galaxy-integrated{min-height:0}
 .artist-galaxy-integrated .world-hero,.artist-galaxy-integrated .zm-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px 12px;min-height:0;padding:82px 5% 48px}
 .artist-galaxy-integrated .hero-copy,.artist-galaxy-integrated .zm-hero-copy{display:contents}
 .artist-galaxy-integrated .eyebrow,.artist-galaxy-integrated .zm-eyebrow{grid-column:1;grid-row:1;align-self:end;font-size:12px!important;line-height:1.4!important;letter-spacing:.06em}
 .artist-galaxy-integrated h1{grid-column:1;grid-row:2;align-self:start;font-size:clamp(30px,8vw,54px);margin:2px 0 12px}
 .artist-galaxy-integrated figure{grid-column:2;grid-row:1/3;align-self:center;margin:0}
 .artist-galaxy-integrated figure img{height:235px;object-fit:contain}
 .artist-galaxy-integrated figcaption{display:none}
 .artist-galaxy-integrated h2{grid-column:1/-1;grid-row:3;font-size:24px;margin:10px 0 0}
 .artist-galaxy-integrated .hero-copy>p:not(.eyebrow),.artist-galaxy-integrated .zm-hero-copy>p:not(.zm-eyebrow){grid-column:1/-1;margin:8px 0;font-size:16px}
 .artist-galaxy-integrated .actions,.artist-galaxy-integrated .zm-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;margin-top:12px}
 .artist-galaxy-integrated .button,.artist-galaxy-integrated .zm-button{width:auto;flex:1 1 145px;text-align:center}
 .artist-galaxy-integrated .artist-galaxy-world{width:160px;height:160px;left:91%;top:100px;opacity:.45}
 .artist-galaxy-integrated .artist-galaxy-name{display:none}
 .artist-galaxy-integrated .meteor-near{top:37px;right:38%;width:45px}
 .artist-galaxy-integrated .artist-galaxy-catalog{top:18px;left:5%;font-size:12px}
}

/* Reveal the moving galaxy through the artist portrait, keeping text solid. */
.artist-galaxy-integrated figure img{opacity:.68}

/* LaMonae's transparent album portrait spans her galaxy cover. */
.artist-galaxy-integrated[data-artist="lamonae"] .world-hero{padding-top:0;padding-bottom:0;min-height:690px;align-items:stretch}
.artist-galaxy-integrated[data-artist="lamonae"] .hero-copy{align-self:center;padding:95px 0 65px}
.artist-galaxy-integrated[data-artist="lamonae"] figure.lamonae-cutout{align-self:stretch;position:relative;min-height:690px}
.artist-galaxy-integrated[data-artist="lamonae"] figure.lamonae-cutout img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:none;opacity:.68}
@media(max-width:700px){
 .artist-galaxy-integrated[data-artist="lamonae"] .world-hero{padding:82px 5% 48px;min-height:0}
 .artist-galaxy-integrated[data-artist="lamonae"] figure.lamonae-cutout{min-height:320px;align-self:stretch}
 .artist-galaxy-integrated[data-artist="lamonae"] figure.lamonae-cutout img{height:100%;object-fit:contain}
}
@media(min-width:701px){.artist-galaxy-integrated[data-artist="lamonae"] .world-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.artist-galaxy-integrated[data-artist="lamonae"]{background:#200c21;border-bottom:2px solid #d9af54}
.artist-galaxy-integrated[data-artist="lamonae"]::after{background:linear-gradient(125deg,#eac16b 0%,#c84e8f 27%,#ed8dbc 55%,#d8ad51 95%);opacity:.9}
.artist-galaxy-integrated[data-artist="lamonae"] .artist-galaxy-sky{filter:grayscale(.35);opacity:.9}
.artist-galaxy-integrated[data-artist="lamonae"] .artist-galaxy-world{opacity:.9}
.artist-galaxy-integrated[data-artist="lamonae"] .artist-galaxy-catalog{color:#ffe6a2!important}

/* Full-height transparent artwork across the artist roster. */
.artist-galaxy-integrated:has(.artist-cover-cutout) .world-hero,.artist-galaxy-integrated:has(.artist-cover-cutout) .zm-hero{padding-top:0;padding-bottom:0;min-height:690px;align-items:stretch;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.artist-galaxy-integrated:has(.artist-cover-cutout) .hero-copy,.artist-galaxy-integrated:has(.artist-cover-cutout) .zm-hero-copy{align-self:center;padding:95px 0 65px}
.artist-galaxy-integrated figure.artist-cover-cutout{align-self:stretch;position:relative;min-height:690px}
.artist-galaxy-integrated figure.artist-cover-cutout img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:none;opacity:.68}
@media(max-width:700px){
 .artist-galaxy-integrated:has(.artist-cover-cutout) .world-hero,.artist-galaxy-integrated:has(.artist-cover-cutout) .zm-hero{padding:82px 5% 48px;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .artist-galaxy-integrated figure.artist-cover-cutout{min-height:320px;align-self:stretch}
 .artist-galaxy-integrated figure.artist-cover-cutout img{height:100%;object-fit:contain}
}

/* Gulfwav Nation and DJ ZMarie: portraits fill the cover vertically. */
.artist-galaxy-integrated:is([data-artist="gulfwav"],[data-artist="dj-zmarie"]) :is(.world-hero,.zm-hero){max-width:none;isolation:isolate;overflow:hidden}
.artist-galaxy-integrated:is([data-artist="gulfwav"],[data-artist="dj-zmarie"]) :is(.hero-copy,.zm-hero-copy){position:relative;z-index:2}
.artist-galaxy-integrated:is([data-artist="gulfwav"],[data-artist="dj-zmarie"]) figure.artist-cover-cutout{position:absolute;inset:0;margin:0;min-height:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.artist-galaxy-integrated:is([data-artist="gulfwav"],[data-artist="dj-zmarie"]) figure.artist-cover-cutout img{inset:auto;top:0;right:0;width:auto;max-width:none;height:103.4%;object-fit:contain;object-position:right center;transform:translateY(-3.3%)}
.artist-galaxy-integrated[data-artist="gulfwav"] figure.artist-cover-cutout img{height:115.4%;transform:translateY(-7.5%)}
@media(max-width:700px){
 .artist-galaxy-integrated:is([data-artist="gulfwav"],[data-artist="dj-zmarie"]) :is(.world-hero,.zm-hero){display:block;min-height:640px;padding:90px 5% 55px}
 .artist-galaxy-integrated:is([data-artist="gulfwav"],[data-artist="dj-zmarie"]) :is(.hero-copy,.zm-hero-copy){display:block;padding:0;background:linear-gradient(90deg,#03050bb3,transparent);text-shadow:0 2px 10px #000}
 .artist-galaxy-integrated:is([data-artist="gulfwav"],[data-artist="dj-zmarie"]) h1{max-width:75%;font-size:clamp(38px,10vw,64px)}
 .artist-galaxy-integrated[data-artist="gulfwav"] figure.artist-cover-cutout img{right:50%;transform:translate(50%,-7.5%)}
}
