@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080b10;--panel:#111720;--text:#f4f5f7;--muted:#a2aab6;--line:#26313d;--gold:#d6ac77;--blue:#4b9ad6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:72px;padding:0 max(5%,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#090d13ed;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}.brand-small{font:800 28px Manrope,Arial;letter-spacing:-2px}.brand-small span,.footer-brand span{color:#d9e2ec}.brand-small small{display:block;font:500 8px Manrope;letter-spacing:5px;text-align:center;margin-top:-4px}.desktop-nav{display:flex;gap:30px;font-size:13px;color:#c6ced9}.desktop-nav a:hover,.socials a:hover{color:var(--gold)}.menu-toggle{display:none;border:0;background:none;color:white;font-size:26px}.hero{position:relative;min-height:690px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 20% 30%,#123a59 0%,transparent 38%),radial-gradient(ellipse at 85% 70%,#59331f 0%,transparent 35%),#060a10}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080b10 0%,transparent 26%),repeating-linear-gradient(110deg,transparent 0 36px,#ffffff05 37px,transparent 38px);opacity:.8}.hero-waves{position:absolute;inset:0;opacity:.8;pointer-events:none}.hero-waves span{position:absolute;display:block;width:140%;height:200px;left:-20%;top:34%;border-top:2px solid #3688c0;border-radius:50%;transform:rotate(-12deg);box-shadow:0 -13px 45px #166aa14d}.hero-waves span:nth-child(2){top:46%;transform:rotate(11deg);border-color:#c78955;box-shadow:0 -12px 40px #d48a4944}.hero-waves span:nth-child(3){top:57%;transform:rotate(-7deg);border-color:#3b7da2;opacity:.45}.hero-inner{position:relative;text-align:center;padding:90px 22px 100px;max-width:850px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);font-weight:700}.hero-logo{font:800 clamp(90px,17vw,180px)/.95 Manrope,Arial;letter-spacing:-13px;margin:34px 0 0;text-shadow:0 3px 30px #0009;background:linear-gradient(#fff,#abb8c8);background-clip:text;-webkit-text-fill-color:transparent}.hero-logo span{letter-spacing:-8px}.hero-music{font:500 22px Manrope;letter-spacing:17px;margin:0 0 18px;padding-left:16px}.hero-tagline{font-size:12px;letter-spacing:5px}.hero-tagline em{color:var(--gold);font-style:normal}.hero-line{width:65px;height:2px;background:linear-gradient(90deg,var(--gold),var(--blue));margin:35px auto}.hero h2{font:700 clamp(28px,5vw,46px) Manrope;margin:0}.hero-desc{color:#c5cbd5;margin:13px 0 30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:11px 19px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.5px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.primary{background:#e3e7ed;color:#10151c}.primary:hover{background:#fff}.outline{border:1px solid #8e9aab;color:#edf2f8}.outline:hover{background:#ffffff13}.btn.unavailable{opacity:.55;cursor:pointer}.section{max-width:1160px;margin:0 auto;padding:90px 24px}.section-head{margin-bottom:34px}.section h2{font:700 clamp(29px,4vw,43px) Manrope;margin:8px 0}.section h2 i{font-style:normal;color:var(--gold)}.subtext{color:var(--muted);line-height:1.6}.playlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.playlist-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:linear-gradient(#151b23,#0d1219);transition:transform .2s}.playlist-card:hover{transform:translateY(-4px)}.cover-wrap{aspect-ratio:1;overflow:hidden}.cover-wrap img{width:100%;height:100%;object-fit:cover}.card-content{padding:22px}.card-content h3{font:700 20px Manrope;margin:0 0 9px}.card-content p{min-height:45px;color:var(--muted);font-size:12px;line-height:1.7}.card-content .btn{margin-top:12px}.curation-note{margin:28px 0 0;text-align:center;font-size:13px;color:#929ca9}.music-section{padding-top:65px}.music-panel{display:grid;grid-template-columns:38% 1fr;min-height:310px;background:linear-gradient(125deg,#172230,#11151c);border:1px solid var(--line);border-radius:18px;overflow:hidden}.record-art{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#b57b4d,#253e56 45%,#101820 70%);min-height:300px}.record-disc{width:215px;height:215px;border-radius:50%;background:repeating-radial-gradient(circle,#131820 0 3px,#27303a 4px 5px);border:7px solid #1b2028;display:grid;place-items:center;box-shadow:10px 20px 45px #0009}.record-disc span{text-align:center;font:800 38px Manrope;letter-spacing:-3px}.record-disc small{display:block;font-size:9px;letter-spacing:6px}.music-copy{padding:40px}.music-copy h3{font:700 27px Manrope;margin:9px 0}.music-copy>p:not(.eyebrow){color:var(--muted)}.release-list{margin:22px 0}.release-list a{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff1b;padding:9px 0;font-size:14px}.artists-panel{display:grid;grid-template-columns:35% 1fr;overflow:hidden;border:1px solid #4b3c30;border-radius:18px;background:radial-gradient(ellipse at 12% 55%,#694123,#18151a 52%,#10151d)}.artists-graphic{display:grid;place-items:center;min-height:320px}.mic-symbol{width:145px;height:145px;display:grid;place-items:center;border:2px solid #e5bb8a;border-radius:50%;font-size:90px;color:#e5bb8a;box-shadow:0 0 80px #c27c3d55}.artists-copy{padding:43px 40px}.artists-copy p:not(.eyebrow){max-width:550px;color:#c4c7ce;line-height:1.7}.fineprint{font-size:11px}.contact-section{text-align:center;padding-top:45px;padding-bottom:95px}.contact-section>p:not(.eyebrow){color:var(--muted)}.socials{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.socials a{border:1px solid var(--line);border-radius:40px;padding:12px 20px;font-size:13px}footer{border-top:1px solid var(--line);padding:32px 24px;text-align:center;color:#8e98a6;font-size:12px}.footer-brand{color:white;font:800 25px Manrope;letter-spacing:-1px}.footer-brand small{font:500 9px Manrope;letter-spacing:4px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:#edf1f7;color:#141820;border-radius:12px;padding:13px 20px;box-shadow:0 10px 40px #0008;opacity:0;pointer-events:none;transition:.25s;z-index:100;max-width:90vw;text-align:center;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:720px){.topbar{height:64px;padding:0 20px}.menu-toggle{display:block}.desktop-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#111820;padding:20px;flex-direction:column;gap:20px}.desktop-nav.open{display:flex}.hero{min-height:620px}.hero-logo{letter-spacing:-8px}.hero-music{font-size:15px;letter-spacing:10px}.hero-tagline{font-size:10px;letter-spacing:2.5px}.section{padding:64px 20px}.playlist-grid{grid-template-columns:1fr;gap:18px}.playlist-card{display:grid;grid-template-columns:42% 1fr;align-items:stretch}.cover-wrap{height:100%;aspect-ratio:auto}.card-content{padding:17px 13px}.card-content h3{font-size:17px}.card-content p{font-size:11px;min-height:0}.card-content .btn{font-size:10px;padding:8px 11px}.music-panel,.artists-panel{grid-template-columns:1fr}.record-art{min-height:225px}.record-disc{width:165px;height:165px}.music-copy,.artists-copy{padding:30px 24px}.artists-graphic{min-height:150px}.mic-symbol{height:100px;width:100px;font-size:60px}.socials a{font-size:12px}}@media(max-width:380px){.playlist-card{grid-template-columns:1fr}.cover-wrap{aspect-ratio:1}}


