:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#3c444d;color:#edf1f4;font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid #edf1f4;outline-offset:5px}.artist-page{overflow:hidden}.brand{font-size:15px;letter-spacing:.2em;line-height:1.2;display:block}.brand span{display:block;font-size:10px;letter-spacing:.49em;margin-top:6px}.artist-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 5%}.back{font-size:13px;letter-spacing:.04em;border-bottom:1px solid #cbd5de70;padding:10px 0}.back span{padding-left:16px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#cbd5de;margin:0}.hero{min-height:min(780px,calc(100svh - 100px));margin:0 18px;display:grid;grid-template-columns:49% 51%;background:#303943;position:relative;isolation:isolate}.hero-image{position:relative;overflow:hidden;min-height:580px;background:#28313a}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,#30394355)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:grayscale(.28);transform:scale(1.1);transition:transform 2.1s cubic-bezier(.16,1,.3,1),filter 1.8s}.is-ready .hero-image img{transform:scale(1);filter:grayscale(.09)}.hero-copy{display:flex;flex-direction:column;justify-content:space-between;padding:58px 8% 44px 7%;position:relative}.hero h1{font:normal clamp(82px,11vw,178px)/.85 Georgia,serif;letter-spacing:-.07em;margin:0 0 20px -7%;white-space:nowrap;position:relative;z-index:1;color:#e9eef2}.hero h1 em{font-weight:normal;color:#cad3dc}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:22px;font-size:14px}.hero-bottom p{margin:0}.hero-bottom a{padding:12px 0;border-bottom:1px solid #cbd5de8a;white-space:nowrap}.hero-bottom a span{margin-left:18px}.motion-ready .hero-intro,.motion-ready .hero h1,.motion-ready .hero-bottom{opacity:0;transform:translate3d(0,34px,0)}.is-ready .hero-intro{animation:arrive 1.3s .22s both}.is-ready .hero h1{animation:arrive 1.7s .48s both}.is-ready .hero-bottom{animation:arrive 1.45s .92s both}@keyframes arrive{from{opacity:0;transform:translate3d(-38px,34px,0)}to{opacity:1;transform:none}}.section-wrap{padding:120px 7%}.about{display:grid;grid-template-columns:30% 1fr;gap:3vw;min-height:490px;align-items:start}.about-body{display:flex;align-items:end;justify-content:space-between;gap:5vw}.about h2,.feature-copy h2,.listen h2{font:normal clamp(42px,6vw,92px)/.99 Georgia,serif;letter-spacing:-.052em;margin:0}.about h2 em,.feature-copy h2 em,.listen h2 em{font-weight:normal;color:#cbd5de}.about-text{font-size:17px;line-height:1.75;max-width:300px;margin:0 0 6px}.section-heading{display:flex;gap:25px;align-items:center;margin-bottom:48px}.section-line{height:1px;flex:1;background:#cbd5de35}.featured{background:#333d47}.feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:clamp(35px,8vw,140px);align-items:center}.feature-cover{overflow:hidden;aspect-ratio:1;background:#272f38}.feature-cover img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.11);transition:transform 2.2s cubic-bezier(.16,1,.3,1)}.feature-cover.is-in-view img{transform:scale(1)}.feature-copy h2{font-size:clamp(46px,5.6vw,92px);margin:18px 0 42px}.feature-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.primary-link{min-width:172px;padding:14px 18px;border:1px solid #cbd5de9c;display:inline-flex;justify-content:space-between;gap:30px;font-size:14px;transition:background .35s,transform .35s}.primary-link:hover{background:#cbd5de25;transform:translateY(-3px)}.text-link{padding:13px 0;border-bottom:1px solid #cbd5de85;font-size:14px}.text-link span{padding-left:14px}.listen-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:50px}.listen-header p{font-size:15px;color:#cbd5de;margin:0}.players{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,4vw,54px);align-items:start}.player-block{min-width:0}.player-block h3{font-weight:normal;font-size:13px;letter-spacing:.12em;margin:0 0 15px;color:#cbd5de}.player-block iframe{display:block;border:0;border-radius:10px;background:#29323c}.platforms{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.platforms a{font-size:13px;padding:10px 14px;border:1px solid #cbd5de55;transition:background .25s}.platforms a:hover{background:#cbd5de22}.artist-footer{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:50px 7%;border-top:1px solid #cbd5de32}.artist-footer>a:last-child{font-size:13px}.motion-ready .reveal{opacity:0;transform:translate3d(var(--reveal-x,-35px),55px,0);transition:opacity 1.4s ease,transform 1.7s cubic-bezier(.16,1,.3,1)}.reveal:nth-child(even){--reveal-x:35px}.motion-ready .reveal.is-in-view{opacity:1;transform:none}.image-reveal{transform:translate3d(0,70px,0) scale(.94)}.feature-copy [data-reveal]:nth-child(2),.listen-header [data-reveal]:nth-child(2){transition-delay:.16s}.feature-copy [data-reveal]:nth-child(3),.players [data-reveal]:nth-child(2){transition-delay:.28s}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:0}.hero-image{min-height:58vh;max-height:730px}.hero-image:after{background:linear-gradient(0deg,#303943a8,transparent 45%)}.hero-copy{min-height:350px;padding:30px 6% 35px}.hero h1{font-size:clamp(76px,17vw,145px);margin-left:0;position:relative}.about{grid-template-columns:1fr;gap:45px;min-height:0}.about-body{align-items:start}.feature-grid{gap:35px}.feature-copy h2{font-size:clamp(38px,5.7vw,72px)}}
@media(max-width:650px){.artist-header{padding:21px 6%}.brand{font-size:13px}.brand span{font-size:9px}.back{font-size:12px}.hero{margin:0 10px}.hero-image{min-height:440px;height:53svh}.hero-copy{min-height:315px;padding:28px 6% 32px}.hero h1{font-size:clamp(72px,16vw,112px);line-height:.89;letter-spacing:-.065em}.hero-bottom{font-size:13px}.section-wrap{padding:78px 6%}.about-body{display:block}.about h2,.feature-copy h2,.listen h2{font-size:clamp(42px,10.5vw,69px)}.about-text{margin:32px 0 0;max-width:480px;font-size:16px}.feature-grid{grid-template-columns:1fr}.feature-copy h2{margin-bottom:30px}.section-heading{margin-bottom:30px}.players{grid-template-columns:1fr;gap:30px}.listen-header{align-items:start;display:block}.listen-header p{margin-top:24px}.platforms{margin-top:30px}.artist-footer{padding:40px 6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-intro,.hero h1,.hero-bottom,.reveal{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}.hero-image img,.feature-cover img{transform:none!important;transition:none!important}}

/* An editorial release sequence keeps the four upcoming tracks easy to scan. */
.release-intro{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin:0 0 52px}.release-intro h2,.explore h2{font:normal clamp(44px,6vw,88px)/1 Georgia,serif;letter-spacing:-.05em;margin:0}.release-intro h2 em,.explore h2 em{font-weight:normal;color:#cbd5de}.release-intro p{max-width:260px;margin:0 0 5px;color:#cbd5de;font-size:15px}.release-list{border-top:1px solid #cbd5de55}.release-item{min-height:132px;display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:18px;border-bottom:1px solid #cbd5de55;padding:23px 8px}.release-index{align-self:start;padding-top:6px;color:#cbd5de;font:14px Georgia,serif}.release-item time{color:#cbd5de;font-size:11px;letter-spacing:.16em}.release-item h3{font:normal clamp(24px,3vw,43px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:8px 0 0}.release-item a{border:1px solid #cbd5de88;padding:12px 17px;min-width:130px;font-size:13px;display:flex;gap:20px;justify-content:space-between;transition:background .3s,transform .3s}.release-item a:hover{background:#cbd5de24;transform:translateY(-3px)}.release-item:first-child h3{color:#fff}.video-block{margin-top:46px}.video-block h3{font-weight:normal;font-size:13px;letter-spacing:.12em;color:#cbd5de;margin:0 0 15px}.video-frame{aspect-ratio:16/9;max-width:760px;background:#242d36;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0;display:block}.players{gap:22px}.player-block iframe{height:175px}.platforms{padding-top:23px;border-top:1px solid #cbd5de35}.explore{background:#303943}.explore h2{margin-bottom:49px}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.artist-card{display:block;min-width:0;transition:transform .55s cubic-bezier(.16,1,.3,1)}.artist-card:hover{transform:translateY(-8px)}.artist-photo{display:block;overflow:hidden;aspect-ratio:4/5;background:#252e37}.artist-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.25);transform:scale(1.08);transition:transform 1.65s cubic-bezier(.16,1,.3,1),filter .7s}.artist-card.is-in-view .artist-photo img{transform:scale(1)}.artist-card:hover .artist-photo img{transform:scale(1.055);filter:grayscale(0)}.artist-name{display:flex;justify-content:space-between;gap:6px;align-items:center;font:normal clamp(17px,2vw,25px) Georgia,serif;letter-spacing:-.025em;margin-top:16px}.artist-name span{font:14px Arial,sans-serif}.artist-card small{display:block;font-size:11px;color:#cbd5de;letter-spacing:.07em;margin-top:4px}
.spotify-frame{height:175px;border-radius:10px;background:#29323c;display:flex;align-items:center;overflow:hidden}.spotify-frame iframe{height:152px;flex:none;background:transparent}
.release-item{grid-template-columns:44px 112px minmax(0,1fr) auto;gap:24px;min-height:164px;padding:20px 8px}.release-art{width:112px;aspect-ratio:1;overflow:hidden;background:#252d34}.release-art img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.13);filter:saturate(.76);transition:transform 1.8s cubic-bezier(.16,1,.3,1),filter 1.8s}.release-item.is-in-view .release-art img{transform:scale(1);filter:saturate(1)}.release-info{min-width:0}
@media(prefers-reduced-motion:reduce){.release-art img{transform:none!important;filter:none!important;transition:none!important}}
@media(max-width:850px){.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 15px}}
@media(max-width:650px){.release-intro{display:block;margin-bottom:36px}.release-intro p{margin:25px 0 0}.release-item{grid-template-columns:26px minmax(0,1fr);min-height:128px;gap:12px;padding:22px 0}.release-item a{grid-column:2;min-width:0;justify-self:start;margin-top:2px;padding:9px 12px}.release-item h3{font-size:clamp(23px,6.2vw,33px)}.video-block{margin-top:32px}.explore h2{margin-bottom:32px}.artist-name{font-size:18px}}
@media(prefers-reduced-motion:reduce){.artist-card,.artist-photo img,.release-item a{transform:none!important;transition:none!important}}
@media(max-width:650px){
  .platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .platforms a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;text-align:center}
  .release-item{grid-template-columns:20px 86px minmax(0,1fr);grid-template-areas:"index art info" ". . action";column-gap:12px;row-gap:0;align-items:start;min-height:0;padding:20px 0}
  .release-index{grid-area:index;padding-top:4px}
  .release-art{grid-area:art;width:86px}
  .release-info{grid-area:info;min-width:0}
  .release-info time{font-size:11px;letter-spacing:.06em;line-height:1.4;display:block}
  .release-item h3{font-size:clamp(20px,5.6vw,30px);line-height:1.12;margin-top:7px;overflow-wrap:break-word}
  .release-item a{grid-area:action;grid-column:auto;min-width:0;min-height:42px;justify-self:start;align-items:center;margin:12px 0 0;padding:10px 14px;font-size:14px}
}
/* Shared artist template: long names and biography copy adapt to each viewport. */
.profile-page .hero h1{font-size:clamp(44px,6.6vw,110px);white-space:normal;margin-left:0;line-height:.98;letter-spacing:-.05em;overflow-wrap:normal}
.profile-page .hero h1.single-word{font-size:clamp(24px,3.7vw,66px)}
.profile-page .about{grid-template-columns:20% minmax(0,1fr)}
.profile-page .about-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px}
.profile-page .about h2{font-size:clamp(34px,4vw,64px);overflow-wrap:break-word}
.profile-page .about-text{max-width:none}
.release-item.without-art{grid-template-columns:44px minmax(0,1fr) auto}
.artist-name{overflow-wrap:anywhere}
@media(max-width:850px){.profile-page .hero h1{font-size:clamp(48px,10vw,100px)}.profile-page .hero h1.single-word{font-size:clamp(24px,6.1vw,72px)}.profile-page .about{grid-template-columns:1fr}.profile-page .about-body{gap:28px}}
@media(max-width:650px){.profile-page .about-body{display:block}.profile-page .about h2{font-size:clamp(35px,9vw,55px)}.profile-page .hero h1{font-size:clamp(40px,11vw,74px)}.release-item a{grid-column:action}.release-item.without-art{grid-template-columns:20px minmax(0,1fr);grid-template-areas:"index info" ". action"}.artist-name{font-size:17px;line-height:1.2}.artist-card small{font-size:12px;line-height:1.5}}
.profile-page .hero h1.single-word{font-size:clamp(36px,5.7vw,96px)}
body[data-artist-id="MICHELANGELUS"] .hero h1{font-size:clamp(24px,3.7vw,66px)}
@media(max-width:850px){.profile-page .hero h1.single-word{font-size:clamp(36px,9vw,96px)}body[data-artist-id="MICHELANGELUS"] .hero h1{font-size:clamp(24px,6.1vw,72px)}}
.release-actions{display:flex;flex-direction:column;gap:8px;min-width:132px}
.release-item .release-actions a{min-width:0;margin:0}
.release-item .release-video{color:#cbd5de;border-color:#cbd5de55}
.artist-social{border-top:1px solid #cbd5de35}
.artist-social h2{font:normal clamp(40px,5.5vw,76px)/1 Georgia,serif;letter-spacing:-.045em;margin:0 0 42px}
.artist-social h2 em{font-weight:normal;color:#cbd5de}
.artist-social-links{display:grid;grid-template-columns:repeat(var(--social-count,4),minmax(0,1fr));gap:10px}
.artist-social-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:11px 14px;border:1px solid #cbd5de55;font-size:13px;transition:background .3s,border-color .3s,color .3s,opacity 1.4s ease,transform 1.7s cubic-bezier(.16,1,.3,1)}
.artist-social-links a:hover,.artist-social-links a:focus-visible{background:#cbd5de12;border-color:#cbd5de99;color:#fff}
.artist-social-links a span{color:#cbd5de;font-size:15px}
@media(max-width:650px){.release-actions{grid-area:action;flex-direction:row;flex-wrap:wrap;min-width:0;gap:8px;margin-top:12px}.release-item .release-actions a{margin:0;min-height:42px}.artist-social h2{font-size:clamp(36px,10vw,54px);margin-bottom:30px}.artist-social-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.artist-social-links a{transition:none!important}}

.release-item .release-actions a{align-items:center;padding:8px 12px;min-height:48px;gap:12px}
.release-button-copy{display:flex;flex-direction:column;gap:2px;line-height:1.2}
.release-button-copy small{font-size:10px;line-height:1.2;letter-spacing:.025em;color:#cbd5de;font-weight:normal;white-space:nowrap}

@media(max-width:650px){.artist-social-links a:last-child:nth-child(odd){grid-column:1/-1}}

/* Discreet route back to the full animated artist gallery. */
.artist-roster-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid #cbd5de55;background:#cbd5de0d;color:#edf1f4;font-size:14px;line-height:1.35;letter-spacing:.025em;text-align:center;transition:background .4s,border-color .4s,translate .4s}
.artist-roster-link:hover{background:#cbd5de20;border-color:#cbd5de99;translate:0 -2px}
.motion-ready .artist-roster-link{animation:arrive 1.8s .3s both}
@media(max-width:650px){.artist-header{gap:16px;flex-wrap:wrap}.artist-roster-link{padding:10px 12px;margin-left:auto}}
@media(prefers-reduced-motion:reduce){.artist-roster-link{animation:none!important;transition:none;translate:none}}