/* SUPERLOCK BRAND ALIGNMENT — header proportions and display hierarchy */
.site-header .brand{display:inline-flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}
.site-header .brand-mark{width:55px!important;height:62px!important;flex:0 0 55px!important;background-size:contain!important}
.site-header .brand-main{font-size:1.35rem!important;line-height:1.05!important;letter-spacing:-.035em!important}
.site-header .brand-main .brand-company{font-size:1.35rem!important;line-height:1.05!important;white-space:nowrap}
.site-header .brand-main .brand-town{font-size:.69rem!important;letter-spacing:.23em!important;margin-bottom:3px}
.site-header .brand-small{font-size:.59rem!important;letter-spacing:.12em!important;line-height:1.4;white-space:nowrap}
.site-header .nav{min-height:80px}
/* One consistent condensed display-family stack throughout headings. */
h1,h2,h3,.sect-head h2,.camry-faq-heading h2,.lux-services-intro h2,.auto-hero h1{font-family:"Noto Sans Display ExtraCondensed","Arial Narrow","DejaVu Sans Condensed",Impact,Arial,sans-serif!important;font-stretch:condensed;font-weight:900;letter-spacing:-.025em}
h1,h2{text-transform:uppercase}
@media(max-width:1120px){.site-header .brand-mark{width:48px!important;height:54px!important;flex-basis:48px!important}.site-header .brand-main,.site-header .brand-main .brand-company{font-size:1.14rem!important}.site-header .brand-small{font-size:.5rem!important}.site-header .nav{min-height:72px}.site-header .nav-links{gap:14px}}
@media(max-width:770px){.site-header .wrap{width:calc(100% - 30px)}.site-header .brand{gap:8px;max-width:calc(100% - 55px)}.site-header .brand-mark{width:44px!important;height:50px!important;flex-basis:44px!important}.site-header .brand-main,.site-header .brand-main .brand-company{font-size:clamp(.92rem,3.5vw,1.12rem)!important}.site-header .brand-main .brand-town{font-size:.52rem!important}.site-header .brand-small{font-size:clamp(.39rem,1.6vw,.5rem)!important;letter-spacing:.06em!important}.site-header .nav{min-height:68px}}
@media(max-width:390px){.site-header .brand-mark{width:39px!important;height:46px!important;flex-basis:39px!important}.site-header .brand-main,.site-header .brand-main .brand-company{font-size:.91rem!important}.site-header .brand-small{font-size:.39rem!important}}

/* V3 — increase the actual icon visibility; preserve original logo and nav layout. */
@media(min-width:1121px){
 .site-header .brand-mark{width:66px!important;height:70px!important;flex-basis:66px!important}
 .site-header .nav{min-height:90px}
}
@media(min-width:771px) and (max-width:1120px){
 .site-header .brand-mark{width:53px!important;height:59px!important;flex-basis:53px!important}
}
@media(max-width:770px){
 .site-header .brand-mark{width:47px!important;height:52px!important;flex-basis:47px!important}
}
@media(max-width:370px){
 .site-header .brand-mark{width:42px!important;height:48px!important;flex-basis:42px!important}
}

/* V5 responsive branding: the actual 53x54 source mark remains uncropped at all viewport widths. */
.site-header .brand-mark{padding:0!important;isolation:isolate}
.site-header .brand-logo-image{width:100%!important;height:100%!important;object-fit:contain!important;min-width:0!important;max-width:none!important}
.site-header .brand{overflow:visible!important}
.site-header .brand-company{text-wrap:nowrap}
@media(max-width:770px){.site-header .brand{min-width:0}.site-header .brand-main{max-width:100%}.site-header .brand-company{font-size:clamp(.9rem,3.2vw,1.15rem)!important}.site-header .nav .call-top{white-space:nowrap}}
@media(max-width:420px){.site-header .brand-mark{height:48px!important;width:45px!important;flex-basis:45px!important}.site-header .brand-company{font-size:.83rem!important}.site-header .brand-town{letter-spacing:.15em!important}}