/* NYKO MUSIC — Light Edition */
:root{color-scheme:light;--bg:#f7f8f7;--panel:#fff;--text:#171c22;--muted:#64717a;--line:#e1e5e7;--gold:#a77e56;--blue:#54768c}
body{background:var(--bg);color:var(--text)}
.topbar{background:#ffffffed;border-bottom:1px solid #e5e8ea;box-shadow:0 4px 22px #1a29350a}
.nav-logo{display:block;width:102px;height:45px;object-fit:contain;filter:brightness(.23)}
.desktop-nav{color:#3c4850}.desktop-nav a:hover,.socials a:hover{color:#9b7452}
.menu-toggle{color:#18212b}
.hero{min-height:590px;background:radial-gradient(ellipse at 14% 35%,#e4edf1 0%,transparent 48%),radial-gradient(ellipse at 86% 65%,#f3e8dd 0%,transparent 42%),linear-gradient(140deg,#fff,#f4f5f4)}
.hero:before{background:linear-gradient(0deg,#f7f8f7 0%,transparent 26%),repeating-linear-gradient(110deg,transparent 0 45px,#213e4a05 46px,transparent 47px)}
.hero-waves{opacity:.18}.hero-waves span{border-color:#527f97;box-shadow:none}.hero-waves span:nth-child(2){border-color:#a87c55;box-shadow:none}
.hero-inner{padding:70px 22px 85px}.hero-logo{margin:25px auto 0;line-height:1;letter-spacing:0;text-shadow:none;background:none;-webkit-text-fill-color:initial}.hero-logo img{display:block;width:min(480px,78vw);max-height:245px;object-fit:contain;margin:auto;filter:brightness(.24)}
.hero-tagline{color:#58656d}.hero-desc{color:#687680}.hero-line{margin:24px auto}.hero h2{color:#18212b}
.eyebrow{color:#9b7657}.primary{background:#19242d;color:#fff}.primary:hover{background:#394c5a}.outline{border-color:#c5ced3;color:#283843}.outline:hover{background:#e9eff1}
.section h2 i{color:#a27c5b}.playlist-card{background:#fff;border-color:#e2e7e9;box-shadow:0 12px 35px #182b3710}.playlist-card:hover{box-shadow:0 18px 45px #182b371a}.curation-note{color:#6c7880}
.music-panel{background:linear-gradient(120deg,#1d2831,#293640);border-color:#34424c;color:#f8fafb;box-shadow:0 18px 45px #172a3520}.music-panel .eyebrow{color:#d2b18d}.music-panel .subtext,.music-copy>p:not(.eyebrow){color:#c8d0d6}.music-panel .primary{background:#f2f4f5;color:#1c2830}.release-list a{border-color:#ffffff30}
.artists-panel{background:#fff;border-color:#e1e6e9;box-shadow:0 12px 32px #1c303a0b}.artists-graphic{background:radial-gradient(circle,#f3ebe2,#f9f9f7 68%)}.mic-symbol{color:#a98461;border-color:#c4a282;box-shadow:0 0 50px #c9a37a24}.artists-copy p:not(.eyebrow){color:#64717a}
.socials a{background:white;border-color:#dbe2e5}.socials a:hover{background:#f2f5f5}
footer{background:#fff;color:#738089}.footer-brand img{width:115px;height:65px;object-fit:contain;filter:brightness(.25)}
#toast{background:#1f2c35;color:#fff;box-shadow:0 10px 40px #18232a33}
@media(max-width:720px){.desktop-nav{background:#fff;border-bottom:1px solid #e5e8ea}.hero{min-height:530px}.hero-logo img{width:min(380px,82vw)}.hero-inner{padding:60px 20px 75px}.playlist-card{box-shadow:0 6px 24px #1c303a0b}}

/* Logo correction: keep original proportions and show full MUSIC wordmark */
.brand-small{display:flex;align-items:center;min-width:0;flex-shrink:0}
.nav-logo{width:124px;height:auto;max-height:54px;object-fit:contain;filter:brightness(.26);display:block}
.hero-logo{display:block;width:100%;max-width:560px;margin:25px auto 0;padding:0;font-size:0;line-height:0;letter-spacing:normal;overflow:visible}
.hero-logo img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:brightness(.25);margin:0 auto}
.footer-brand img{width:140px;height:auto;max-height:none;object-fit:contain;filter:brightness(.25)}
@media(max-width:720px){.nav-logo{width:112px;max-height:50px}.hero-logo{max-width:min(340px,78vw);margin:20px auto 0}.hero-logo img{width:100%;height:auto;max-height:none}}

/* Hobby-friendly edition: soft and welcoming */
.hero h2{font-size:clamp(25px,3.7vw,38px);max-width:680px;margin:0 auto;line-height:1.25}
.hero{background:radial-gradient(ellipse at 15% 30%,#eaf0f2 0%,transparent 48%),radial-gradient(ellipse at 85% 65%,#f5ece5 0%,transparent 44%),#fbfbfa}
.eyebrow{letter-spacing:2px}.playlist-card{box-shadow:0 7px 26px #1c303a0a}
@media(max-width:720px){.hero h2{font-size:clamp(24px,6vw,30px)}.hero-inner{padding-top:45px}.hero{min-height:530px}}

/* Accessible bilingual header switch */
.header-controls{display:flex;align-items:center;gap:15px}.language-switch{display:flex;gap:3px;background:#edf0f1;border:1px solid #d9e0e3;padding:3px;border-radius:50px;flex-shrink:0}.language-switch button{border:0;border-radius:30px;background:transparent;color:#59666f;padding:8px 10px;font-size:11px;font-weight:800;cursor:pointer;min-width:39px}.language-switch button.active{background:#1d2a33;color:#fff;box-shadow:0 2px 7px #1112}.language-switch button:focus-visible{outline:2px solid #54768c;outline-offset:2px}.topbar{gap:16px}.desktop-nav{margin-left:auto}.hero .btn{white-space:nowrap}
@media(max-width:720px){.header-controls{gap:10px}.language-switch button{padding:7px 8px;min-width:34px}.nav-logo{width:100px}.topbar{padding:0 16px}}

/* Spotify playlist players: full-width below the existing cards. */
.playlist-embed{padding:0 14px 14px;min-width:0;grid-column:1 / -1;}
.playlist-embed iframe{display:block;width:100%;height:352px;border:0;border-radius:12px;background:#121212;}
@media(max-width:720px){.playlist-embed{grid-column:1 / -1;padding:0 12px 12px;}}
/* Spotify playlist embeds: responsive mobile-first presentation */
.playlist-embed{min-width:0;width:100%;}
.playlist-embed iframe{width:100%;height:410px;max-width:100%;border-radius:14px;}
@media(max-width:720px){
  #playlists.section{padding-left:12px;padding-right:12px;}
  .playlist-grid{gap:24px;}
  .playlist-card{display:grid;grid-template-columns:1fr;overflow:hidden;border-radius:18px;}
  .playlist-card .cover-wrap{display:none;}
  .playlist-card .card-content{padding:20px 18px 12px;}
  .playlist-card .card-content h3{font-size:21px;line-height:1.3;overflow-wrap:anywhere;}
  .playlist-card .card-content p{font-size:12px;margin:7px 0 9px;line-height:1.6;}
  .playlist-card .card-content .btn{margin-top:4px;min-height:38px;font-size:11px;}
  .playlist-embed{grid-column:1;padding:0 8px 8px;}
  .playlist-embed iframe{height:410px;border-radius:12px;}
}

/* One responsive Spotify player for the artist's own songs */
.my-tracks-embed{width:100%;min-width:0;margin:22px 0 24px;}
.my-tracks-embed iframe{display:block;width:100%;max-width:100%;height:410px;border:0;border-radius:14px;background:#121212;}
.music-copy{min-width:0;}
@media(max-width:720px){.my-tracks-embed{margin:20px 0 22px}.my-tracks-embed iframe{height:410px}.music-copy{padding:30px 18px}}

/* Accessible song-submission modal */
.song-dialog{width:min(94vw,520px);max-height:90dvh;overflow:auto;border:1px solid #ddd;border-radius:22px;padding:0;background:#fff;color:#202b32;box-shadow:0 20px 75px #0005}.song-dialog::backdrop{background:#0c1824aa}.song-dialog-inner{position:relative;padding:clamp(20px,5vw,34px)}.song-dialog h2{font-size:clamp(25px,5vw,34px);margin:8px 0 12px}.song-dialog p{line-height:1.55}.song-close{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:32px;cursor:pointer;color:#23313b}.song-dialog form{display:grid;gap:9px;margin-top:18px}.song-dialog label{font-weight:650;font-size:14px}.song-dialog input,.song-dialog select,.song-dialog textarea{box-sizing:border-box;width:100%;font:inherit;color:#202b32;background:#fff;border:1px solid #aeb6ba;border-radius:9px;padding:12px;min-height:45px}.song-dialog textarea{resize:vertical}.song-dialog form button{margin-top:10px;cursor:pointer}.song-dialog .fineprint{font-size:12px;margin-top:8px}.bot-field{position:absolute!important;left:-9999px!important;opacity:0!important}
