*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;overflow-x:hidden}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
::selection{background:var(--ink);color:var(--yellow)}

/* Template palette */
:root{
  --pink:#ff2e88; --orange:#ff7a1a; --yellow:#ffd60a; --blue:#3d5cff; --green:#0fdc7f; --cream:#fff4d6; --ink:#1a0d2e;
  --purple:#8b2cff; --violet:#8b2cff; --fire:#ff7a1a; --gold:#ffd60a;
  --line:rgba(26,13,46,.18); --mute:#4a3760; --dim:#7a6890; --text:var(--ink);
  --panel:#fff; --panel2:#fff4d6; --bg2:var(--cream);
  --firegrad:var(--ink);
  --player-h:0px;
  --display:'Bricolage Grotesque',sans-serif; --mono:'DM Mono',monospace;
}
html{background:var(--pink)}
body{background:var(--pink);color:var(--ink);font-family:var(--display);font-weight:500;font-size:16px;line-height:1.45;padding-bottom:var(--player-h)}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px;position:relative;z-index:1}
.mono{font-family:var(--mono)}

/* Floating blobs (from template) */
.bg-shape{position:fixed;border-radius:50%;filter:blur(40px);opacity:.5;z-index:0;pointer-events:none}
.s1{width:400px;height:400px;background:var(--yellow);top:-100px;right:-80px;animation:float1 18s ease-in-out infinite}
.s2{width:300px;height:300px;background:var(--blue);bottom:200px;left:-50px;animation:float2 14s ease-in-out infinite}
.s3{width:250px;height:250px;background:var(--purple);top:50%;left:50%;animation:float3 22s ease-in-out infinite}
@keyframes float1{50%{transform:translate(-50px,30px) scale(1.15)}}
@keyframes float2{50%{transform:translate(60px,-40px) scale(.9)}}
@keyframes float3{50%{transform:translate(-30%,40%) scale(1.2)}}

/* Brand word treatment (used in place of chrome) */
.chrome{color:var(--yellow);-webkit-text-stroke:2px var(--ink);font-style:italic;paint-order:stroke fill}
.chrome.alt{color:var(--blue);-webkit-text-stroke:0}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,46,136,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nav .wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;height:86px}
.nav .logo{display:flex;align-items:center;gap:12px;transform:rotate(-2deg);transition:.3s}
.nav .logo:hover{transform:rotate(2deg) scale(1.04)}
.nav .logo img{height:72px;width:auto;transform:rotate(-5deg);filter:drop-shadow(0 0 8px rgba(139,44,255,.55)) drop-shadow(3px 4px 0 rgba(26,13,46,.45))}
.nav .logo span{font-weight:800;font-size:34px;letter-spacing:-.04em;line-height:1;color:var(--ink);-webkit-text-stroke:0;font-style:normal}
.nav .logo span::after{content:"";display:inline-block;width:10px;height:10px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 3px var(--ink);margin-left:6px;vertical-align:top;margin-top:6px}
.nav ul{display:flex;gap:8px;justify-self:center;list-style:none}
.nav ul a{display:inline-block;padding:10px 18px;background:var(--ink);color:var(--cream);border-radius:99px;font-weight:700;font-size:14px;transition:.3s}
.nav ul a:hover{background:var(--yellow);color:var(--ink);transform:translateY(-2px) rotate(-2deg)}
.nav .right{display:flex;gap:10px;align-items:center}
.icon-btn{height:48px;min-width:48px;padding:0 18px;border-radius:99px;background:var(--ink);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:15px;transition:.3s}
.icon-btn:hover{background:var(--yellow);color:var(--ink);transform:rotate(-3deg) scale(1.05)}
.icon-btn svg{width:18px;height:18px}
.badge{min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--yellow);color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:500;display:inline-grid;place-items:center}
.icon-btn:hover .badge{background:var(--ink);color:var(--yellow)}

