:root{--color-bg:#0a0a0a;--color-text:#fff;--color-magenta:#e91e63;--font-heading:"Montserrat", sans-serif;--font-body:"Inter", sans-serif;--nav-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}body{overflow-x:hidden}h1,h2,h3,h4,.logo,.nav-links a,.nav-btn,.filter-btn,.work-title,.submit-btn{font-family:var(--font-heading);text-transform:uppercase}.navbar{width:100%;height:var(--nav-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0a0a0ad9;border-bottom:1px solid #ffffff0d;position:fixed;top:0;left:0}.nav-container{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1440px;height:100%;margin:0 auto;padding:0 5%;display:grid}.logo{cursor:pointer;justify-self:start;align-items:center;text-decoration:none;display:flex}.logo img{object-fit:contain;width:auto;height:50px}.nav-links{gap:3rem;display:flex}.nav-links a{color:var(--color-text);letter-spacing:2px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.nav-links a:hover{color:var(--color-magenta)}.nav-btn{color:var(--color-text);border:1px solid var(--color-text);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:0;justify-self:end;padding:.75rem 2rem;font-size:.85rem;font-weight:700;transition:all .3s}.nav-btn:hover{background:var(--color-magenta);border-color:var(--color-magenta)}.hero{text-align:center;justify-content:center;align-items:center;height:100vh;padding:0 5%;display:flex;position:relative}.video-container{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-video{object-fit:cover;opacity:.5;width:100vw;height:100vh}.overlay{background:linear-gradient(to bottom, #0a0a0a33 0%, var(--color-bg) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-logo{width:100%;max-width:300px;height:auto;margin:0 auto 1.5rem;display:block}.hero-content h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:900;line-height:1.05}.hero-content p{opacity:.8;max-width:800px;margin:0 auto;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:300;line-height:1.6}section{padding:10rem 5%}.section-title{text-align:center;letter-spacing:2px;margin-bottom:4rem;font-size:3rem;font-weight:900;position:relative}.section-title:after{content:"";background:var(--color-magenta);width:60px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.filter-controls{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:4rem;display:flex}.filter-btn{color:#666;cursor:pointer;letter-spacing:1px;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem 0;font-size:.85rem;font-weight:600;transition:all .3s}.filter-btn:hover,.filter-btn.active{color:var(--color-text);border-bottom-color:var(--color-magenta)}.work-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}.work-item{aspect-ratio:16/10;cursor:pointer;background:#111;position:relative;overflow:hidden}.work-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.work-overlay{opacity:0;background:#e91e6300;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:all .4s;display:flex;position:absolute;top:0;left:0}.work-item:hover .work-overlay{opacity:1;background:#e91e63d9}.work-item:hover img{transform:scale(1.05)}.work-title{text-align:center;letter-spacing:1px;font-size:1.5rem;font-weight:800;transition:transform .4s;transform:translateY(20px)}.work-item:hover .work-title{transform:translateY(0)}.soundwave-icon{opacity:0;width:80px;height:80px;margin-bottom:20px;transition:all .4s .1s;transform:translateY(20px)}.work-item:hover .soundwave-icon{opacity:1;transform:translateY(0)}.services-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.service-card{border-top:4px solid var(--color-magenta);background:#111;padding:3rem 2rem;transition:transform .3s,background .3s}.service-card:hover{background:#151515;transform:translateY(-10px)}.service-card h3{color:var(--color-magenta);letter-spacing:1px;margin-bottom:1.5rem;font-size:1.25rem}.service-card p{color:#999;font-size:.95rem;line-height:1.7}.studio{padding:0 0 10rem}.marquee-container{background:var(--color-magenta);width:100%;margin-bottom:8rem;padding:2rem 0;display:flex;overflow:hidden}.marquee-content{white-space:nowrap;font-family:var(--font-heading);letter-spacing:3px;align-items:center;font-size:2rem;font-weight:900;animation:25s linear infinite marquee;display:flex}.marquee-content span{color:var(--color-text)}.marquee-content .dot{background:var(--color-text);border-radius:50%;width:10px;height:10px;margin:0 4rem;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.studio-content{padding:0 5%}.specs-grid{grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.spec-list{border:1px solid #222;border-left:4px solid var(--color-magenta);background:#111;padding:4rem}.spec-list h3{color:var(--color-text);letter-spacing:1px;margin-bottom:2.5rem;font-size:1.8rem}.spec-list ul{list-style:none}.spec-list li{color:#999;border-bottom:1px solid #222;align-items:center;padding:1.2rem 0;font-size:1.05rem;display:flex}.spec-list li:before{content:"";background:var(--color-magenta);width:8px;height:8px;margin-right:20px;display:inline-block}.spec-list li:last-child{border-bottom:none;padding-bottom:0}.contact{background:#0d0d0d}.contact-form{max-width:700px;margin:0 auto}.form-group{margin-bottom:1.5rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--color-text);font-family:var(--font-body);appearance:none;background:#141414;border:1px solid #222;border-radius:0;padding:1.25rem;font-size:1rem;transition:border-color .3s,background .3s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--color-magenta);background:#1a1a1a;outline:none}.submit-btn{background:var(--color-magenta);width:100%;color:var(--color-text);cursor:pointer;letter-spacing:3px;border:none;border-radius:0;padding:1.5rem;font-size:1.1rem;font-weight:800;transition:background .3s;position:relative}.submit-btn:hover{background:#d81b60}.btn-loader{border:2px solid var(--color-text);border-top-color:#0000;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.footer{text-align:center;background:#000;border-top:1px solid #111;padding:3rem 5%}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer .logo img{height:40px}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.footer-links a{color:var(--color-text);font-family:var(--font-heading);letter-spacing:2px;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--color-magenta)}.social-link{align-items:center;gap:.5rem;display:inline-flex}.social-link svg{stroke:currentColor}.footer p{color:#555;font-size:.9rem}@media (width<=1200px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.nav-links{display:none}.specs-grid{grid-template-columns:1fr;gap:3rem}.work-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1.5rem}.section-title{font-size:2.25rem}}.work-grid,.services-grid,.filter-controls,.footer-content{max-width:1440px;margin-left:auto;margin-right:auto}