.page-header{position:relative;top:auto;background:#080808}.page-hero{min-height:480px;position:relative;display:flex;align-items:flex-end;padding:80px 0;background:#111 center/cover no-repeat;isolation:isolate}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.3));z-index:-1}.page-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:80px 80px;z-index:-1}.page-hero h1{font-size:clamp(65px,8vw,112px);margin:20px 0 12px}.page-hero p{max-width:640px;color:#bbb;line-height:1.7}.breadcrumbs{font:800 9px Inter;letter-spacing:.16em;color:#aaa}.breadcrumbs a{color:var(--yellow)}.content-section{padding:110px 0;background:var(--paper);color:#111}.split-content{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.copy-block h2,.feature-title{font:900 clamp(48px,6vw,78px)/.88 'Barlow Condensed';text-transform:uppercase;margin:18px 0 28px}.copy-block p{font-size:14px;line-height:1.85;color:#555}.copy-block .lead{font-size:19px;line-height:1.55;color:#111}.content-image{min-height:560px;background:#222 center/cover no-repeat;position:relative}.content-image:after{content:"";position:absolute;right:-14px;bottom:-14px;width:42%;height:42%;border-right:14px solid var(--yellow);border-bottom:14px solid var(--yellow)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ddd;margin-top:40px}.feature-list div{background:#fff;padding:25px}.feature-list b{display:block;font:800 22px 'Barlow Condensed';text-transform:uppercase;margin-bottom:8px}.feature-list span{font-size:12px;color:#777;line-height:1.5}.dark-section{background:#0b0b0b;padding:110px 0}.dark-section .section-head{margin-bottom:45px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#333}.process-grid article{background:#111;padding:34px;min-height:230px}.process-grid strong{font:800 46px 'Barlow Condensed';color:var(--yellow)}.process-grid h3{font-size:27px;margin:25px 0 10px}.process-grid p{font-size:12px;line-height:1.65;color:#888}.faq{background:var(--paper);color:#111;padding:100px 0}.accordion{border-top:1px solid #bbb}.accordion-item{border-bottom:1px solid #bbb}.accordion-item button{width:100%;border:0;background:none;padding:25px 0;display:flex;justify-content:space-between;text-align:left;font:800 24px 'Barlow Condensed';text-transform:uppercase;cursor:pointer}.accordion-item button span{color:var(--yellow);font-size:28px}.accordion-answer{max-height:0;overflow:hidden;transition:.35s}.accordion-answer p{max-width:900px;color:#666;font-size:14px;line-height:1.8;margin:0 0 26px}.accordion-item.open .accordion-answer{max-height:600px}.accordion-item.open button span{transform:rotate(45deg)}.mini-cta{background:var(--yellow);color:#090909;padding:65px 0}.mini-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.mini-cta h2{font:900 clamp(40px,5vw,65px)/.9 'Barlow Condensed';text-transform:uppercase;margin:0}.finance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.finance-card{background:#fff;border:1px solid #ddd;padding:35px;display:flex;flex-direction:column;min-height:370px}.finance-card .finance-num{font:800 46px 'Barlow Condensed';color:var(--yellow)}.finance-card h2{font:900 38px/1 'Barlow Condensed';text-transform:uppercase}.finance-card ul{padding-left:18px;color:#666;font-size:13px;line-height:2}.finance-card .btn{margin-top:auto;justify-content:center}.notice{padding:18px;border-left:4px solid var(--yellow);background:#fff;font-size:12px;color:#666;line-height:1.6;margin-top:30px}.gallery-page{background:#0a0a0a;padding:100px 0}.filters{display:flex;gap:8px;margin-bottom:35px;flex-wrap:wrap}.filters button{background:#171717;color:#aaa;border:1px solid #333;padding:13px 18px;text-transform:uppercase;font:800 10px Inter;letter-spacing:.08em;cursor:pointer}.filters button.active,.filters button:hover{background:var(--yellow);color:#090909;border-color:var(--yellow)}.gallery-masonry{columns:3;column-gap:12px}.gallery-item{break-inside:avoid;margin:0 0 12px;cursor:zoom-in;position:relative;overflow:hidden}.gallery-item[hidden]{display:none}.gallery-item img{width:100%;display:block;min-height:220px;object-fit:cover;transition:.35s}.gallery-item:hover img{transform:scale(1.025);filter:brightness(.75)}.gallery-item:after{content:"VIEW +";position:absolute;left:20px;bottom:18px;color:var(--yellow);font:800 10px Inter;letter-spacing:.12em;opacity:0}.gallery-item:hover:after{opacity:1}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:100;display:none;padding:40px;cursor:zoom-out}.lightbox.open{display:grid;place-items:center}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{background:#fff;padding:30px;color:#111;min-height:280px;display:flex;flex-direction:column}.stars{color:var(--yellow);letter-spacing:.18em}.review-card p{color:#555;font-size:13px;line-height:1.75}.review-card b{font:800 19px 'Barlow Condensed';text-transform:uppercase;margin-top:auto}.review-card small{color:#999;margin-top:5px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.contact-details{display:grid;gap:15px}.contact-details article{background:#111;color:#fff;padding:27px}.contact-details h3{font-size:29px}.contact-details p,.contact-details a{font-size:12px;color:#aaa;line-height:1.7}.contact-details .phone{color:var(--yellow);font-size:29px}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font:800 9px Inter;letter-spacing:.12em;text-transform:uppercase}.field input,.field select,.field textarea{border:1px solid #ccc;background:#fff;padding:15px;font:13px Inter;color:#111;border-radius:0}.field textarea{min-height:150px;resize:vertical}.quote-form button{border:0;cursor:pointer}.form-status{grid-column:1/-1;font-size:12px;color:#666;line-height:1.5}.hours{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.hours span{font-size:11px;color:#aaa}.hours b{display:block;color:#fff;margin-bottom:4px}.brand-panel{border:1px solid #ddd;padding:28px;margin-top:35px}.brand-panel h3{font-size:30px}.brand-panel p{font-size:12px;color:#666;line-height:1.7}
@media(max-width:1100px){.page-header .nav{gap:16px}.page-header .nav a{font-size:10px}.page-header .brand{min-width:230px}.page-header .nav-cta{display:none}}
@media(max-width:900px){.page-header{top:auto}.page-hero{min-height:420px;padding:60px 0}.split-content,.contact-layout{grid-template-columns:1fr}.content-image{min-height:450px}.process-grid{grid-template-columns:1fr 1fr}.finance-grid,.review-grid{grid-template-columns:1fr 1fr}.gallery-masonry{columns:2}.mini-cta .shell{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.content-section,.dark-section,.faq,.gallery-page{padding:75px 0}.page-hero h1{font-size:58px}.content-image{min-height:340px}.feature-list,.process-grid,.finance-grid,.review-grid{grid-template-columns:1fr}.gallery-masonry{columns:1}.quote-form{grid-template-columns:1fr}.field.full{grid-column:auto}.hours{grid-template-columns:1fr}}
.brand-logo{width:58px;height:68px;display:block;flex:none}
@media(max-width:900px){.brand-logo{width:45px;height:54px}}
.content-image,.finance-card,.review-card,.contact-details article,.feature-list>div,.process-grid article,.gallery-item img,.accordion-item button{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease,color .3s ease,filter .3s ease}.content-image:hover{transform:translateY(-8px);box-shadow:0 25px 50px rgba(0,0,0,.18)}.content-image:hover:after{border-color:#fff}.feature-list>div:hover{position:relative;z-index:1;transform:translateY(-5px);box-shadow:0 14px 30px rgba(0,0,0,.1)}.feature-list>div:hover b{color:#c69f00}.process-grid article:hover{background:#191919;transform:translateY(-8px)}.process-grid article:hover strong{color:#fff}.finance-card:hover{transform:translateY(-10px);border-color:var(--yellow);box-shadow:0 20px 45px rgba(0,0,0,.13)}.finance-card:hover .finance-num{transform:rotate(-6deg) scale(1.08)}.finance-num,.review-card .stars{transition:transform .3s ease}.review-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.12)}.review-card:hover .stars{transform:translateX(5px);letter-spacing:.26em}.contact-details article:hover{transform:translateX(7px);box-shadow:-7px 0 0 var(--yellow)}.gallery-item:hover img{transform:scale(1.055);filter:brightness(.68) saturate(1.12)}.filters button{transition:transform .25s ease,background-color .25s ease,color .25s ease}.filters button:hover{transform:translateY(-3px)}.accordion-item button:hover{color:#9d7e00;padding-left:8px}.accordion-item button span{transition:transform .3s ease}.field input,.field select,.field textarea{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.field input:hover,.field select:hover,.field textarea:hover{border-color:#777}.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--yellow);box-shadow:0 0 0 3px rgba(245,196,0,.18);transform:translateY(-2px)}.not-found-hero{min-height:760px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(5,5,5,.95),rgba(5,5,5,.7)),url('https://web.archive.org/web/20260510022339im_/https://jokersaudio.com/wp-content/uploads/2020/10/audio-system-for-car.jpg')}.not-found-hero .hero-actions{margin-top:30px}
.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.brand-grid span{border:1px solid #333;background:#111;color:#fff;padding:24px 14px;text-align:center;font:900 24px/1 'Barlow Condensed';text-transform:uppercase;letter-spacing:.04em;transition:.25s}.brand-grid span:hover{border-color:var(--yellow);color:var(--yellow);transform:translateY(-5px)}.product-grid .finance-card p{color:#666;font-size:13px;line-height:1.75}.footer-expanded{grid-template-columns:.8fr .7fr 1.4fr}.footer-links span{font-size:12px;color:#aaa;line-height:1.7}@media(max-width:900px){.brand-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.brand-grid{grid-template-columns:1fr}}