@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;700&display=swap');
:root{--bg:#11120f;--ink:#f5f4ed;--muted:#b9bbb1;--lime:#c8ff3d;--line:#3c4037;--max:1680px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:18px;line-height:1.45}a{color:inherit}header,footer{max-width:var(--max);margin:auto;padding:28px clamp(20px,4vw,64px);display:flex;align-items:center;gap:32px}header{justify-content:space-between;border-bottom:1px solid var(--line)}nav{display:flex;gap:28px;font-size:14px;text-transform:uppercase;letter-spacing:.12em}nav a{text-decoration:none}.brand{font-weight:800;letter-spacing:.12em;text-decoration:none}.brand span{color:var(--lime)}#language,.text-link{background:none;border:0;color:inherit;text-decoration:underline;text-underline-offset:8px;font:inherit;cursor:pointer}.hero,.section{max-width:var(--max);margin:auto;padding:clamp(56px,8vw,130px) clamp(20px,4vw,64px)}.hero{min-height:690px;display:flex;flex-direction:column;justify-content:space-between}.hero-top,.hero-bottom,.release-meta{display:flex;justify-content:space-between;gap:20px;align-items:center}.kicker{font-size:14px;letter-spacing:.14em;font-weight:700;text-transform:uppercase}.accent{color:var(--lime)}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;line-height:.84;margin:40px 0;font-weight:800}h1{font-size:clamp(100px,21vw,330px);letter-spacing:-.04em}h1 span{display:block;color:var(--lime)}h1 i{font-style:normal;color:var(--ink)}h2{font-size:clamp(52px,7vw,118px)}em{font-style:normal;color:var(--lime)}p{max-width:62ch}.hero-bottom p{font-size:clamp(22px,3vw,42px);line-height:1.05}.small{font-size:12px;letter-spacing:.14em}.button{border:1px solid var(--ink);padding:20px 28px;display:inline-flex;justify-content:space-between;align-items:center;min-width:250px;font:700 16px 'DM Sans';cursor:pointer;text-decoration:none}.button.lime{background:var(--lime);color:#11120f;border-color:var(--lime)}.button.outline{background:transparent}.releases{padding-top:40px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.release-grid,.story,.press-grid,.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,80px)}.release-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:center}.release-card>img{width:100%;aspect-ratio:1;object-fit:cover;background:#222}.release-copy h2{font-size:clamp(54px,6vw,100px);margin:0 0 28px}.release-copy p{color:var(--muted);font-size:18px}.release-links{display:flex;gap:24px;margin:24px 0;flex-wrap:wrap}.release-meta{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:14px}.release-meta span{color:var(--ink)}.ticker{border-block:1px solid var(--line);padding:18px 4vw;white-space:nowrap;overflow:hidden;letter-spacing:.15em;font-size:12px}.ticker span{color:var(--lime);margin:0 50px}.section-title{display:flex;justify-content:space-between;align-items:end}.muted{color:var(--muted);font-size:20px}.tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:46px}.track img{width:100%;aspect-ratio:1;object-fit:cover}.art-button{position:relative;display:block;padding:0;border:0;background:none;width:100%;cursor:pointer}.play-icon{position:absolute;right:20px;bottom:20px;background:var(--lime);color:#11120f;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:28px}.track h3{font-size:24px;margin:16px 0 4px}.track-meta{display:flex;justify-content:space-between;color:var(--muted);gap:12px}.track-meta a{color:var(--ink);font-size:14px}.platforms{display:flex;gap:24px;flex-wrap:wrap;margin-top:48px;border-top:1px solid var(--line);padding-top:24px}.platforms a{font-size:14px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:5px}details{margin-top:42px;border-top:1px solid var(--line);padding-top:18px}summary{cursor:pointer}.catalog-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.catalog-row button{background:none;border:0;color:inherit;font:inherit;cursor:pointer}.story{background:var(--lime);color:#11120f;max-width:none;padding-inline:max(20px,calc((100% - var(--max) + 128px)/2))}.story h2{margin:36px 0}.signature{font-weight:700;letter-spacing:.1em}.story-image,.press-image{display:block;width:100%;height:auto;object-fit:cover;margin-top:34px}.story-copy .lead{font-size:clamp(28px,3.5vw,52px);line-height:1.12}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid rgba(17,18,15,.35);margin-top:44px;padding-top:28px}.facts strong{display:block;font:800 clamp(55px,7vw,100px) 'Barlow Condensed';line-height:.8}.facts span{display:block;margin-top:16px}.stats{padding-top:30px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;gap:18px}.stat-card{padding:28px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;color:#11120f}.stat-card.red{background:#ff3b30}.stat-card.light{background:#f3f2eb}.stat-card.blue{background:#6c8fcb}.stat-icon{font-size:42px;font-weight:700}.stat-card strong{font:800 clamp(52px,6vw,90px) 'Barlow Condensed';line-height:.8}.stat-card span:last-child{font-size:15px;max-width:28ch}.press{border-top:1px solid var(--line)}.press-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;margin-top:40px}.press-grid h2{margin:0}.press-copy{padding-top:12px}.press-copy p{color:var(--muted);font-size:22px}.contact{display:block;color:var(--lime);font-size:22px;margin:34px 0}.press-image{max-width:560px}.player{position:fixed;z-index:10;bottom:16px;left:16px;right:16px;background:#252720;border:1px solid #555b4e;padding:12px 16px;display:flex;align-items:center;gap:14px}.player img{width:48px;height:48px;object-fit:cover}.player-info{display:flex;flex-direction:column;min-width:140px}.player-info span{color:var(--muted);font-size:12px}.player audio{flex:1;min-width:160px}.player a{font-size:13px}.player button{background:none;border:0;color:inherit;font-size:24px;cursor:pointer}.player p{position:absolute;left:80px;bottom:-24px;color:var(--lime);font-size:12px}footer{border-top:1px solid var(--line);justify-content:space-between;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:900px){.release-card{grid-template-columns:1fr}.tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.story,.press-grid{grid-template-columns:1fr}.story-image,.press-image{max-width:520px}.press-copy{padding-top:0}}
@media(max-width:600px){body{font-size:16px}header{padding:20px;gap:12px}nav{display:none}.hero{min-height:560px;padding-inline:20px}.hero-top,.hero-bottom{align-items:flex-start;flex-direction:column}.hero-top .kicker:last-child{align-self:flex-end;text-align:right}.hero-bottom .small{align-self:flex-end}.section{padding:64px 20px}.section-heading,.section-title{display:block}.section-heading .muted{margin-top:18px}.section-title .text-link{display:block;margin-top:20px}.tracks,.stats-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.facts div:last-child{grid-column:span 2}.player{flex-wrap:wrap}.player audio{order:5;flex-basis:100%}.player a{display:none}footer{padding:24px 20px;flex-wrap:wrap}}
.release-card>img,.track img{object-fit:contain;background:transparent}
.release-grid{grid-template-columns:1fr;gap:clamp(56px,9vw,120px)}.release-card{display:grid;grid-template-columns:1fr;gap:30px}.release-card>img{width:min(100%,760px);max-height:none;aspect-ratio:1;object-fit:contain;background:transparent;margin:auto}.release-copy{max-width:760px;margin:auto;width:100%}
.ticker{position:relative;background:#c9fa4b;color:#11120f;border-block:2px solid #c9fa4b;font-weight:800;transform:rotate(-1.2deg) scale(1.02);margin:24px 0;padding:17px 4vw;text-align:center;font-size:clamp(14px,1.35vw,22px);letter-spacing:.12em;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.2)}.ticker span{color:#11120f;background:transparent;padding:0 5vw;margin:0}.button.outline{color:var(--ink);border-color:var(--lime);background:#171914;box-shadow:inset 0 0 0 1px rgba(201,250,75,.3)}
.player{left:50%;right:auto;transform:translateX(-50%);width:min(34vw,560px);min-width:320px;border-radius:12px;padding:8px 10px;gap:8px;bottom:18px}.player img{width:36px;height:36px}.player-info{min-width:0;flex:1}.player-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info span{font-size:10px}.player audio{width:110px;min-width:90px;height:30px}.player a{font-size:10px;white-space:nowrap}.player button{font-size:18px;padding:2px}.player p{left:50px;bottom:-18px;font-size:10px}
@media(max-width:600px){.player{width:calc(100vw - 32px);min-width:0}.player audio{width:90px;min-width:70px}.player a{display:none}}
.brand{position:relative;display:inline-flex;align-items:center;gap:10px}.brand:after{content:'';display:block;width:34px;height:34px;background:url('assets/wa-logo.png') center/contain no-repeat;border:1px solid var(--lime);border-radius:50%;transform:rotate(-4deg)}.brand:before{display:none}
.release-card>img,.story-image,.press-image{border:1px solid color-mix(in srgb,var(--lime) 65%,transparent);box-shadow:10px 10px 0 rgba(201,250,75,.12),inset 0 0 0 7px rgba(17,18,15,.35);padding:7px}.release-card>img{outline:1px solid rgba(245,244,237,.25);outline-offset:-14px}.track img{border:1px solid rgba(201,250,75,.6);padding:6px;box-shadow:6px 6px 0 rgba(201,250,75,.15)}
.ticker{height:72px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ticker:before,.ticker:after{content:'✦  MELODY MEETS MAYHEM.  ✦  DUBSTEP / DRUM & BASS / EDM  ✦  ';position:absolute;white-space:nowrap;font-size:clamp(14px,1.5vw,22px);font-weight:800;letter-spacing:.11em}.ticker:before{transform:translateX(-100%);opacity:.22}.ticker:after{transform:translateX(100%);opacity:.22}.ticker>*{position:relative;z-index:1}
.release-card>img,.story-image,.press-image,.track img{border:0;outline:0;box-shadow:none;padding:0}
.release-card #latest-video{display:none}
:root{--lime:#c9fa4b}.button.lime{background:#c9fa4b;border-color:#c9fa4b}.story{background:#c9fa4b}.ticker{background:#c9fa4b;border-color:#c9fa4b}.stat-card.red{background:#ff3b30}.brand:after{border-color:#c9fa4b}
.lime,.accent,em,.ticker span{color:#c9fa4b!important}.button.lime{background:#c9fa4b!important;border-color:#c9fa4b!important}.story,.ticker{background:#c9fa4b!important;border-color:#c9fa4b!important}.brand:after{border:0!important}.release-card>img,.story-image,.press-image,.track img{border:0!important;outline:0!important;box-shadow:none!important;padding:0!important}.stat-card{border:0!important;box-shadow:none!important}.release-card #latest-video{left:50%;transform:translateX(-50%);border:0;outline:0;box-shadow:none;padding:0}
.release-card{position:relative}.release-card>img{position:relative;z-index:1}.release-card #latest-video{position:absolute;z-index:2;left:0;top:0;width:min(100%,760px);aspect-ratio:1;object-fit:contain;display:none;pointer-events:none}.release-card:has(#latest-art:hover) #latest-video{display:block}
.stats-grid{position:relative}.stat-card{position:relative;overflow:hidden;border:1px solid rgba(245,244,237,.55);box-shadow:10px 10px 0 rgba(201,250,75,.14);transition:transform .35s ease,box-shadow .35s ease}.stat-card:hover{transform:translateY(-8px) rotate(-1deg);box-shadow:14px 16px 0 rgba(201,250,75,.25)}.stat-card:before{content:'';position:absolute;inset:12px;border:1px solid rgba(17,18,15,.3);pointer-events:none}.stat-card strong{position:relative;z-index:1}.stat-icon{font-size:52px;position:relative;z-index:1}
.player{--energy:0;overflow:hidden;border-color:rgba(201,250,75,.7);box-shadow:0 0 calc(12px + var(--energy)*22px) rgba(201,250,75,.25);transition:box-shadow .3s ease,transform .35s ease}.player:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(201,250,75,.14),transparent);transform:translateX(calc(-100% + var(--energy)*200%));pointer-events:none}.player>*{position:relative;z-index:1}.player img{border:1px solid var(--lime);box-shadow:0 0 0 2px rgba(201,250,75,.2)}
:root{--lime:#ff6a2a}.lime,.accent,.ticker span,em{color:#ff6a2a}.button.lime{background:#ff6a2a;border-color:#ff6a2a}.story{background:#ff6a2a}.ticker{background:#ff6a2a;border-color:#ff6a2a}.ticker span{background:transparent;color:#11120f}.stat-card.red{background:#ff6a2a}.track{animation:track-in .65s cubic-bezier(.2,.8,.2,1) both}.track:nth-child(2){animation-delay:.1s}.track:nth-child(3){animation-delay:.2s}@keyframes track-in{0%{opacity:0;transform:translateY(24px) scale(.96);filter:blur(5px)}60%{opacity:1;transform:translateY(-4px) scale(1.01);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1)}}