/* HERO */
.hero{position:relative;padding:40px 0 90px}
.hero .inner{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.eyebrow-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:var(--ink);color:var(--cream);border-radius:99px;font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:28px}
.eyebrow-pill::before{content:"";width:8px;height:8px;background:var(--green);border-radius:50%;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.3}}
h1.hero-h{font-weight:800;font-size:clamp(64px,8.6vw,132px);line-height:.84;letter-spacing:-.05em;margin-bottom:30px}
h1.hero-h .wrd{display:inline-block;animation:wiggle 5s ease-in-out infinite}
h1.hero-h .wrd:nth-child(1){color:var(--ink)}
h1.hero-h .wrd:nth-child(2){color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;animation-delay:.4s}
h1.hero-h .wrd:nth-child(4){color:var(--ink);animation-delay:.8s}
h1.hero-h .wrd:nth-child(5){color:var(--blue);animation-delay:1.2s}
@keyframes wiggle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-1.5deg)}}
.hero p.lede{font-size:21px;line-height:1.4;max-width:520px;margin-bottom:34px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero-art-wrap{position:relative;padding:20px}
.hero-art{border-radius:36px;overflow:hidden;border:6px solid var(--ink);box-shadow:14px 14px 0 var(--ink);aspect-ratio:559/576;background:var(--ink);transform:rotate(1.5deg);transition:.4s}
.hero-art:hover{transform:rotate(-1deg) scale(1.01)}
.hero-art img{width:100%;height:100%;object-fit:cover}
.sticker{position:absolute;z-index:2;background:var(--yellow);color:var(--ink);font-weight:800;border-radius:50%;display:grid;place-items:center;text-align:center;border:4px solid var(--ink);line-height:1.05}
.sticker.s-tl{top:-14px;left:-18px;width:140px;height:140px;font-size:15px;animation:spin 14s linear infinite}
.sticker.s-br{bottom:-10px;right:-22px;width:auto;height:auto;padding:16px 22px;border-radius:18px;background:var(--green);font-size:30px;letter-spacing:-.03em;line-height:.9;box-shadow:6px 6px 0 var(--ink);animation:jump 1.4s cubic-bezier(.3,0,.3,1) infinite;transform-origin:50% 100%}
.sticker.s-br small{display:block;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;margin-top:6px}
.sticker.s-br .crown{position:absolute;top:-22px;left:50%;font-size:26px;transform:translateX(-50%) rotate(-10deg);animation:crownbob 1.4s ease-in-out infinite}
@keyframes jump{
  0%,100%{transform:translateY(0) rotate(-4deg) scale(1.06,.92)}
  12%{transform:translateY(0) rotate(-4deg) scale(.96,1.06)}
  45%{transform:translateY(-38px) rotate(5deg) scale(1)}
  78%{transform:translateY(0) rotate(-4deg) scale(1.1,.88)}
  88%{transform:translateY(-6px) rotate(-3deg) scale(1)}
}
@keyframes crownbob{0%,100%{transform:translateX(-50%) rotate(-10deg)}45%{transform:translateX(-50%) translateY(-10px) rotate(12deg)}}
@keyframes spin{from{transform:rotate(-12deg)}to{transform:rotate(348deg)}}

/* Buttons */
.btn{height:60px;padding:0 30px;border-radius:99px;font-weight:800;font-size:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.3s;white-space:nowrap}
.btn-fire{background:var(--ink);color:var(--cream)}
.btn-fire:hover{background:var(--yellow);color:var(--ink);transform:rotate(-2deg) scale(1.05)}
.btn-ghost{background:transparent;border:3px solid var(--ink);color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--cream);transform:rotate(2deg) scale(1.05)}
.btn-sm{height:44px;padding:0 20px;font-size:15px}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}

/* MARQUEE */
.strip{padding:28px 0;background:var(--ink);color:var(--yellow);overflow:hidden;transform:rotate(-1.5deg);margin:20px -40px 40px;position:relative;z-index:1}
.strip-track{display:flex;gap:56px;white-space:nowrap;animation:slide 32s linear infinite;font-weight:800;font-size:72px;letter-spacing:-.03em;line-height:1;width:max-content}
.strip-track span{display:inline-flex;align-items:center;gap:56px}
.strip-track i{width:30px;height:30px;background:var(--pink);border-radius:50%;display:inline-block}
.strip-track i:nth-of-type(3n+2){background:var(--green)}
.strip-track i:nth-of-type(3n){background:var(--blue)}
@keyframes slide{to{transform:translateX(-50%)}}

