:root{--accent:#19d6e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03070a;color:#f5f7f8;font-family:Arial,Helvetica,sans-serif}header{height:64px;position:sticky;top:0;z-index:30;background:#03080ded;border-bottom:1px solid #17242b;display:flex;align-items:center;padding:0 4vw;gap:16px}.menuBtn{font-size:20px;background:transparent;color:white;padding:8px}.brand{font-weight:900;color:#fff;text-decoration:none}.brand b,.heroBrand b,small{color:var(--accent)}nav{margin-left:auto;display:flex;gap:18px;align-items:center}nav a{color:#fff;text-decoration:none}button,.primary,.download{border:0;border-radius:9px;padding:10px 14px;background:var(--accent);color:#001014;font-weight:800;text-decoration:none;cursor:pointer}.side{position:fixed;top:64px;left:0;bottom:0;width:250px;background:#071015;z-index:25;border-right:1px solid #1d2b32;padding:18px;transition:.2s;overflow:auto}.side.closed{transform:translateX(-100%)}.sideTitle{font-weight:900;margin-bottom:20px}.sideTitle b{color:var(--accent)}.side a,.side button{display:block;width:100%;text-align:left;background:transparent;color:#dce7ec;padding:10px;border-radius:8px;text-decoration:none}.side a:hover,.side button:hover{background:#0f1d24}.side hr{border-color:#1d2b32}.homeHero,.profileHero{min-height:540px;background-size:cover;display:flex;align-items:center}.heroCopy{width:min(650px,88%);margin-left:8vw}.heroBrand{font-size:18px;font-weight:900;letter-spacing:2px}.heroCopy h1{font-size:clamp(42px,6vw,76px);margin:12px 0;line-height:1}.heroCopy p{font-size:18px;line-height:1.5}.heroTools{display:flex;gap:8px;flex-wrap:wrap}.wrap{width:min(1180px,92%);margin:52px auto}.title,.materialHead{display:flex;justify-content:space-between;align-items:center;gap:15px}.cards,.showgrid,.videos,.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.card{background:#091116;border:1px solid #1d2a31;border-radius:17px;overflow:hidden;cursor:pointer;transition:.18s}.card:hover{transform:translateY(-3px);border-color:#36545f}.cardImg{height:220px;background-size:cover}.card>div:last-child{padding:17px}.card h3{margin:7px 0}.card p{color:#aebcc3;line-height:1.4}.show{min-height:250px;background-size:cover;border-radius:17px;padding:20px;display:flex;flex-direction:column;justify-content:end;position:relative}.top{position:absolute;top:10px;right:10px}.edit{background:#0c171d;color:var(--accent);border:1px solid #2b4852;margin:4px}.tracks{display:grid;gap:10px}.track{display:grid;grid-template-columns:220px 1fr auto;gap:14px;align-items:center;padding:14px;background:#081116;border:1px solid #182830;border-radius:12px}.track audio{width:100%}.platforms{display:flex;gap:10px;margin-top:8px}.platforms a{color:var(--accent);font-size:12px;text-decoration:none}.videos article{background:#081116;border:1px solid #182830;border-radius:14px;padding:10px}.videos iframe,.videos video{width:100%;aspect-ratio:16/9;border:0;border-radius:9px;object-fit:contain;background:#000}.videos b{display:block;padding:10px 3px}.gallery figure{margin:0;background:#081116;border:1px solid #182830;border-radius:13px;overflow:hidden}.gallery img{width:100%;height:230px;object-fit:contain;background:#0b1115}.gallery figcaption{padding:9px;display:flex;gap:5px;flex-wrap:wrap}.download{font-size:12px}.socials{display:flex;gap:10px;align-items:center;margin:15px 0}.socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #31515b;border-radius:50%;color:white;text-decoration:none;font-weight:900}.muted,.empty{color:#8fa1aa}.empty{border:1px dashed #29404a;padding:25px;border-radius:12px}.modal{position:fixed;inset:0;background:#000c;z-index:50;display:grid;place-items:center;padding:20px}.hidden{display:none}.dialog{width:min(650px,96vw);max-height:90vh;overflow:auto;background:#081116;border:1px solid #29404a;border-radius:18px;padding:25px;position:relative}.x{position:absolute;right:12px;top:12px;background:#16252c;color:#fff}.dialog label{display:block;margin:13px 0}.dialog input,.dialog textarea,.dialog select{display:block;width:100%;margin-top:6px;padding:12px;background:#03090d;border:1px solid #29404a;color:#fff;border-radius:8px}.dialog textarea{min-height:95px}.preview{height:230px;background-size:cover;border-radius:12px;margin:12px 0}.orderRow{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #203039}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:var(--accent);color:#001014;padding:12px 20px;border-radius:10px;font-weight:800}@media(max-width:720px){nav a{display:none}.heroCopy{margin-left:6vw}.track{grid-template-columns:1fr}.homeHero,.profileHero{min-height:470px}.heroCopy h1{font-size:45px}}
.mainLogo{font-size:clamp(64px,9vw,132px)!important;letter-spacing:-5px;max-width:900px}.mainLogo b{color:var(--accent)}.tagline{font-size:20px!important;max-width:500px}.profileHero .ghost{margin-left:8px;background:transparent;color:var(--accent);border:1px solid #2b4852}.playBtn{width:46px;height:46px;border-radius:50%;padding:0}.track{grid-template-columns:52px 190px 1fr auto}.waveWrap{cursor:pointer;padding:10px 0}.wave{height:42px;display:flex;align-items:center;gap:3px}.wave i{display:block;flex:1;min-width:2px;max-width:5px;background:#28424b;border-radius:4px;transition:.12s}.wave i.on{background:var(--accent)}.waveWrap audio{display:none}.materialHero{min-height:300px;padding:70px 8vw;display:flex;align-items:end;background:linear-gradient(120deg,#061117,#020608)}.materialHero h1{font-size:52px;margin:8px 0}.videos iframe,.videos video{object-fit:contain!important}.showgrid .show{min-height:300px}.showgrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:720px){.mainLogo{font-size:56px!important;letter-spacing:-2px}.track{grid-template-columns:48px 1fr}.waveWrap{grid-column:1/-1}.materialHero h1{font-size:38px}}

.socials{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.socialPill{width:auto!important;height:auto!important;display:flex!important;gap:7px;align-items:center;padding:9px 12px;border-radius:999px!important;font-size:12px}.socialPill span{font-size:15px}.heroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.secondary{border:1px solid #31515b;background:#081116;color:#fff;border-radius:9px;padding:10px 14px;font-weight:800;text-decoration:none;cursor:pointer}.tracks .track{grid-template-columns:minmax(150px,220px) minmax(420px,1fr) auto}.wave,.waveform,.waveBars{width:100%!important;min-width:0!important;flex:1}.videos{align-items:start}.videos article{overflow:hidden;min-width:0}.videos iframe,.videos video{display:block;width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover;background:#000}.materialsHero{min-height:270px;display:flex;align-items:end;padding:45px 6vw;background:linear-gradient(120deg,#061116,#020608);border-bottom:1px solid #17242b}.materialsHero h1{font-size:52px;margin:8px 0}.back{color:var(--accent);text-decoration:none;display:block;margin-bottom:25px}.aboutLinks{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:850px){.tracks .track{grid-template-columns:1fr}.socialPill{font-size:11px}}

/* v0.9 */
.tracks .track{grid-template-columns:52px 190px 1fr auto!important}.waveWrap{width:auto!important}.wave{width:auto!important}.show{cursor:pointer}.showOpen{color:var(--accent);font-weight:800;font-size:12px;margin-top:8px}.showHero{min-height:520px;background-size:cover;display:flex;align-items:center}.showAbout{display:grid;grid-template-columns:1.5fr .7fr;gap:30px;align-items:start}.showAbout>div:first-child p{font-size:18px;line-height:1.7;color:#bdc9cf}.bookingBox{background:#081116;border:1px solid #25404a;border-radius:18px;padding:25px;position:sticky;top:90px}.bookingBox h3{margin-top:0}.gallery figure img[src*="logo-"]{background:#fff;padding:24px;object-fit:contain}@media(max-width:800px){.showAbout{grid-template-columns:1fr}.tracks .track{grid-template-columns:48px 1fr!important}.waveWrap{grid-column:1/-1}.bookingBox{position:static}}

.profileHero{position:relative;overflow:hidden;background:#02080d}.profileHero>.heroBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center;z-index:0}.profileHero>.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,#02080de8,#02080d48);z-index:1}.profileHero>.heroCopy{position:relative;z-index:2}
.zoomPreview{position:relative;overflow:hidden;background:#071016;height:240px}.zoomPreview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center}
.hint{font-size:12px;opacity:.68;margin-top:10px}