*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080808;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif;line-height:1.6}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:28px;padding:18px 6%;background:rgba(8,8,8,.92);backdrop-filter:blur(12px);border-bottom:1px solid #242424}.logo{color:#fff;text-decoration:none;font-weight:900;letter-spacing:2px;font-size:1.15rem}.logo span{font-weight:400}.site-header nav{display:flex;gap:22px;margin-left:auto}.site-header nav a{color:#bbb;text-decoration:none;font-size:.9rem}.site-header nav a:hover{color:#fff}.nav-btn,.btn{display:inline-block;text-decoration:none;border-radius:5px;padding:12px 18px;font-weight:800}.nav-btn{background:#fff;color:#080808;font-size:.85rem}.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:80px 7%;gap:50px;overflow:hidden;background:radial-gradient(circle at 75% 45%,#202020 0,#080808 42%)}.eyebrow{font-size:.75rem;letter-spacing:4px;color:#aaa;font-weight:800}.hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.98;margin:18px 0 25px;letter-spacing:-4px}.hero h1 span{color:#aaa}.hero-text{max-width:590px;color:#b8b8b8;font-size:1.08rem}.hero-buttons{display:flex;gap:12px;margin-top:32px}.btn.primary{background:#fff;color:#000}.btn.secondary{border:1px solid #555;color:#fff}.studio{height:450px;position:relative;display:flex;align-items:center;justify-content:center;gap:20px}.speaker{width:150px;height:290px;background:linear-gradient(145deg,#252525,#090909);border:1px solid #444;border-radius:8px;box-shadow:0 25px 60px #000;position:relative;padding:25px 20px}.tweeter{width:43px;height:43px;border-radius:50%;border:7px solid #555;background:#111;margin:5px auto 28px}.woofer{width:88px;height:88px;border-radius:50%;border:9px solid #444;background:#090909;box-shadow:inset 0 0 0 10px #171717;margin:auto}.keys{position:absolute;z-index:2;bottom:45px;width:330px;height:145px;background:#ddd;display:flex;transform:perspective(400px) rotateX(22deg);box-shadow:0 20px 40px #000}.keys span{flex:1;border-right:1px solid #aaa;background:linear-gradient(#fff,#ddd)}.keys span:nth-child(2):after,.keys span:nth-child(4):after,.keys span:nth-child(5):after,.keys span:nth-child(7):after,.keys span:nth-child(9):after,.keys span:nth-child(11):after,.keys span:nth-child(12):after{content:"";display:block;background:#111;width:55%;height:65%;margin:0 auto}.studio-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#fff;opacity:.04;filter:blur(30px)}.section{padding:110px 7%;border-top:1px solid #191919}.section-heading{max-width:700px;margin-bottom:50px}.section h2{font-size:clamp(2.2rem,5vw,4rem);margin:5px 0 15px;line-height:1}.section-heading>p:last-child,.contact-copy>p:last-child{color:#999}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.beat-card{background:#111;border:1px solid #292929;padding:14px;border-radius:8px}.art{height:240px;background:radial-gradient(circle at 70% 25%,#555,#161616 45%,#050505);display:flex;flex-direction:column;justify-content:space-between;padding:20px;font-size:.75rem;letter-spacing:3px}.art b{font-size:1.5rem;letter-spacing:5px}.art-two{background:radial-gradient(circle at 30% 30%,#777,#1c1c1c 45%,#050505)}.art-three{background:radial-gradient(circle at 55% 20%,#aaa,#242424 42%,#050505)}.beat-card h3{margin:17px 4px 2px}.beat-card p{margin:0 4px 16px;color:#888}.play-btn{background:transparent;border:1px solid #444;color:#fff;padding:10px 14px;border-radius:4px;cursor:pointer}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid article{padding:35px;background:#0f0f0f;border:1px solid #252525}.icon{font-size:2rem;margin-bottom:25px}.service-grid p{color:#999}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-panel{max-width:650px}.about-panel p:not(.eyebrow){color:#aaa}.about-visual{height:350px;background:linear-gradient(145deg,#181818,#080808);border:1px solid #292929;position:relative;display:flex;align-items:center;justify-content:center;gap:25px}.mini-speaker{width:125px;height:230px;border:1px solid #555;background:#111;padding:18px}.mini-speaker div:first-child{width:32px;height:32px;border-radius:50%;border:5px solid #555;margin:15px auto}.mini-speaker div:last-child{width:75px;height:75px;border-radius:50%;border:8px solid #444;margin:25px auto}.mini-keys{height:100px;width:220px;background:repeating-linear-gradient(90deg,#eee 0 14px,#999 14px 15px);position:absolute;bottom:35px;left:50%;transform:translateX(-50%)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact form{display:grid;gap:14px}.contact input,.contact select,.contact textarea{width:100%;background:#111;border:1px solid #333;color:#fff;padding:14px;border-radius:4px;font:inherit}.contact textarea{resize:vertical}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 7%;border-top:1px solid #222;color:#777;font-size:.85rem}@media(max-width:850px){.site-header nav{display:none}.hero,.about,.contact{grid-template-columns:1fr}.hero{padding-top:70px}.studio{margin-top:20px}.cards,.service-grid{grid-template-columns:1fr}.section{padding:80px 6%}.hero h1{letter-spacing:-2px}.speaker{width:110px;height:230px}.keys{width:260px;height:110px}footer{display:block;text-align:center}.nav-btn{margin-left:auto}}