/* SECTIONS */
section.block{padding:80px 0;position:relative;z-index:1}
.sec-head{text-align:center;margin-bottom:44px}
.sec-head .note{margin:16px auto 0;max-width:560px;font-size:18px;color:var(--ink)}
.eyebrow{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:var(--cream);border:2px solid var(--ink);border-radius:99px;padding:6px 14px;margin-bottom:18px}
.h2{font-weight:800;font-size:clamp(52px,8vw,110px);line-height:.92;letter-spacing:-.045em;text-wrap:balance}
.h2 em{font-style:italic}
.h2 em.chrome{color:var(--blue);-webkit-text-stroke:0}

/* FILTERS */
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.search{flex:1 1 280px;height:56px;display:flex;align-items:center;gap:10px;padding:0 20px;border:3px solid var(--ink);border-radius:99px;background:var(--cream);box-shadow:4px 4px 0 var(--ink)}
.search input{flex:1;background:none;border:0;outline:0;height:100%;font-weight:600}
.search input::placeholder{color:var(--dim)}
.search svg{width:20px}
.chip{height:42px;padding:0 18px;border-radius:99px;background:var(--cream);border:3px solid var(--ink);font-weight:700;font-size:14px;transition:.25s}
.chip:hover{background:var(--yellow);transform:rotate(-2deg)}
.chip.on{background:var(--ink);color:var(--cream)}
select.sel{height:56px;padding:0 20px;border-radius:99px;border:3px solid var(--ink);background:var(--cream);outline:0;font-weight:700;box-shadow:4px 4px 0 var(--ink);cursor:pointer}

