:root{--g:#c9ced6;--g2:#ffffff;--g3:#6b717a;--gold:#d4af37;--bg:#050505;--bg2:#0b0b0c;--card:#0e0e10;--t:#f1f2f4;--m:#a3a8b0;--hf:"Anton","Impact","Arial Black",sans-serif;--xf:"Pirata One","UnifrakturCook",serif;--chrome:linear-gradient(180deg,#ffffff 0%,#e9edf2 22%,#8d939c 48%,#f6f8fa 56%,#b9bfc8 78%,#ffffff 100%);--bf:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--t);font:16px/1.6 var(--bf);overflow-x:hidden}
a{color:var(--g2)}img,video{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--g2);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--g);color:#000;padding:.6rem 1rem;z-index:99}.skip:focus{left:1rem}
.serif,h1,h2,h3{font-family:var(--hf);font-weight:700;letter-spacing:.01em}
.eyebrow{color:var(--g);letter-spacing:.32em;font-size:.72rem;text-transform:uppercase;font-weight:600}
h2{font-size:clamp(2rem,6vw,3.6rem);line-height:1.05;margin:.4rem 0 1.2rem;color:var(--t)}h2 em{font-style:italic;color:var(--g2)}
.lead{font-size:clamp(1.05rem,2.4vw,1.25rem);color:#d9d4c9;max-width:620px}
/* nav */
nav.top{position:fixed;inset:0 0 auto;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem clamp(1rem,4vw,2.5rem);transition:background .4s,padding .4s,border-color .4s;border-bottom:1px solid transparent}
nav.top.scrolled{background:rgba(6,6,8,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:#c9ced626;padding-block:.6rem}
.brand{display:flex;flex-direction:column;line-height:1.05;text-decoration:none;color:var(--g);font-weight:800;letter-spacing:.28em;font-size:.95rem}.brand small{font-size:.55rem;letter-spacing:.38em;color:var(--m);font-weight:500;margin-top:.2rem}
.links{display:none;gap:1.6rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.18em}.links a{color:var(--t);text-decoration:none;position:relative}.links a::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:0;background:var(--g);transition:width .3s var(--ease)}.links a:hover::after{width:100%}
@media(min-width:900px){.links{display:flex}}
.switch{display:flex;border:1px solid #c9ced666;border-radius:99px;padding:3px;background:#0008;position:relative}.switch a{position:relative;z-index:1;padding:.42rem .95rem;border-radius:99px;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--t);transition:color .3s}.switch a.on{background:linear-gradient(90deg,var(--g),var(--g2));color:#111}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 1.5rem;border-radius:99px;font-weight:700;text-decoration:none;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;margin:.3rem .5rem .3rem 0;border:1px solid var(--g);cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .25s;font-family:var(--bf)}
.btn.gold:hover{background-position:-100% 0}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px var(--g)}
.btn.gold{background:linear-gradient(100deg,var(--g),var(--g2) 50%,var(--g));background-size:200% 100%;color:#111;}.btn.ghost{color:var(--g2);background:#0006}
.btn.xl{padding:1.15rem 2.1rem;font-size:.9rem}
@keyframes sheen{to{background-position:-200% 0}}
/* sections */
section{padding:clamp(4rem,10vw,7.5rem) clamp(1.1rem,4vw,2.5rem);position:relative}.in{max-width:1180px;margin:auto}
.alt{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.grid2{display:grid;gap:clamp(1.8rem,4vw,3.5rem);grid-template-columns:1fr}@media(min-width:860px){.grid2{grid-template-columns:1fr 1fr;align-items:center}}
.card{background:linear-gradient(160deg,#16141a,#0d0c10);border:1px solid #c9ced630;padding:clamp(1.3rem,3vw,2.2rem);border-radius:18px}
.tags{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.tag{border:1px solid #c9ced655;border-radius:99px;padding:.25rem .85rem;font-size:.74rem;letter-spacing:.06em}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.2rem;margin:1.2rem 0}.facts div{border-left:2px solid var(--g);padding-left:.8rem;font-size:.95rem}.facts b{display:block;color:var(--g);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase}
/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;padding:7rem clamp(1.1rem,4vw,2.5rem) clamp(3rem,8vw,5.5rem)}
.hero .bgv,.hero canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.hero .in{position:relative;z-index:2;width:100%}
.label-hero{align-items:center;text-align:center;background:radial-gradient(ellipse 70% 55% at 50% 45%,#2a210c 0,#0b0a08 55%,#060608 100%)}
.label-hero::after{background:radial-gradient(ellipse at center,transparent 40%,#060608 100%)}
.mark{font-family:var(--hf);font-weight:900;font-size:clamp(7rem,34vw,19rem);line-height:.8;margin:0;letter-spacing:-.02em;background:linear-gradient(100deg,var(--g3) 0%,var(--g) 30%,#fff3c4 50%,var(--g) 70%,var(--g3) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.mark-sub{letter-spacing:.7em;color:var(--g);font-size:clamp(.9rem,3vw,1.5rem);margin:.6rem 0 1.6rem;padding-left:.7em;font-family:var(--hf)}
/* marquee */
.marquee{overflow:hidden;border-block:1px solid #c9ced640;background:#0a0907;padding:.95rem 0;white-space:nowrap}.marquee .track{display:inline-flex;gap:2.5rem;animation:mq 26s linear infinite;font-family:var(--hf);font-size:clamp(1.1rem,3vw,1.6rem);letter-spacing:.18em;color:var(--g)}.marquee span:nth-child(even){color:var(--t);opacity:.55}
@keyframes mq{to{transform:translateX(-50%)}}
/* roster / releases */
.roster{display:grid;gap:1.2rem;grid-template-columns:1fr}@media(min-width:760px){.roster{grid-template-columns:1.4fr 1fr}}
.acard{position:relative;display:block;overflow:hidden;border-radius:20px;border:1px solid #c9ced640;text-decoration:none;color:var(--t);isolation:isolate}.acard img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:transform .9s var(--ease)}@media(min-width:760px){.acard img{aspect-ratio:5/4}}
.acard:hover img{transform:scale(1.06)}.acard .cap{position:absolute;inset:auto 0 0;padding:clamp(1.2rem,3vw,2rem);background:linear-gradient(transparent,#000e 70%)}.acard h3{font-size:clamp(1.8rem,5vw,2.8rem);margin:.2rem 0;color:var(--g2)}
.slot{border:1px dashed #c9ced655;border-radius:20px;display:flex;flex-direction:column;gap:.6rem;align-items:center;justify-content:center;min-height:260px;color:var(--m);text-align:center;padding:2rem;text-decoration:none;transition:.3s}.slot:hover{border-color:var(--g);color:var(--g2);background:#c9ced60a}.slot b{font-family:var(--hf);font-size:1.6rem;color:var(--t)}
.rel{display:grid;grid-template-columns:1fr;gap:clamp(1.2rem,3vw,2.5rem);align-items:center}@media(min-width:760px){.rel{grid-template-columns:340px 1fr}}
.rel>img{border-radius:14px;box-shadow:0 30px 60px -25px #000,0 0 0 1px #c9ced640;width:100%}
.meta{color:var(--m);font-size:.85rem;letter-spacing:.04em}
/* media */
.frame{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;border:1px solid #c9ced640;background:#000}.frame iframe,.frame .yt{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt{cursor:pointer;background:#000 center/cover;display:flex;align-items:center;justify-content:center}.yt::before{content:"";width:84px;height:84px;border-radius:50%;background:var(--g) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z' fill='%23111'/%3E%3C/svg%3E") center/38px no-repeat;box-shadow:0 0 0 12px #c9ced633;transition:.3s}.yt:hover::before{transform:scale(1.08)}
.vid{border-radius:14px;overflow:hidden;border:1px solid #ffffff1a;background:#000}.vid video{width:100%}
.mgrid{display:grid;gap:1.2rem;grid-template-columns:1fr}@media(min-width:760px){.mgrid{grid-template-columns:1fr 1fr}}
.phone{width:min(300px,78vw);aspect-ratio:9/19.5;margin:auto;border-radius:44px;padding:12px;background:linear-gradient(145deg,#2a2a2e,#0b0b0d);box-shadow:0 0 0 2px #444,0 40px 80px -30px #000,0 0 60px -20px var(--g);position:relative}.phone::before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:34%;height:22px;background:#000;border-radius:99px;z-index:2}
.phone video{width:100%;height:100%;object-fit:cover;border-radius:34px;background:#000}
.spotify{border-radius:14px;overflow:hidden;min-height:152px;background:#121212}
/* masonry */
.masonry{columns:2 160px;column-gap:.7rem}@media(min-width:860px){.masonry{columns:3}}
.masonry button{all:unset;display:block;margin:0 0 .7rem;break-inside:avoid;cursor:zoom-in;border-radius:12px;overflow:hidden;position:relative}.masonry img{width:100%;transition:transform .7s var(--ease),filter .4s;filter:saturate(.9)}.masonry button:hover img{transform:scale(1.05);filter:saturate(1.15)}.masonry button:focus-visible{outline:2px solid var(--g2)}
.lb{position:fixed;inset:0;background:#000f;display:none;align-items:center;justify-content:center;z-index:90;padding:1rem}.lb.on{display:flex;animation:fade .3s}.lb img{max-height:90vh;border-radius:8px}.lb button{position:absolute;background:#0008;border:1px solid #fff4;color:#fff;border-radius:50%;width:48px;height:48px;font-size:1.4rem;cursor:pointer}.lb .x{top:1rem;right:1rem}.lb .p{left:1rem}.lb .n{right:1rem}
@keyframes fade{from{opacity:0}}
/* forms */
form{display:grid;gap:.75rem}label.f{display:grid;gap:.3rem;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--m)}
input,textarea,select{width:100%;padding:.9rem 1rem;background:#0b0a0e;border:1px solid #3a3730;color:var(--t);border-radius:12px;font:16px var(--bf);transition:border-color .25s,box-shadow .25s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px #c9ced626}
.hp{position:absolute!important;left:-9999px}.msg{color:var(--g2);min-height:1.3em;font-size:.9rem}
.fact-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#c9ced633;border:1px solid #c9ced633;border-radius:16px;overflow:hidden;margin-top:2rem}@media(min-width:760px){.fact-strip{grid-template-columns:repeat(4,1fr)}}.fact-strip div{background:var(--bg);padding:1.2rem;text-align:center}.fact-strip b{display:block;font-family:var(--hf);font-size:clamp(1.4rem,4vw,2rem);color:var(--g2)}.fact-strip span{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--m)}
.tiktok{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(1.4rem,4vw,2.4rem);border-radius:22px;background:linear-gradient(120deg,#25f4ee22,#fe2c5522),#0d0d10;border:1px solid #ffffff22}
footer{padding:3.5rem 1.2rem 2.5rem;text-align:center;color:var(--m);font-size:.85rem;border-top:1px solid #c9ced626}footer .fm{font-family:var(--hf);color:var(--g);letter-spacing:.35em;font-size:1.3rem;margin-bottom:.6rem}
/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.rv.vis{opacity:1;transform:none}.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}
.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
/* artist theme */
body.artist{--bg:#050505;--bg2:#0b0b0c;--card:#0e0e10;--hf:"Anton","Impact","Arial Black",sans-serif}
body.artist h2,body.artist h1{text-transform:uppercase;letter-spacing:.01em;font-weight:400}
body.artist nav.top.scrolled{background:rgba(5,5,6,.88);border-color:#c9ced626}
body.artist .card{background:linear-gradient(160deg,#141416,#0a0a0b);border-color:#c9ced633}
.artist-hero::after{background:linear-gradient(180deg,#05050566 0%,#05050510 35%,#050505cc 75%,#050505 100%)}
.artist-hero h1{font-size:clamp(4.2rem,17vw,11rem);line-height:.86;margin:.4rem 0 .9rem;color:#fff;text-shadow:0 10px 50px #0008}
.artist-hero h1 span{background:linear-gradient(90deg,var(--g),var(--g2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sound{display:inline-flex;gap:3px;align-items:flex-end;height:14px;margin-right:.4rem}.sound i{width:3px;height:100%;background:currentColor;transform-origin:bottom;animation:eq 1s ease-in-out infinite}.sound i:nth-child(2){animation-delay:.2s}.sound i:nth-child(3){animation-delay:.4s}@keyframes eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
/* admin compat */
.logo{color:var(--g);font-weight:800;letter-spacing:.3em;text-decoration:none}
.hero{min-height:min(100svh,1100px)}
.hero .rv{opacity:1;transform:none}.hero .rv.d3{animation:up .8s var(--ease) both}
@keyframes up{from{opacity:0;transform:translateY(24px)}}
img{height:auto}.rel picture,.acard picture{display:block}
main>section{content-visibility:auto;contain-intrinsic-size:auto 1000px}
@media(max-width:699px){.label-hero{background:radial-gradient(circle at 20% 30%,#c9ced622 0 1px,transparent 2px) 0 0/37px 41px,radial-gradient(circle at 70% 60%,#f5dc8c33 0 1px,transparent 2px) 0 0/53px 47px,radial-gradient(ellipse 70% 55% at 50% 45%,#2a210c 0,#0b0a08 55%,#060608 100%)}}
.mark{line-height:1;padding:.05em .05em .08em}
.brand .nlogo{height:26px;width:auto;display:block}.brand{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.brand .bn{font-weight:700}
.hlogo{margin:.6rem auto 1.4rem;line-height:0}.hlogo img{width:min(680px,88vw);height:auto;filter:drop-shadow(0 6px 30px rgba(212,175,55,.25))}
.flogo{height:34px;width:auto;margin:0 auto .8rem;display:block}
@media(max-width:600px){.brand .nlogo{height:20px}.brand small{display:none}}
.brand{flex-wrap:nowrap}.brand .nlogo{height:28px}.brand .bt{display:flex;flex-direction:column;line-height:1.1}
.hlogo img{display:block;margin:0 auto}
@media(max-width:600px){.brand .nlogo{height:22px}}
.hlogo img{filter:drop-shadow(0 6px 30px rgba(140,110,255,.35))}
nav.top a.brand{display:flex!important;flex-direction:row!important;align-items:center;gap:.55rem}
.nlogo.rmark{width:48px;height:48px;border-radius:50%;object-fit:cover}
.rbadge{display:block;width:clamp(110px,22vw,160px);height:auto;border-radius:50%;margin:0 0 1rem;filter:drop-shadow(0 8px 24px rgba(212,175,55,.35))}
footer .rfoot{width:80px;height:80px;border-radius:50%;display:block;margin:0 auto .8rem}

.switch.lang{margin-left:.5rem}.switch.lang a{padding:.42rem .7rem}
@media(max-width:600px){nav.top{gap:.4rem}.switch a{padding:.38rem .55rem;letter-spacing:.08em}.switch.lang{margin-left:0}.switch.lang a{padding:.38rem .45rem}}

@media(max-width:520px){nav.top .bt{display:none}}
@media(min-width:760px){.roster{grid-template-columns:1fr 1fr}.roster .acard picture,.roster .acard img{height:100%}.roster .slot{grid-column:1/-1;min-height:160px}}

.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem;margin-top:1.5rem}.pcard{display:flex;flex-direction:column;gap:.4rem;padding:2rem 1.6rem;border:1px solid #c9ced655;border-radius:16px;background:linear-gradient(160deg,#16130a,#07070a);text-decoration:none;color:var(--t);transition:border-color .3s,transform .3s}.pcard:hover{border-color:var(--g);transform:translateY(-3px)}.pcard b{font-family:"Playfair Display",serif;font-size:1.7rem;color:var(--g)}.pcard span{color:var(--m)}.pcard i{font-style:normal;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;margin-top:.6rem}

/* ===== URBAN / CHROME THEME ===== */
@font-face{font-family:"Pirata One";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/PirataOne-400.woff2) format("woff2")}
body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(120% 60% at 50% 0,#17181b 0,#050505 60%)}
section.alt,.alt{background-color:#0a0a0b;background-image:linear-gradient(180deg,#ffffff05,#0000 40%),repeating-linear-gradient(115deg,#ffffff03 0 2px,#0000 2px 9px)}
h1,h2,h3,.serif{font-family:var(--hf);font-weight:400;text-transform:uppercase;letter-spacing:.01em}
h2{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #0009)}
h2 em,h1 em{font-family:var(--xf);font-style:normal;text-transform:none;font-size:1.08em;letter-spacing:.02em;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-family:var(--xf);font-size:1.15rem;letter-spacing:.06em;text-transform:none;font-weight:400;color:#d7dbe1}
.eyebrow::before{content:"";display:inline-block;width:1.6rem;height:2px;margin-right:.6rem;vertical-align:middle;background:var(--chrome)}
.hero .eyebrow::before{display:none}
.artist-hero h1 span,.artist-hero h1{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 6px 24px #000c)}
.acard h3{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{border-radius:6px;border:1px solid #e6e9ee;font-weight:700;position:relative;overflow:hidden}
.btn.gold{background:linear-gradient(180deg,#fdfdfd 0%,#d5d9df 45%,#9aa0a9 52%,#eef1f4 100%);color:#0b0b0c;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 #0004,0 6px 20px -8px #fff4}
.btn.ghost{color:#eef0f3;background:#0009;border-color:#8d939c}
.btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,#0000,#ffffffb0,#0000);transform:skewX(-20deg);transition:left .55s var(--ease);pointer-events:none}
.btn:hover::after{left:130%}
.btn:hover{box-shadow:0 0 0 1px #fff,0 10px 30px -10px #fff6;transform:translateY(-2px)}
.btn:hover .sound i{background:#0b0b0c}
.marquee{background:#000;border-block:1px solid #c9ced640}
.marquee .track{font-family:var(--hf);color:#e9ecf0}
.marquee span:nth-child(even){font-family:var(--xf);color:#9aa0a9;opacity:1}
.acard{border-radius:8px;border-color:#c9ced64d;box-shadow:0 20px 50px -30px #000}
.acard:hover{border-color:#fff}
.acard .eyebrow{font-size:1rem}
.card,body.artist .card{border-radius:8px}
.masonry button{border-radius:4px}
.masonry img{filter:grayscale(.55) contrast(1.08) brightness(.9)}
.masonry button:hover img{filter:none;transform:scale(1.04)}
#gallery.alt,#gallery{background:#000}
footer{background:#000}
footer .fm{font-family:var(--hf);background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.switch a.on{background:linear-gradient(180deg,#fff,#c9ced6 50%,#8d939c 52%,#eef1f4);color:#0b0b0c}
.switch{border-color:#c9ced666}
.pcard{border-radius:8px;background:linear-gradient(160deg,#141416,#070708)}
.pcard b{font-family:var(--hf);font-weight:400;text-transform:uppercase;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.fact-strip b{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
a{color:#e6e9ee}
.lead a,p a{color:#fff;text-decoration-color:var(--gold)}
.rbadge{filter:drop-shadow(0 8px 24px #0009)}
@media (prefers-reduced-motion:reduce){.btn::after{display:none}}
@media(hover:hover){.acard:hover .cap h3{animation:gl .35s steps(2) 1}}
@keyframes gl{0%{transform:translate(0)}33%{transform:translate(-2px,1px);text-shadow:2px 0 #fff3}66%{transform:translate(2px,-1px)}100%{transform:translate(0)}}