:root{--bg:#09080d;--surface:#121018;--ink:#f8f5fa;--muted:#aaa2b1;--pink:#ff2a91;--pink2:#ff69b6;--line:rgba(255,255,255,.13);--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.nav-shell{position:absolute;top:0;width:100%;z-index:20;border-bottom:1px solid var(--line)}.nav{height:88px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:"Montserrat",sans-serif;font-size:1.35rem;font-weight:900;font-style:italic;letter-spacing:-1.5px;position:relative;display:inline-block}.logo span{display:block;position:absolute;left:8%;right:-5%;bottom:-2px;height:4px;background:var(--pink);border-radius:100%;transform:rotate(-2deg)}.nav-links{display:flex;gap:36px;color:#d5cfda;font-size:.9rem}.nav-links a{transition:.2s}.nav-links a:hover{color:var(--pink2)}.nav-cta{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:10px 16px;border-radius:100px;font-weight:700;font-size:.88rem}.nav-cta svg{width:20px;fill:#1ed760}.hero{position:relative;min-height:100vh;max-width:1440px;margin:auto;padding:150px max(5vw,32px) 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;width:620px;height:620px;right:-180px;top:40px;background:radial-gradient(circle,rgba(255,42,145,.22),transparent 66%);filter:blur(8px)}.hero-copy{max-width:720px;position:relative;z-index:2}.eyebrow{font-size:.76rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#d3ccd7;display:flex;align-items:center;gap:10px}.eyebrow span{width:35px;height:2px;background:var(--pink)}h1,h2{font-family:"Montserrat",sans-serif;line-height:.94;letter-spacing:-.065em;margin:.25em 0;font-weight:900;text-transform:uppercase}h1{font-size:clamp(3.8rem,8.3vw,8.2rem)}h1 em,h2 em{font-style:italic;color:var(--pink);font-weight:900}.hero-lead{font-size:clamp(1.08rem,1.7vw,1.3rem);max-width:610px;color:#c6bfca}.hero-actions{display:flex;gap:14px;margin:34px 0 45px}.button{padding:15px 23px;border-radius:4px;font-weight:800;display:inline-flex;align-items:center;gap:10px;transition:.22s}.button:hover{transform:translateY(-2px)}.primary{background:var(--pink);box-shadow:0 12px 35px rgba(255,42,145,.22)}.secondary{border:1px solid var(--line)}.secondary span{color:var(--pink);font-size:1.2rem}.play{font-size:.7rem}.milestone{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:22px;max-width:510px}.milestone strong{font:900 2rem "Montserrat",sans-serif;letter-spacing:-.05em}.milestone span{color:var(--muted);font-size:.9rem;line-height:1.35;max-width:210px}.hero-art{position:relative;height:620px;display:grid;place-items:center}.record{width:min(33vw,430px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,#131118 0 7px,#0d0c11 8px 9px);box-shadow:-35px 45px 90px #000,0 0 0 1px rgba(255,255,255,.08),0 0 110px rgba(255,42,145,.2);display:grid;place-items:center;animation:spin 30s linear infinite}.record-ring{position:absolute;width:45%;aspect-ratio:1;border:1px solid rgba(255,255,255,.24);border-radius:50%}.record-label{width:30%;aspect-ratio:1;border-radius:50%;background:var(--pink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white}.record-label b{font:900 clamp(1rem,2.3vw,2rem) "Montserrat",sans-serif}.record-label small{font-size:.52rem;letter-spacing:.13em;line-height:1.35}.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:93%;height:60%}.orbit-b{width:64%;height:105%;transform:rotate(44deg)}.soundwave{position:absolute;right:3%;bottom:22%;display:flex;align-items:center;gap:5px;height:52px}.soundwave i{display:block;width:3px;background:var(--pink);animation:pulse 1s ease-in-out infinite}.soundwave i:nth-child(1),.soundwave i:nth-child(9){height:12px}.soundwave i:nth-child(2),.soundwave i:nth-child(8){height:24px;animation-delay:.1s}.soundwave i:nth-child(3),.soundwave i:nth-child(7){height:42px;animation-delay:.2s}.soundwave i:nth-child(4),.soundwave i:nth-child(6){height:32px;animation-delay:.3s}.soundwave i:nth-child(5){height:50px;animation-delay:.4s}.art-note{position:absolute;left:0;bottom:10%;font-size:.68rem;letter-spacing:.21em;color:var(--muted)}.art-note span{color:var(--pink);font-weight:800}.scroll-cue{position:absolute;bottom:30px;left:50%;width:28px;height:48px;border:1px solid var(--line);border-radius:30px}.scroll-cue span{display:block;width:4px;height:8px;border-radius:4px;background:var(--pink);margin:9px auto;animation:scroll 1.8s infinite}.section{max-width:var(--max);margin:auto;padding:130px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:52px}.section-heading h2{max-width:730px}.section h2{font-size:clamp(2.7rem,5.5vw,5.5rem)}.music{border-top:1px solid var(--line)}.track-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.track{position:relative;padding:14px;background:var(--surface);border:1px solid var(--line);transition:.25s}.track:hover{transform:translateY(-6px);border-color:rgba(255,42,145,.7)}.track-number{position:absolute;right:23px;top:21px;font:700 .7rem "Montserrat";letter-spacing:.15em;color:rgba(255,255,255,.6)}.track-art{aspect-ratio:1;margin-bottom:20px;display:grid;place-items:center;overflow:hidden;position:relative}.track-art:before{content:"";position:absolute;width:74%;height:74%;border:1px solid rgba(255,255,255,.4);border-radius:50%}.track-art:after{content:"";position:absolute;width:43%;height:43%;border:1px solid rgba(255,255,255,.28);border-radius:50%}.track-art span{font:900 3.7rem "Montserrat",sans-serif;letter-spacing:-.1em;z-index:1}.track-pink .track-art{background:linear-gradient(135deg,#ff278f,#6c093c)}.track-blue .track-art{background:linear-gradient(135deg,#1c6ea4,#101d3e)}.track-red .track-art{background:linear-gradient(135deg,#d02c39,#4a0a11)}.track-gold .track-art{background:linear-gradient(135deg,#ce8f1d,#36220a)}.track p{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin:0}.track h3{font:800 1.15rem/1.2 "Montserrat";letter-spacing:-.035em;margin:7px 0 8px}.text-link{display:inline-flex;gap:10px;margin-top:38px;font-weight:700;border-bottom:1px solid var(--pink);padding-bottom:5px}.text-link span{color:var(--pink)}.story{position:relative;display:grid;grid-template-columns:.75fr 1.05fr;gap:9%;border-top:1px solid var(--line);overflow:hidden}.story-mark{position:absolute;left:-18px;bottom:-190px;font:900 34rem/1 "Montserrat",sans-serif;color:rgba(255,255,255,.025);z-index:-1}.story-title-wrap{position:sticky;top:100px;align-self:start}.story-copy{padding-top:35px}.story-copy p{color:#bcb5c1;font-size:1.05rem;max-width:610px}.story-copy .lead{color:var(--ink);font-size:1.42rem;line-height:1.45;font-weight:600}.story-copy blockquote{margin:55px 0 0;padding:25px 0 25px 25px;border-left:3px solid var(--pink);font:800 clamp(1.55rem,2.8vw,2.4rem)/1.2 "Montserrat";letter-spacing:-.04em;font-style:italic}.identity{display:grid;grid-template-columns:repeat(4,1fr);padding-top:10px}.identity>div{padding:32px;border-top:1px solid var(--line);border-right:1px solid var(--line)}.identity>div:last-child{border-right:0}.identity span{font-size:.7rem;letter-spacing:.15em;color:var(--pink)}.identity h3{font:900 1.45rem "Montserrat";text-transform:uppercase;margin:45px 0 10px}.identity p{color:var(--muted);font-size:.92rem}.follow{text-align:center;border-top:1px solid var(--line);padding-bottom:150px}.follow .eyebrow{justify-content:center}.follow h2{margin-bottom:22px}.follow>p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.socials{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:40px}.socials a{min-width:150px;border:1px solid var(--line);padding:14px 20px;font-weight:700;display:flex;justify-content:space-between;transition:.2s}.socials a:hover{background:var(--pink);border-color:var(--pink)}footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:40px 28px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.8rem}footer .logo{color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scaleY(.55);opacity:.6}}@keyframes scroll{0%{transform:translateY(0);opacity:1}70%{transform:translateY(20px);opacity:0}100%{opacity:0}}@media(max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:135px}.hero-art{height:480px;margin-top:-15px}.record{width:min(68vw,380px)}.track-grid{grid-template-columns:repeat(2,1fr)}.story{grid-template-columns:1fr}.story-title-wrap{position:static}.identity{grid-template-columns:repeat(2,1fr)}.identity>div:nth-child(2){border-right:0}.section-heading{display:block}}@media(max-width:560px){.nav{height:74px;padding:0 18px}.nav-cta{padding:9px 11px}.nav-cta svg{width:18px}.hero{padding:115px 20px 60px;min-height:auto}.hero h1{font-size:clamp(3.15rem,16vw,4.6rem)}.hero-lead{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:center}.milestone strong{font-size:1.6rem}.hero-art{height:350px}.record{width:72vw}.art-note{bottom:4%}.soundwave{bottom:15%}.scroll-cue{display:none}.section{padding:90px 20px}.section h2{font-size:2.8rem}.track-grid{grid-template-columns:1fr 1fr;gap:9px}.track{padding:9px}.track h3{font-size:.9rem}.track-art span{font-size:2.5rem}.track-number{right:14px;top:14px}.story-copy .lead{font-size:1.18rem}.identity{grid-template-columns:1fr;padding-top:0}.identity>div{border-right:0;padding:28px 8px}.identity h3{margin-top:22px}.socials{flex-direction:column}.socials a{width:100%}footer{flex-direction:column;gap:18px;text-align:center}}
/* Spotify top five */
.music .section-heading{margin-bottom:30px}.music .section-heading h2{font-size:clamp(2.15rem,3.8vw,3.8rem);letter-spacing:-.05em}
.spotify-update-note{max-width:370px;margin:0 0 8px;color:var(--muted);font-size:1rem;line-height:1.55}.spotify-top-five{position:relative;padding:16px;background:linear-gradient(135deg,rgba(255,42,145,.13),rgba(18,16,24,.96) 42%);border:1px solid rgba(255,42,145,.38);border-radius:22px;box-shadow:0 28px 70px rgba(0,0,0,.34)}.spotify-top-five iframe{display:block;border:0;border-radius:14px;background:#121212}.spotify-follow-text{margin:18px 0 0;color:#d8d1dc;font:700 1rem "Montserrat",sans-serif;text-align:center}@media(max-width:560px){.spotify-update-note{margin-top:18px}.spotify-top-five{padding:9px}.spotify-top-five iframe{height:352px}.spotify-follow-text{font-size:.9rem}}
/* Artist logo in navigation */
.side-project{display:flex;align-items:center;gap:22px;max-width:610px;margin:34px 0 0;padding:18px;border:1px solid rgba(255,255,255,.14);border-left:3px solid #d99033;background:linear-gradient(100deg,rgba(217,144,51,.09),rgba(18,16,24,.72));border-radius:12px}.side-project-logo{display:block;width:190px;flex:0 0 190px;overflow:hidden;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.34);transition:transform .2s,border-color .2s}.side-project-logo:hover{transform:translateY(-2px)}.side-project-logo img{display:block;width:100%;height:auto}.story-copy .side-project span{display:block;margin-bottom:3px;color:#dca254;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.story-copy .side-project p{margin:0;font-size:.95rem;line-height:1.5}.side-project p a{color:var(--ink);font-weight:800;border-bottom:1px solid #dca254}.side-project p a:hover{color:#edb96f}@media(max-width:560px){.side-project{align-items:flex-start;gap:14px;padding:14px}.side-project-logo{width:120px;flex-basis:120px}.story-copy .side-project p{font-size:.86rem}}
.story-portrait{width:min(230px,72%);aspect-ratio:4/5;margin:34px 0 0;overflow:hidden;border:1px solid rgba(255,42,145,.65);border-radius:18px;background:var(--surface);box-shadow:18px 18px 0 rgba(255,42,145,.1),0 24px 55px rgba(0,0,0,.35);transform:rotate(-1.5deg)}.story-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 30%}@media(max-width:900px){.story-title-wrap{display:grid;grid-template-columns:1fr auto;column-gap:28px;align-items:end}.story-title-wrap .eyebrow{grid-column:1}.story-title-wrap h2{grid-column:1}.story-portrait{grid-column:2;grid-row:1/3;width:180px;margin:0 10px 10px 0}}@media(max-width:560px){.story-title-wrap{display:block}.story-portrait{width:150px;margin:26px 0 12px;transform:none;border-radius:14px;box-shadow:12px 12px 0 rgba(255,42,145,.1)}}
.website-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.privacy-note a{text-decoration:underline;text-underline-offset:2px}
.brand-logo{position:relative;display:block;width:clamp(150px,19vw,218px);height:72px;overflow:hidden;flex:0 0 auto;background:#000;border-radius:5px;padding:3px}.brand-logo img{width:100%;height:100%;display:block;object-fit:contain}.nav{height:94px}.record-photo{width:48%;overflow:hidden;background:#09080d;border:3px solid rgba(255,255,255,.85);box-shadow:0 0 0 7px rgba(255,42,145,.2)}.record-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 32%}@media(max-width:560px){.brand-logo{width:155px;height:58px;padding:2px}.nav{height:76px}.record-photo{width:50%;border-width:2px;box-shadow:0 0 0 5px rgba(255,42,145,.2)}}