:root{--bg:#060608;--fg:#f2f2f5;--mute:#7c7c86;--line:rgba(255,255,255,.08);--b:#1F3BFF}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,sans-serif;font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.label{font-size:10px;font-weight:400;letter-spacing:.42em;text-transform:uppercase;color:var(--mute)}
.wrap{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}
.nav{position:fixed;inset:0 0 auto;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:22px 24px;background:linear-gradient(180deg,rgba(6,6,8,.7),transparent)}
.mark{font-weight:300;font-size:11px;letter-spacing:.55em}
.nav nav{display:flex;gap:26px}.nav nav a{font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:#c8c8d0}
.hero{position:relative;height:100vh;min-height:640px;max-height:940px;overflow:hidden}
.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,8,.15) 0,rgba(6,6,8,0) 30%,rgba(6,6,8,.75) 72%,var(--bg) 100%)}
.hero-txt{position:absolute;left:24px;right:24px;bottom:72px}
.wordmark{font-weight:200;font-size:clamp(40px,12.5vw,150px);letter-spacing:.14em;line-height:1;margin:16px 0 30px;display:flex;flex-direction:column}
.wordmark span:last-child{padding-left:.04em}
.cta{display:inline-flex;align-items:center;gap:16px;padding:15px 30px;border:1px solid var(--b);border-radius:999px;font-size:11px;letter-spacing:.4em;text-transform:uppercase;background:rgba(31,59,255,.12);box-shadow:0 0 34px rgba(31,59,255,.35);transition:.3s}
.cta i{font-style:normal;letter-spacing:0}.cta:hover{background:var(--b)}
.scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-size:9px}
.strip{display:grid;grid-template-columns:1fr 1fr;gap:34px 20px;max-width:1180px;margin:auto;padding:72px 24px;border-bottom:1px solid var(--line)}
.strip .lead{grid-column:1/-1}
.strip b{display:block;font-weight:200;font-size:40px;letter-spacing:-.01em;line-height:1.1;margin-bottom:8px}
.strip .lead b{font-size:76px;color:#fff;text-shadow:0 0 40px rgba(31,59,255,.45)}
.eyes{position:relative;margin-top:96px}
.eyes img{display:block;width:100%;height:150px;object-fit:cover}
.eyes .cap{padding:18px 24px;text-align:right}
.who{padding-top:120px}
.num{margin-bottom:40px}.num::before{content:"";display:inline-block;width:28px;height:1px;background:var(--b);vertical-align:middle;margin-right:16px}
.who h2{font-weight:200;font-size:clamp(30px,7vw,54px);line-height:1.18;letter-spacing:-.01em;margin-bottom:36px}
.who p{font-size:17px;color:#c5c5cd;margin-bottom:18px;max-width:520px}
.portrait{margin-top:64px}
.portrait img{display:block;width:100%;max-width:640px;height:auto}
.music{padding-top:140px}
.track{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:56px 0}
.accent{color:var(--b)}
.track h3{font-weight:200;font-size:clamp(40px,10vw,92px);line-height:1.05;letter-spacing:-.015em;margin:18px 0 6px}
.by{color:var(--mute);font-size:15px}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.btn{padding:14px 28px;border-radius:999px;border:1px solid rgba(255,255,255,.22);font-size:11px;letter-spacing:.3em;text-transform:uppercase}
.btn.primary{background:var(--b);border-color:var(--b);color:#fff}
.btn.disabled{opacity:.55;cursor:default}
.follow{padding-top:140px}
.socials{list-style:none;border-top:1px solid var(--line)}
.socials li{border-bottom:1px solid var(--line)}
.socials a,.socials li.soon{display:flex;justify-content:space-between;align-items:baseline;padding:24px 0}
.socials span{font-weight:200;font-size:26px}
.socials em{font-style:normal;font-size:12px;letter-spacing:.2em;color:var(--mute)}
.socials a:hover span{color:var(--b)}
.socials .soon{opacity:.45}
footer{padding-top:160px;padding-bottom:48px;display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}
.collabs{margin-top:20px;font-size:9px;color:#5a5a63}
@media(min-width:900px){
 .wrap,.strip{padding-left:64px;padding-right:64px}
 .nav{padding:30px 64px}
 .hero{max-height:960px}
 .hero>img{object-position:50% 15%}
 .veil{background:linear-gradient(90deg,rgba(6,6,8,.8) 0,rgba(6,6,8,0) 50%),linear-gradient(180deg,transparent 70%,var(--bg))}
 .hero-txt{left:64px;bottom:96px}
 .wordmark{font-size:118px}
 .strip{grid-template-columns:2fr 1fr 1fr;align-items:end;padding-top:96px;padding-bottom:96px}
 .strip .lead{grid-column:auto}.strip .lead b{font-size:110px}
 .eyes{margin-top:140px}.eyes img{height:auto}
 .who-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:start}
 .portrait{margin-top:100px;display:flex;justify-content:flex-end}
 .socials{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;border-top:0}
 .socials li:nth-child(-n+2){border-top:1px solid var(--line)}
}
@media(min-width:900px){
 .hero>img{position:absolute;right:6vw;top:0;width:auto;height:100%;object-fit:contain;object-position:50% 100%}
 .hero{background:radial-gradient(ellipse at 70% 40%,rgba(31,59,255,.12),transparent 60%),var(--bg)}
 .veil{background:linear-gradient(180deg,transparent 80%,var(--bg))}
 .portrait img{max-width:520px}
}
.player{display:flex;align-items:center;gap:18px;margin-top:44px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(31,59,255,.10),rgba(255,255,255,.02));max-width:560px}
.player img{width:72px;height:72px;border-radius:8px;object-fit:cover}
.pmeta{flex:1;min-width:0}.pmeta b{display:block;font-weight:300;font-size:18px;margin:4px 0 10px}
.bar{height:2px;background:rgba(255,255,255,.12);border-radius:2px}.bar i{display:block;width:34%;height:100%;background:var(--b)}
.play{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:var(--b);display:grid;place-items:center;font-size:14px;padding-left:3px;box-shadow:0 0 24px rgba(31,59,255,.45)}
.strip{grid-template-columns:1fr 1fr}
.lead-title{font-weight:200;font-size:clamp(40px,10vw,92px);line-height:1.05;letter-spacing:-.015em;margin:18px 0 36px}
.video{position:relative;display:block;border-radius:4px;overflow:hidden;border:1px solid var(--line)}
.video img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(.82)}
.vplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--b);display:grid;place-items:center;font-size:20px;padding-left:4px;box-shadow:0 0 40px rgba(31,59,255,.6)}
.vmeta{position:absolute;left:18px;bottom:14px;color:#ddd}
.tracks{list-style:none;margin:40px 0 8px;border-top:1px solid var(--line)}
.tracks li{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid var(--line);font-size:18px;font-weight:200}
.tracks li span{font-size:11px;letter-spacing:.2em;color:var(--mute);padding-top:6px}
.tracks li:first-child span{color:var(--b)}
.cards{display:grid;gap:14px;margin-top:36px}.cards .player{margin-top:0;max-width:none}
@media(min-width:900px){.strip{grid-template-columns:1.6fr 1fr 1fr 1fr}.cards{grid-template-columns:1fr 1fr}.music .video{max-width:none}}
@media(min-width:900px){.strip .label{white-space:nowrap;letter-spacing:.3em}.strip{gap:34px 48px}}
/* polished 3D headline type */
.wordmark span,.who h2,.lead-title,.strip b{
 background:linear-gradient(180deg,#ffffff 0%,#f4f5f8 28%,#c9ccd4 52%,#eef0f4 64%,#9ea3ae 100%);
 -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
 text-shadow:none;
 filter:drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 3px 4px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(31,59,255,.22));
}
.strip .lead b{text-shadow:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.2)) drop-shadow(0 4px 6px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(31,59,255,.35))}
.wordmark span{display:block;width:max-content}
.brand{display:flex;align-items:center;gap:14px}
.logo-slot{display:block;width:40px;height:40px}
.logo-slot img{width:100%;height:100%;object-fit:contain}
.logo-slot{width:44px;height:44px;filter:drop-shadow(0 0 10px rgba(31,59,255,.45))}
@media(max-width:899px){.brand .mark{display:none}.nav nav{gap:20px}}
.who-grid .portrait{margin:0 0 48px}
@media(min-width:900px){
 .logo-slot{width:58px;height:58px}
 .wrap,.strip{max-width:1440px;padding-left:96px;padding-right:96px}
 .eyes{margin-top:0}.eyes img{height:380px;object-position:50% 50%}
 .who{padding-top:110px}
 .who-grid{grid-template-columns:5fr 6fr;gap:96px;align-items:center}
 .who-grid .portrait{margin:0;display:block}.who-grid .portrait img{max-width:none;width:100%;height:560px;object-fit:cover;object-position:50% 35%}
 .who h2{font-size:52px}
 .music{padding-top:120px}
 .music-grid{display:grid;grid-template-columns:7fr 5fr;gap:64px;align-items:start}
 .lead-title{margin-bottom:28px}
 .tracks{margin-top:0}
 .cards{grid-template-columns:1fr;margin-top:28px}
 .follow{padding-top:120px}
 .socials{grid-template-columns:repeat(4,1fr);column-gap:32px}
 .socials li{border-top:1px solid var(--line)}
 .socials a{flex-direction:column;gap:6px;padding:32px 0}
 footer{flex-direction:row;justify-content:space-between;padding-top:120px;text-align:left}
 footer .collabs{margin-top:0}
}
.nav{transition:background .3s,backdrop-filter .3s}
.nav.solid{background:rgba(6,6,8,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
@media(min-width:900px){
 .nav{padding:20px 96px}
 .eyes img{height:300px}
 .eyes .cap{padding:12px 96px}
 .who{padding-top:56px}.who .num{margin-bottom:28px}
 .who-grid .portrait img{height:400px}
 footer{padding-top:96px;padding-bottom:56px}
}
@media(max-width:899px){
 .strip{padding:36px 24px 40px;gap:22px 20px}
 .strip .lead b{font-size:64px}.strip b{font-size:34px}
 .eyes{margin-top:0}
 .who{padding-top:64px}.num{margin-bottom:24px}
 .who-grid .portrait{margin-bottom:28px}.who-grid .portrait img{height:340px;object-fit:cover;object-position:50% 38%}
 .who h2{font-size:28px;margin-bottom:20px}.who p{font-size:15.5px;margin-bottom:12px}
 .music{padding-top:72px}.lead-title{font-size:44px;margin:10px 0 20px}
 .tracks{margin:22px 0 0}.tracks li{padding:12px 0;font-size:16px}
 .cards{margin-top:20px;gap:10px}.player{padding:10px}.player img{width:56px;height:56px}
 .follow{padding-top:72px}.socials a{padding:18px 0}.socials span{font-size:23px}
 footer{padding-top:64px;padding-bottom:40px}
}
@media(max-width:899px){.tracks li{padding:9px 0}.lead-title{font-size:40px}}
@media(max-width:899px){.who-grid .portrait img{height:290px}}
/* single face close-up */
.who-grid{display:block}
.face{padding-top:64px}
.face-img img{display:block;width:100%;height:auto}
.face-cap{padding-top:18px;display:flex;justify-content:space-between;align-items:baseline}
.face-line{font-weight:200;font-size:20px;color:#c9c9d1}
@media(min-width:900px){
 .who-grid{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}
 .who{padding-top:110px}
 .face{padding-top:110px;display:grid;grid-template-columns:7fr 4fr;gap:80px;align-items:end}
 .face-img img{height:720px;object-fit:cover;object-position:50% 40%}
 .face-cap{flex-direction:column;gap:14px;padding-bottom:20px}
 .face-line{font-size:44px;line-height:1.15}
}
.eyes{margin-top:72px}
@media(max-width:899px){.eyes img{height:auto}}
@media(min-width:900px){.eyes{margin-top:110px}.eyes img{height:auto}}
@media(min-width:900px){.who{padding-top:72px}.who h2{font-size:46px;margin-bottom:0}.eyes{margin-top:48px}.eyes img{height:300px;object-fit:cover;object-position:50% 50%}}
@media(min-width:900px){.who-grid{display:block}.who-txt{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}.who h2{font-size:48px}}
@media(max-width:899px){.tracks li{padding:7px 0}.cards{gap:8px;margin-top:16px}}
/* comparison variants (toggle class on <body>) */
body.vA{--b:#4361FF}
body.vB .btn.primary,body.vB .play,body.vB .vplay{box-shadow:0 0 10px rgba(31,59,255,.7),0 0 28px rgba(31,59,255,.55),0 0 60px rgba(31,59,255,.35)}
body.vB .cta{box-shadow:0 0 12px rgba(31,59,255,.6),0 0 36px rgba(31,59,255,.45),0 0 80px rgba(31,59,255,.3),inset 0 0 14px rgba(31,59,255,.25)}
body.vB .accent{text-shadow:0 0 6px rgba(31,59,255,.9),0 0 16px rgba(31,59,255,.7),0 0 32px rgba(31,59,255,.45)}
body.vB .num::before,body.vB .bar i,body.vB h2::before{box-shadow:0 0 6px rgba(31,59,255,.9),0 0 16px rgba(31,59,255,.6)}
body.vB .tracks li:first-child span{text-shadow:0 0 8px rgba(31,59,255,.9),0 0 18px rgba(31,59,255,.6)}
body.vB .logo-slot{filter:drop-shadow(0 0 8px rgba(31,59,255,.7)) drop-shadow(0 0 22px rgba(31,59,255,.45))}
/* final: small blue labels legible, no halo */
body.vB .accent,body.vB .tracks li:first-child span{color:#3D5BFF;text-shadow:none}
/* embeds */
.embed{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0c0c10}
.embed iframe{display:block;width:100%;border:0}
.embed-video{aspect-ratio:16/9;border-radius:4px}.embed-video iframe{height:100%}
.embed-spotify iframe{height:352px}
.embed-apple iframe{height:175px}
body.vB .embed-video{box-shadow:0 0 40px rgba(31,59,255,.18)}
@media(min-width:900px){.socials{grid-template-columns:repeat(5,1fr);column-gap:28px}}
/* collabs page */
.c-hero{max-height:760px;min-height:600px}
.c-sub{font-size:15.5px;color:#c5c5cd;max-width:440px;margin:-12px 0 28px}
.c-sec{padding-top:80px}
.c-note{font-size:15.5px;color:#c5c5cd;max-width:560px;margin:-8px 0 28px}
.c-artist .who{padding-top:0}
.c-master{margin:0 0 28px}
.c-master img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;border:1px solid var(--line);border-radius:4px;box-shadow:0 0 50px rgba(31,59,255,.18)}
.c-artist h2{margin-bottom:22px}
.c-split{display:grid;gap:14px}
.c-side{padding:28px 24px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,rgba(31,59,255,.10),rgba(255,255,255,.02))}
.c-side h3{font-weight:200;font-size:26px;line-height:1.25;margin:12px 0 14px}
.c-side p{font-size:15.5px;color:#c5c5cd}
.c-ticks{list-style:none;margin-top:18px;border-top:1px solid var(--line)}
.c-ticks li{padding:11px 0 11px 22px;border-bottom:1px solid var(--line);font-size:14.5px;color:#dcdce2;position:relative}
.c-ticks li::before{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:#3D5BFF;box-shadow:0 0 6px rgba(31,59,255,.9)}
.c-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.c-grid figure{margin:0}
.c-grid img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid var(--line);border-radius:4px}
.c-grid figcaption{padding:10px 0 4px;display:flex;flex-direction:column;gap:2px}
.c-grid figcaption b{font-weight:300;font-size:17px}
.c-grid figcaption em{font-style:normal;font-size:12.5px;color:var(--mute)}
.c-five .c-anchor{grid-column:1/-1}
.c-five .c-anchor img{aspect-ratio:4/5;box-shadow:0 0 40px rgba(31,59,255,.25)}
.c-five .c-anchor b{font-size:24px;font-weight:200}
@media(min-width:900px){
 .c-sec{padding-top:120px}
 .c-artist{display:grid;grid-template-columns:5fr 6fr;gap:80px;align-items:center}
 .c-master{margin:0}
 .c-artist h2{font-size:44px}
 .c-split{grid-template-columns:1fr 1fr;gap:24px}
 .c-side{padding:44px 40px}.c-side h3{font-size:32px}
 .c-grid{gap:20px}
 .c-five{grid-template-columns:repeat(4,1fr)}
 .c-five .c-anchor{grid-column:span 2;grid-row:span 2}
 .c-five .c-anchor img{aspect-ratio:auto;height:calc(100% - 70px)}
 .c-four{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:900px){.c-hero .wordmark{font-size:84px}}
@media(max-width:899px){.c-hero .wordmark{font-size:clamp(28px,9.5vw,64px);letter-spacing:.1em}}