/* TRACK LIST */
.tracks{border:4px solid var(--ink);border-radius:32px;overflow:hidden;background:var(--cream);box-shadow:10px 10px 0 var(--ink);margin-top:10px}
.tr-head,.tr{display:grid;grid-template-columns:44px 76px minmax(170px,1.4fr) minmax(140px,1.6fr) 64px 80px 170px;gap:18px;align-items:center;padding:0 24px}
.tr-head{height:50px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--yellow)}
.tr{min-height:104px;border-bottom:3px solid var(--ink);transition:background .25s}
.tr:last-child{border-bottom:0}
.tr:nth-child(4n+1){--row:#ffe9d4}.tr:nth-child(4n+2){--row:#d8e7ff}.tr:nth-child(4n+3){--row:#d4f7e2}.tr:nth-child(4n){--row:#ffe0ef}
.tr:hover{background:var(--row)}
.tr.playing{background:var(--yellow)}
.tr .idx{font-family:var(--mono);font-size:13px;text-align:center}
.cover{width:76px;height:76px;border-radius:18px;overflow:hidden;position:relative;background:var(--ink);border:3px solid var(--ink);transition:.3s}
.tr:hover .cover{transform:rotate(-4deg)}
.cover img{width:100%;height:100%;object-fit:cover}
.cover .pbtn{position:absolute;inset:0;display:grid;place-items:center;background:rgba(26,13,46,.35);color:#fff;opacity:0;transition:.2s}
.tr:hover .cover .pbtn,.tr.playing .cover .pbtn{opacity:1}
.pbtn svg{width:30px;height:30px}
.t-title{font-weight:800;font-size:28px;letter-spacing:-.03em;line-height:.95;cursor:pointer}
.t-title:hover{color:var(--blue)}
.t-tags{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.tag{font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:3px 10px;border-radius:99px;background:var(--ink);color:var(--cream)}
.tag:nth-child(2){background:var(--blue)}
.wave{height:48px;width:100%;cursor:pointer}
.t-meta{font-family:var(--mono);font-size:13px;font-weight:500}
.t-buy{display:flex;justify-content:flex-end}
.price-btn{height:50px;padding:0 20px;border-radius:99px;background:var(--ink);color:var(--cream);font-weight:800;font-size:19px;display:inline-flex;align-items:center;gap:8px;transition:.3s}
.price-btn:hover{background:var(--pink);transform:rotate(-3deg) scale(1.05)}
.price-btn small{font-family:var(--mono);font-size:10px;font-weight:500;opacity:.75}
.empty{padding:60px 20px;text-align:center;font-size:18px}

/* LICENSES */
.lic-grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:24px}
@media(max-width:1180px){.lic-grid{grid-template-columns:repeat(2,1fr)}}
.lic{border:4px solid var(--ink);border-radius:32px;padding:30px;box-shadow:8px 8px 0 var(--ink);display:flex;flex-direction:column;position:relative;transition:.4s;background:#ffe9d4}
.lic:nth-child(2){background:#d8e7ff;transform:rotate(1deg)}
.lic:nth-child(3){background:#d4f7e2}
.lic:hover{transform:translate(-4px,-4px);box-shadow:14px 14px 0 var(--ink)}
.lic h3{font-weight:800;font-size:34px;letter-spacing:-.03em;line-height:.95}
.lic .lp{font-weight:800;font-size:56px;letter-spacing:-.04em;line-height:1;margin:18px 0 6px}
.lic .lp small{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.06em;margin-right:6px;vertical-align:middle}
.lic .files{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px;padding-bottom:18px;border-bottom:2px dashed var(--ink)}
.lic ul{list-style:none;display:grid;gap:10px;flex:1}
.lic li{display:flex;gap:10px;font-size:15px;color:var(--mute);line-height:1.35}
.lic li::before{content:"★";color:var(--ink);flex:none}
.lic.excl{background:var(--ink);color:var(--cream);transform:rotate(-1.5deg)}
.lic.excl:hover{transform:translate(-4px,-4px) rotate(-1.5deg);box-shadow:14px 14px 0 var(--yellow)}
.lic.excl{box-shadow:8px 8px 0 var(--yellow)}
.lic.excl li{color:#e9dcff}.lic.excl li::before{color:var(--yellow)}
.lic.excl .files{border-color:var(--yellow);color:var(--yellow)}
.lic.excl .lp.chrome{color:var(--yellow);-webkit-text-stroke:0;font-style:normal}
.crown-tag{position:absolute;top:-20px;right:22px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);font-weight:800;font-size:13px;padding:6px 14px;border-radius:99px;transform:rotate(6deg)}

/* EXCLUSIVE PAGE */
#exclView{display:none;position:relative;z-index:1;padding:20px 0 80px}
body.excl-on #exclView{display:block}
body.excl-on .hero,body.excl-on .strip,body.excl-on main{display:none}
a.sticker{cursor:pointer;text-decoration:none}
a.sticker.s-br:hover{animation-play-state:paused;background:var(--yellow)}
.x-back{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:99px;background:var(--cream);border:3px solid var(--ink);font-weight:800;margin-bottom:24px;transition:.25s}
.x-back:hover{background:var(--yellow);transform:rotate(-2deg)}
.x-hero{position:relative;display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:center;background:var(--ink);color:var(--cream);border-radius:40px;padding:48px;box-shadow:12px 12px 0 var(--yellow);border:4px solid var(--ink);margin:16px 0 40px}
.x-h{font-weight:800;font-size:clamp(56px,7.4vw,112px);line-height:.85;letter-spacing:-.05em;margin-bottom:22px}
.x-h span{color:transparent;-webkit-text-stroke:2px var(--cream)}
.x-h em{color:var(--yellow);font-style:italic;display:inline-block;animation:wiggle 5s ease-in-out infinite}
.x-hero p{font-size:19px;line-height:1.45;max-width:520px;opacity:.88}
.x-side{background:rgba(255,244,214,.07);border:2px dashed rgba(255,214,10,.6);border-radius:24px;padding:24px}
.x-side ul{list-style:none;display:grid;gap:10px;margin-top:14px}
.x-side li{display:flex;gap:10px;font-size:16px}
.x-side li::before{content:"★";color:var(--yellow)}
.x-jump{position:absolute;top:-30px;right:40px;background:var(--pink);color:#fff;border:4px solid var(--ink);border-radius:18px;padding:12px 18px;font-weight:800;font-size:18px;line-height:.95;text-align:center;box-shadow:5px 5px 0 var(--ink);animation:jump 1.4s cubic-bezier(.3,0,.3,1) infinite;transform-origin:50% 100%}
.x-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.x-count{font-weight:800;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.04em}
.x-fmt{display:flex;gap:12px;align-items:center}
.seg2{display:inline-flex;border:3px solid var(--ink);border-radius:99px;overflow:hidden;background:var(--cream);box-shadow:4px 4px 0 var(--ink)}
.seg2 button{height:48px;padding:0 20px;font-weight:800;font-size:16px;display:inline-flex;align-items:center;gap:8px}
.seg2 button small{font-family:var(--mono);font-size:10px;font-weight:500;opacity:.7}
.seg2 button.on{background:var(--ink);color:var(--yellow)}
.x-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}
.xc{background:var(--cream);border:4px solid var(--ink);border-radius:32px;box-shadow:8px 8px 0 var(--ink);overflow:hidden;transition:.4s;display:flex;flex-direction:column}
.xc:nth-child(4n+1){background:#ffe9d4}.xc:nth-child(4n+2){background:#d8e7ff}.xc:nth-child(4n+3){background:#d4f7e2}.xc:nth-child(4n){background:#ffe0ef}
.xc:hover{transform:translate(-4px,-4px) rotate(-.6deg);box-shadow:14px 14px 0 var(--ink)}
.xc.playing{background:var(--yellow)!important}
.xc-art{position:relative;aspect-ratio:1/1;border-bottom:4px solid var(--ink);background:var(--ink);overflow:hidden}
.xc-art img{width:100%;height:100%;object-fit:cover;transition:.6s}
.xc:hover .xc-art img{transform:scale(1.06) rotate(1.5deg)}
.xc-art .pbtn{position:absolute;left:18px;bottom:18px;width:64px;height:64px;border-radius:50%;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);display:grid;place-items:center;box-shadow:4px 4px 0 var(--ink);transition:.25s;opacity:1}
.xc-art .pbtn:hover{transform:scale(1.08) rotate(-8deg);background:var(--pink);color:#fff}
.xc-num{position:absolute;top:14px;left:14px;font-family:var(--mono);font-size:12px;background:var(--cream);border:2px solid var(--ink);padding:3px 10px;border-radius:99px}
.xc-sold{position:absolute;top:22px;right:-36px;background:var(--pink);color:#fff;font-weight:800;letter-spacing:.1em;padding:6px 48px;transform:rotate(35deg);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.xc.sold .xc-art img{filter:grayscale(.8) brightness(.7)}
.xc-body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.xc-body h3{font-weight:800;font-size:32px;letter-spacing:-.04em;line-height:.95;cursor:pointer}
.xc-body h3:hover{color:var(--blue)}
.xc-meta{font-family:var(--mono);font-size:12px}
.xc-body .wave{height:40px;margin:6px 0 4px}
.xc-buy{margin-top:auto;padding-top:14px;border-top:2px dashed var(--ink);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.xc-price{font-weight:800;font-size:34px;letter-spacing:-.04em;line-height:1}
.xc-price small{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;margin-bottom:4px}
.xc-btns{display:flex;gap:8px}
.xc-btns .btn-ghost{padding:0 14px}

/* FOOTER */
footer{background:var(--ink);color:var(--cream);padding:70px 0 30px;border-radius:48px 48px 0 0;margin-top:60px;position:relative;z-index:1}
footer .grid{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}
.foot-logo{display:block;transform:rotate(-7deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.foot-logo:hover{transform:rotate(-3deg) scale(1.06)}
.foot-logo img{width:clamp(300px,36vw,520px);height:auto;filter:drop-shadow(0 0 16px rgba(139,44,255,.7)) drop-shadow(8px 10px 0 rgba(0,0,0,.35));animation:footfloat 5s ease-in-out infinite}
@keyframes footfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px);filter:drop-shadow(0 0 26px rgba(139,44,255,1)) drop-shadow(8px 16px 0 rgba(0,0,0,.3))}}
@keyframes footglow{50%{filter:drop-shadow(0 0 20px rgba(139,44,255,1)) drop-shadow(0 0 46px rgba(255,122,26,.55))}}
footer .h2{color:var(--cream)}
footer .h2 em.chrome{color:var(--yellow)}
footer .note{color:var(--cream);opacity:.75}
footer .fl{display:flex;gap:22px;flex-wrap:wrap;font-weight:700}
footer .fl a{opacity:.8}footer .fl a:hover{opacity:1;color:var(--yellow)}
footer .copy{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,244,214,.2);display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;opacity:.65;flex-wrap:wrap;gap:10px}
footer .copy button{color:var(--cream);text-decoration:underline;font-family:var(--mono);font-size:12px}
footer .copy button:hover{color:var(--yellow)}

.ig-link{display:inline-flex;align-items:center;gap:14px;padding:12px 22px 12px 14px;border-radius:99px;background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--pink);transition:.3s;justify-self:center}
.ig-link svg{width:40px;height:40px;padding:7px;border-radius:12px;color:#fff;background:linear-gradient(45deg,#ffd60a,#ff7a1a 30%,#ff2e88 60%,#8b2cff);flex:none}
.ig-link span{display:flex;flex-direction:column;font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1.1}
.ig-link small{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.04em;opacity:.7;margin-bottom:2px}
.ig-link:hover{background:var(--yellow);transform:rotate(-2deg) scale(1.04);box-shadow:7px 7px 0 var(--pink)}

/* PLAYER */
.player{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;background:var(--ink);color:var(--cream);border-radius:28px;border:3px solid var(--ink);box-shadow:0 0 0 3px var(--yellow),0 20px 50px rgba(26,13,46,.45);transform:translateY(140%);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.player:not(.show){visibility:hidden;transition:transform .45s,visibility 0s .45s}
.player.show{transform:none;visibility:visible}
.player .wrap{display:grid;grid-template-columns:minmax(200px,1fr) auto minmax(220px,2fr) auto;gap:24px;align-items:center;height:88px;padding:0 20px}
.pl-info{display:flex;gap:14px;align-items:center;min-width:0}
.pl-info img{width:56px;height:56px;border-radius:14px;object-fit:cover;border:2px solid var(--yellow)}
.pl-info .tt{font-weight:800;font-size:22px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-info .ss{font-family:var(--mono);font-size:11px;opacity:.7}
.pl-ctrl{display:flex;gap:8px;align-items:center}
.pl-ctrl button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--cream);opacity:.75;transition:.2s}
.pl-ctrl button:hover{opacity:1;color:var(--yellow)}
.pl-ctrl .main{width:56px;height:56px;background:var(--yellow);color:var(--ink);opacity:1}
.pl-ctrl .main:hover{background:var(--pink);color:#fff;transform:rotate(-8deg) scale(1.06)}
.pl-ctrl svg{width:22px;height:22px}
.pl-prog{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px}
.pl-bar{flex:1;height:10px;border-radius:99px;background:rgba(255,244,214,.18);cursor:pointer;position:relative}
.pl-bar i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:var(--yellow);width:0}
.pl-bar::after{content:"";position:absolute;inset:-10px 0}
.pv-tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;background:var(--green);color:var(--ink);padding:4px 9px;border-radius:99px;white-space:nowrap}
.player .btn-fire{background:var(--pink);color:#fff}
.player .btn-fire:hover{background:var(--yellow);color:var(--ink)}

/* MODALS */
.scrim{position:fixed;inset:0;z-index:80;background:rgba(26,13,46,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px}
.scrim.open{display:flex;animation:fade .2s}
@keyframes fade{from{opacity:0}}
.modal{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--cream);border:4px solid var(--ink);border-radius:32px;box-shadow:14px 14px 0 var(--ink);position:relative;animation:pop .45s cubic-bezier(.34,1.56,.64,1)}
@keyframes pop{from{transform:translateY(30px) rotate(-2deg);opacity:0}}
.modal .x{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--cream);z-index:2;transition:.25s}
.modal .x:hover{background:var(--pink);transform:rotate(90deg)}
.modal .mh{display:flex;gap:20px;padding:28px 30px;border-bottom:3px solid var(--ink);align-items:center;background:var(--yellow)}
.modal .mh img{width:100px;height:100px;border-radius:20px;object-fit:cover;border:3px solid var(--ink);transform:rotate(-3deg)}
.modal .mh h3{font-weight:800;font-size:40px;letter-spacing:-.04em;line-height:.95}
.modal .mh .eyebrow{background:var(--ink);color:var(--cream);margin-bottom:10px!important}
.modal .mb{padding:26px 30px}
.modal .mf{padding:18px 30px;border-top:3px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;bottom:0;background:var(--cream)}
.pk-list{display:grid;gap:14px}
.pk{display:grid;grid-template-columns:24px 1fr auto;gap:16px;align-items:start;padding:20px;border:3px solid var(--ink);border-radius:22px;cursor:pointer;transition:.25s;background:#fff}
.pk:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.pk.on{background:#d8e7ff;box-shadow:6px 6px 0 var(--ink);transform:translate(-3px,-3px)}
.pk.excl.on{background:var(--ink);color:var(--cream);box-shadow:6px 6px 0 var(--yellow)}
.pk .rd{width:24px;height:24px;border-radius:50%;border:3px solid var(--ink);margin-top:2px;display:grid;place-items:center;background:#fff}
.pk.on .rd::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--ink)}
.pk.excl.on .rd{border-color:var(--yellow);background:transparent}.pk.excl.on .rd::after{background:var(--yellow)}
.pk h4{font-weight:800;font-size:24px;letter-spacing:-.02em;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pk h4 .crown-tag{position:static;transform:rotate(-3deg);font-size:11px;padding:3px 10px}
.pk .fs{font-family:var(--mono);font-size:11px;letter-spacing:.08em;margin:4px 0 10px;opacity:.75}
.pk .terms{font-size:14px;display:flex;flex-wrap:wrap;gap:4px 14px;opacity:.85}
.pk .terms span::before{content:"★ "}
.pk .pp{font-weight:800;font-size:30px;letter-spacing:-.03em}
.total{font-weight:800;font-size:34px;letter-spacing:-.03em;line-height:1}
.total small{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;display:block;margin-bottom:4px}

/* FORMAT PICKER */
.fmt-pick{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fmt{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:16px;border:3px solid var(--ink);border-radius:22px;background:#fff;transition:.25s}
.fmt:hover:not(:disabled){transform:translate(-2px,-2px) rotate(-1deg);box-shadow:5px 5px 0 var(--ink)}
.fmt.on{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--ink)}
.fmt.mp3.on{background:#d8e7ff}.fmt.wav.on{background:#ffe9d4}
.fmt:disabled{opacity:.4;cursor:not-allowed}
.fmt-badge{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:15px;border:3px solid var(--ink);color:#fff;background:var(--blue)}
.fmt.wav .fmt-badge{background:var(--orange)}
.fmt.on .fmt-badge{animation:spin 6s linear infinite}
.fmt-txt b{display:block;font-weight:800;font-size:19px;letter-spacing:-.02em;line-height:1.1}
.fmt-txt small{font-family:var(--mono);font-size:11px;opacity:.75}
.fmt-pr{text-align:right}
.fmt-pr b{display:block;font-weight:800;font-size:22px;letter-spacing:-.03em;line-height:1}
.fmt-pr small{font-family:var(--mono);font-size:10.5px;background:var(--ink);color:var(--yellow);padding:2px 8px;border-radius:99px;display:inline-block;margin-top:4px}
@media(max-width:560px){.fmt-pick{grid-template-columns:1fr}}

/* CART DRAWER */
.drawer{position:fixed;top:12px;right:12px;bottom:12px;width:min(440px,calc(100% - 24px));z-index:90;background:var(--cream);border:4px solid var(--ink);border-radius:32px;box-shadow:10px 10px 0 var(--ink);transform:translateX(calc(100% + 40px));transition:transform .45s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;overflow:hidden}
.drawer.open{transform:none}
.drawer .dh{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:3px solid var(--ink);background:var(--yellow)}
.drawer .dh h3{font-weight:800;font-size:32px;letter-spacing:-.04em}
.drawer .db{flex:1;overflow:auto;padding:8px 24px}
.drawer .df{padding:20px 24px;border-top:3px solid var(--ink);display:grid;gap:14px}
.ci{display:grid;grid-template-columns:60px 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:2px dashed var(--ink)}
.ci img{width:60px;height:60px;border-radius:14px;object-fit:cover;border:3px solid var(--ink)}
.ci .n{font-weight:800;font-size:20px;letter-spacing:-.02em}
.ci .l{font-family:var(--mono);font-size:11px;opacity:.75}
.ci .r{text-align:right;font-weight:800;font-size:20px}
.ci .r button{display:block;margin-left:auto;font-family:var(--mono);font-size:11px;font-weight:500;text-decoration:underline}
.ci .r button:hover{color:var(--pink)}

/* FORMS */
.field{display:grid;gap:6px;margin-bottom:14px}
.field label,.lbl{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.inp{height:52px;padding:0 18px;border-radius:16px;border:3px solid var(--ink);background:#fff;outline:0;width:100%;font-weight:600;transition:.2s}
textarea.inp{height:auto;padding:12px 16px;resize:vertical;min-height:80px}
.inp:focus{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.row4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.note{font-size:14px;color:var(--mute);line-height:1.5}
.note.warn{background:var(--yellow);border:2px solid var(--ink);border-radius:14px;padding:10px 14px;color:var(--ink)}
.err{color:#c2003f;font-size:14px;font-weight:700;min-height:20px}

/* DOWNLOADS */
.dl-item{border:3px solid var(--ink);border-radius:22px;padding:18px;margin-bottom:14px;background:#fff;box-shadow:5px 5px 0 var(--ink)}
.dl-item .top{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.dl-item img{width:56px;height:56px;border-radius:14px;object-fit:cover;border:3px solid var(--ink)}
.dl-btns{display:flex;gap:8px;flex-wrap:wrap}

/* TOAST */
.toast{position:fixed;left:50%;bottom:calc(var(--player-h) + 40px);transform:translate(-50%,20px) rotate(-2deg);z-index:120;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-weight:800;font-size:17px;padding:14px 24px;border-radius:99px;opacity:0;pointer-events:none;transition:.35s cubic-bezier(.34,1.56,.64,1)}
.toast.show{opacity:1;transform:translate(-50%,0) rotate(-2deg)}

.sold-stamp{font-weight:800;font-size:11px;letter-spacing:.06em;color:#fff;background:var(--pink);border:2px solid var(--ink);padding:2px 9px;border-radius:99px;transform:rotate(-4deg);display:inline-block}

.reveal{opacity:0;transform:translateY(40px) rotate(-2deg);transition:.7s cubic-bezier(.34,1.56,.64,1)}
.reveal.in{opacity:1;transform:none}
.lic.reveal.in:nth-child(2){transform:rotate(1deg)}
.lic.excl.reveal.in{transform:rotate(-1.5deg)}

@media(max-width:1020px){
  .hero .inner{grid-template-columns:1fr;gap:40px;text-align:center}
  .hero .inner>div:first-child{order:2}
  .hero p.lede{margin-left:auto;margin-right:auto}
  .hero-ctas{justify-content:center}
  .hero-art-wrap{max-width:560px;margin:0 auto;width:100%}
  .tr-head{display:none}
  .tr{grid-template-columns:76px 1fr auto;grid-template-areas:"c t b" "w w w";gap:12px 14px;padding:16px 18px}
  .tr .idx,.tr>.t-meta{display:none}
  .tr .cover{grid-area:c}.tr .tinfo{grid-area:t}.tr .t-buy{grid-area:b}.tr .wave{grid-area:w;height:36px}
  .tr .cover .pbtn{opacity:1}
  .tinfo .mm{display:block!important}
  .player .wrap{grid-template-columns:1fr auto;height:auto;padding:12px 16px;gap:10px 14px}
  .pl-prog{grid-column:1/-1;order:3}
  .pv-tag,#plBuy{display:none}
}
@media(max-width:860px){.x-hero{grid-template-columns:1fr;padding:32px 24px}.x-jump{right:16px;font-size:14px}}
@media(max-width:760px){
  .wrap{padding:0 18px}
  .nav ul{display:none}
  .nav .wrap{grid-template-columns:1fr auto;height:74px}
  .nav .logo img{height:54px}
  .nav .logo span{display:none}
  .icon-btn{padding:0 14px}
  .icon-btn span:not(.badge){display:none}
  h1.hero-h{font-size:clamp(54px,16vw,96px)}
  .sticker.s-tl{width:92px;height:92px;font-size:11px}
  .sticker.s-br{font-size:20px;padding:12px 16px;right:-8px}
  .strip-track{font-size:46px}
  .lic-grid{grid-template-columns:1fr}
  .lic,.lic:nth-child(2),.lic.excl{transform:none!important}
  .row2,.row3,.row4{grid-template-columns:1fr}
  footer .grid{grid-template-columns:1fr;text-align:center;justify-items:center}
  .modal .mh{padding:22px}
  .modal .mh img{width:68px;height:68px}
  .modal .mh h3{font-size:28px}
  .modal .mb,.modal .mf{padding-left:20px;padding-right:20px}
  .price-btn small{display:none}
  .t-title{font-size:22px}
  .tracks{border-radius:24px}
  .player{left:8px;right:8px;bottom:8px;border-radius:22px}
}