@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#73ff92;--cream:#f4f8e8;--pink:#f65a9d;--ink:#191d18;--wine:#49062f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--cream);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--wine);outline-offset:5px}header{position:absolute;top:0;left:0;width:100%;height:105px;display:flex;justify-content:center;align-items:center;gap:45px;z-index:5}header>a{font-size:10px;font-weight:800;letter-spacing:.5px}.brand{font-family:Unbounded,Arial,sans-serif;font-size:19px;line-height:1;letter-spacing:-1px;transform:rotate(-8deg);text-align:center;background:var(--ink);color:var(--cream);padding:20px 24px;clip-path:polygon(0 20%,12% 17%,8% 0,25% 10%,37% 0,49% 8%,67% 0,72% 12%,100% 0,89% 24%,100% 40%,88% 50%,100% 77%,80% 74%,82% 100%,65% 88%,47% 100%,38% 87%,14% 100%,17% 78%,0 83%,10% 59%,0 45%,9% 35%)}.brand span{font-size:25px}.hero{background:var(--green);padding:145px 7% 50px;position:relative;overflow:hidden}.eyebrow{text-align:center;font-size:9px;letter-spacing:2px;font-weight:700}.deck{display:flex;justify-content:center;gap:4%;padding:65px 0 50px;perspective:1300px}.sound-card{width:25%;max-width:290px;aspect-ratio:.69;position:relative;border:2px solid var(--ink);border-radius:16px;background:var(--wine) url('assets/zebra.jpg') center/cover;box-shadow:7px 8px 0 #242b2460;transform:rotate(-9deg);padding:13px;display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d;transition:transform .2s,box-shadow .2s;will-change:transform}.sound-card:before{content:'';position:absolute;inset:6px;border:1px solid #fff9;border-radius:10px;pointer-events:none}.card-two{transform:translateY(-20px) rotate(3deg)}.card-three{transform:rotate(10deg)}.card-top{position:relative;background:var(--cream);padding:10px;font-size:8px;letter-spacing:1px;border:1px solid var(--ink);display:flex;justify-content:space-between}.card-center{height:54%;display:flex;align-items:center;justify-content:center}.burst{display:flex;align-items:center;justify-content:center;width:110%;aspect-ratio:1.2;background:var(--green);color:var(--wine);font-family:Unbounded,Arial,sans-serif;font-size:clamp(35px,5vw,75px);font-weight:900;font-style:italic;letter-spacing:-5px;clip-path:polygon(0 35%,22% 29%,14% 4%,39% 19%,53% 0,60% 23%,86% 8%,80% 35%,100% 40%,84% 55%,100% 84%,73% 76%,70% 100%,53% 80%,30% 100%,26% 76%,0 83%,17% 60%);transform:translateZ(25px)}.card-two .burst{background:var(--pink);color:var(--ink)}.card-three .burst{background:var(--cream)}.card-bottom{background:var(--cream);border:1px solid var(--ink);padding:12px;position:relative}.card-bottom strong{display:block;font-family:Unbounded,Arial,sans-serif;font-size:clamp(15px,2.1vw,28px);font-style:italic;letter-spacing:-1px}.card-bottom>span{display:block;font-size:7px;margin-top:7px;letter-spacing:.8px}.sticker{display:inline-flex;align-items:center;justify-content:center;background:var(--cream);padding:30px;font-size:10px;font-weight:800;line-height:1.1;clip-path:polygon(0 35%,20% 30%,10% 0,35% 16%,50% 0,60% 20%,90% 5%,80% 32%,100% 45%,82% 60%,100% 90%,72% 80%,60% 100%,48% 80%,20% 100%,24% 73%,0 80%,15% 55%)}.hero-sticker{position:absolute;left:1%;top:350px;transform:rotate(-12deg)}h1,h2,h3{margin:0;font-family:Unbounded,Arial,sans-serif;font-weight:900}h1{font-size:clamp(55px,8.7vw,140px);font-style:italic;line-height:1.04;letter-spacing:-7px;text-align:center;position:relative;z-index:2;margin-top:-30px}h1>span{color:var(--wine)}.hero-foot{display:flex;justify-content:space-between;align-items:center;margin-top:45px;gap:25px}.hero-foot p{font-size:12px;line-height:1.7}.button{display:inline-block;border:2px solid var(--ink);background:var(--green);padding:20px 24px;font-weight:800;font-size:10px;letter-spacing:.5px;box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:transform .15s,box-shadow .15s}.button:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.button.dark{background:var(--ink);color:var(--cream);box-shadow:4px 4px 0 var(--wine)}.marquee{overflow:hidden;padding:21px 0;background:var(--wine);color:var(--cream);font-family:Unbounded,Arial,sans-serif;font-size:18px;font-style:italic;white-space:nowrap}.marquee>div{width:max-content;animation:marquee 35s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}main>section:not(.hero){padding:95px 7%}.section-label{font-size:9px;letter-spacing:2px;font-weight:800;margin-bottom:35px}h2{font-size:clamp(35px,4.8vw,72px);line-height:1.16;letter-spacing:-3px;font-style:italic}em{color:var(--wine);font-style:inherit}.music-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.music-head>p{font-size:13px;line-height:1.9}.album-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.album-art{display:block;aspect-ratio:1;position:relative;border:2px solid var(--wine);box-shadow:12px 12px 0 var(--wine);transform:rotate(-3deg);transition:transform .3s}.album-art:hover{transform:rotate(0)}.album-art img{display:block;width:100%;height:100%;object-fit:cover}.art-stamp{position:absolute;right:-15px;bottom:25px;border:2px solid var(--ink);background:var(--green);font-family:Unbounded,Arial,sans-serif;font-size:15px;font-style:italic;padding:19px;transform:rotate(8deg)}.mini-label{font-size:8px;letter-spacing:1px;font-weight:700}.music-info h3{font-size:clamp(22px,2.8vw,44px);letter-spacing:-2px;margin:25px 0}.music-info h3 span{color:var(--wine);margin-left:10px}.music-info p{font-size:14px;line-height:1.9;max-width:420px;margin-bottom:30px}.art-credit{margin-top:45px;font-size:8px;letter-spacing:1px}.small-link{display:inline-block;margin-top:12px;font-size:11px;border-bottom:1px solid;padding-bottom:5px}.studio{background:var(--pink);text-align:center}.section-intro{font-size:14px;line-height:1.9;margin:25px 0 45px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;perspective:1200px}.service{padding:25px;background:var(--cream);border:2px solid var(--ink);border-radius:16px;box-shadow:7px 7px 0 var(--wine);position:relative;text-align:left;transition:transform .25s}.service:nth-child(1){transform:rotate(-3deg)}.service:nth-child(3){transform:rotate(3deg)}.service:hover{transform:translateY(-12px) rotate(0)}.serial{font-size:9px;letter-spacing:1px}.service-icon{height:155px;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:145px;font-weight:800;color:var(--wine)}.service.mix{background:var(--green)}.service.master{background:var(--wine);color:var(--cream)}.master .service-icon{color:var(--pink)}.service h3{font-size:23px;letter-spacing:-1px}.service p{font-size:12px;line-height:1.9;min-height:85px;margin:20px 0}.service>a{display:block;border-top:1px solid currentColor;padding-top:18px;font-size:9px;font-weight:800;letter-spacing:1px}.mixer{gap:20px}.mixer i{display:block;width:5px;height:85px;background:var(--wine);position:relative}.mixer i:after{content:'';position:absolute;left:-11px;top:15px;width:27px;height:13px;border:2px solid var(--wine);background:var(--cream)}.mixer i:nth-child(2):after{top:60px}.mixer i:nth-child(3):after{top:35px}.fineprint{font-size:10px;line-height:1.8;margin-top:35px}.playground{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.playground p{font-size:13px;line-height:1.9;margin:25px 0}.playground .mini-label{display:block;font-size:7px;line-height:1.8;max-width:350px}.beat-machine{background:var(--wine);color:var(--cream);border:2px solid var(--ink);border-radius:18px;padding:25px;box-shadow:10px 12px 0 #191d18;transform:rotate(4deg)}.machine-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.machine-header strong{font-family:Unbounded,Arial,sans-serif;font-size:15px;font-style:italic}.machine-header span{font:8px monospace;color:var(--green)}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pad{aspect-ratio:1;border:2px solid #161714;background:var(--cream);border-radius:7px;box-shadow:0 5px 0 #1c1119;cursor:pointer;font-weight:800;font-size:10px;color:var(--wine)}.pad:nth-child(3n){background:var(--pink)}.pad:nth-child(4n){background:var(--green)}.pad.active{transform:translateY(4px);background:var(--green);box-shadow:0 1px 0 #1c1119,0 0 20px #73ff9280}.machine-footer{display:flex;justify-content:space-between;font:7px monospace;letter-spacing:1px;margin-top:25px}.machine-footer span{color:var(--green)}.tools{background:var(--ink);color:var(--cream)}.tools-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.tools h2{margin:25px 0}.tools h3{font-size:24px;color:var(--green)}.tools p{font-size:13px;line-height:1.8;max-width:400px}.tools .fineprint{font-size:10px;color:#b5bdad}.badge{border:1px solid var(--green);padding:7px 12px;color:var(--green);font-size:8px;letter-spacing:2px}.eq{background:var(--wine);padding:25px;border:2px solid var(--pink);border-radius:14px;box-shadow:8px 8px 0 var(--pink);transform:rotate(-5deg)}.eq-head{display:flex;justify-content:space-between;font-size:11px;font-weight:800;gap:10px}.eq-head span{font-size:7px;font-weight:400}.eq svg{width:100%;margin-top:25px;background:#21131e;border:1px solid #ffffff44}.eq-knobs{display:flex;gap:40px;justify-content:center;margin:20px 0}.eq-knobs i{display:block;width:45px;height:45px;border:7px solid #f65a9d;border-radius:50%;background:var(--ink);box-shadow:3px 4px 0 #0005}.eq>small{font-size:6px;letter-spacing:1px;color:#c6b4c1}.contact{background:var(--green)}.contact h2{font-size:clamp(50px,8vw,120px);line-height:1.08;letter-spacing:-5px}.contact h2 span{color:var(--wine)}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:40px}.contact-row p{font-size:13px;line-height:1.8}.contact>small{display:block;font-size:9px;margin-top:20px}footer{padding:35px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--wine);color:var(--cream)}footer>a:first-child{font-family:Unbounded,Arial,sans-serif;font-size:18px;letter-spacing:-1px;font-style:italic}footer>span,footer>a:last-child{font-size:8px;letter-spacing:1px}dialog{background:var(--cream);color:var(--ink);border:3px solid var(--wine);padding:35px;width:min(520px,92vw);border-radius:12px}dialog::backdrop{background:#240b22b8;backdrop-filter:blur(6px)}dialog h2{font-size:30px;letter-spacing:-1px;margin:20px 0}.close{position:absolute;right:15px;top:8px;border:0;background:none;font-size:30px;cursor:pointer}label{display:block;font-size:12px;margin:20px 0}input,select,textarea{display:block;background:white;color:var(--ink);border:1px solid var(--wine);padding:12px;width:100%;margin-top:8px;border-radius:0}#result{font-size:11px;line-height:1.7}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){.hero{padding-top:170px}.deck{gap:6%}}@media(max-width:900px){header{gap:25px}.hero{padding-left:5%;padding-right:5%}.deck{gap:4%}.sound-card{width:29%}.hero-sticker{left:-5%;top:280px;scale:.7}h1{letter-spacing:-4px}.music-head{display:block}.music-head>p{margin-top:25px}.services{gap:15px}.service{padding:18px}.service h3{font-size:19px}.service p{min-height:110px}.playground,.tools-layout{gap:5%}.beat-machine{padding:18px}.machine-header strong{font-size:12px}.pads{gap:8px}.music-info h3{font-size:25px}.eq{padding:18px}}
@media(max-width:600px){header{height:85px;gap:15px;padding:0 4%}header>a{font-size:7px;letter-spacing:0}.brand{font-size:12px;padding:18px 15px}.brand span{font-size:17px}.hero{padding:120px 5% 35px}.eyebrow{font-size:7px;letter-spacing:1px}.deck{padding:55px 0 45px;gap:0}.sound-card{width:34%;padding:7px;border-radius:10px;box-shadow:4px 5px 0 #242b2460}.card-one{z-index:1}.card-two{z-index:2;transform:translateY(-10px) rotate(2deg)}.card-three{z-index:1}.card-top{font-size:5px;padding:6px;letter-spacing:0}.card-bottom{padding:7px}.card-bottom strong{font-size:12px;letter-spacing:-.8px}.card-bottom>span{font-size:4px;letter-spacing:0;margin-top:5px}.burst{font-size:29px;letter-spacing:-3px}.hero-sticker{display:none}h1{font-size:11vw;letter-spacing:-3px;line-height:1.15;margin-top:-10px}.hero-foot{display:block;margin-top:25px;text-align:center}.hero-foot p{font-size:11px}.hero-foot .button{margin-top:12px;font-size:8px}.marquee{font-size:13px;padding:16px 0}main>section:not(.hero){padding:60px 6%}.section-label{font-size:8px;letter-spacing:1px;margin-bottom:25px}h2{font-size:32px;letter-spacing:-1.7px}.music-head{margin-bottom:35px}.music-head>p{font-size:12px}.album-layout,.playground,.tools-layout{grid-template-columns:1fr;gap:45px}.album-art{margin:0 7px}.art-stamp{font-size:12px;padding:13px}.music-info p{font-size:13px}.art-credit{margin-top:30px}.services{grid-template-columns:1fr;gap:30px;margin:0 12px}.service{padding:25px}.service h3{font-size:25px}.service p{min-height:0}.service-icon{height:140px}.service:nth-child(2){transform:rotate(2deg)}.service:nth-child(3){transform:rotate(-2deg)}.section-intro{font-size:12px}.beat-machine{margin:0 9px;padding:22px;transform:rotate(2deg)}.machine-header strong{font-size:14px}.machine-header span{font-size:7px}.pads{gap:11px}.pad{font-size:10px}.contact h2{font-size:11.8vw;letter-spacing:-3px}.contact-row{display:block;margin-top:25px}.contact-row p{font-size:12px}.contact-row .button{margin-top:15px;font-size:9px}footer{flex-wrap:wrap;padding:30px 6%}footer>span{order:3;width:100%;font-size:7px}.eq{margin:0 10px}.button{font-size:9px;padding:18px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div{animation:none}.sound-card,.service,.button{transition:none}}