/* A purpose-drawn horizontal mark preserves readable lettering at navigation sizes. */
html{scroll-padding-top:124px}
.glass-site .header{top:18px;overflow:visible}
.glass-site .header .nav-inner{height:101px;position:relative;gap:24px}
.glass-site .header .brand{position:relative;display:flex;align-items:center;gap:0;flex-shrink:0}
.glass-site .header .brand img.kingtocar-wordmark{display:block;width:300px;height:100px;max-width:none;object-fit:contain;object-position:center;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none;image-rendering:auto;flex-shrink:0}
.glass-site .hero-copy{padding-top:137px}
.route-site .route-breadcrumb{padding-top:149px}
.route-site .route-section-nav{top:125px}
.route-site [id]{scroll-margin-top:64px}
.glass-site footer .brand img.kingtocar-wordmark{width:330px;height:110px;max-width:100%;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none;flex-shrink:0}
.route-footer>.brand{display:inline-flex;align-items:center;gap:0;max-width:100%}
@media(max-width:1100px){
 .glass-site .header .brand img.kingtocar-wordmark{width:246px;height:82px}
 .glass-site .header .nav-inner{height:84px;gap:20px}
 .glass-site .hero-copy{padding-top:121px}
 .route-site .route-section-nav{top:119px}
}
@media(max-width:640px){
 html{scroll-padding-top:113px}
 .glass-site .header{top:10px}
 .glass-site .header .nav-inner,.route-site .header .nav-inner{height:82px;width:calc(100% - 30px);justify-content:space-between;gap:12px}
 .glass-site .header .brand{position:relative;left:auto;top:auto;transform:none;gap:0}
 .glass-site .header .brand img.kingtocar-wordmark,.route-site .header .brand img.kingtocar-wordmark{width:232px;height:78px}
 .glass-site .header .nav-contact{margin-left:auto}
 .glass-site .header .nav-contact>.button{display:none}
 .glass-site .hero-copy{padding-top:108px}
 .route-site .route-breadcrumb{padding-top:131px}
 .route-site .route-section-nav{top:106px}
 .route-site [id]{scroll-margin-top:45px}
 .glass-site footer .brand img.kingtocar-wordmark{width:300px;height:100px}
}
@media(max-width:359px){
 .glass-site .header .brand img.kingtocar-wordmark,.route-site .header .brand img.kingtocar-wordmark{width:205px;height:69px}
}
/* Crystal refractions and moving specular light on the artwork itself. */
.glass-site .brand>.brand-jewel{display:inline-block;position:relative;isolation:isolate;flex-shrink:0;background:none;background-clip:border-box;-webkit-background-clip:border-box;color:#fff1ca;font-size:0;line-height:0;letter-spacing:normal}
.glass-site .brand .kingtocar-wordmark{position:relative;z-index:0}
.brand-reflection{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(112deg,transparent 35%,#fff9ce00 42%,#fff8dc80 47%,#ffffffd9 50%,#c9f6ff85 52%,transparent 59%);background-size:300% 100%;background-position:140% 50%;-webkit-mask:url('/theme-v22/images/kingtocar-logo-crystal-300.webp') center/contain no-repeat;mask:url('/theme-v22/images/kingtocar-logo-crystal-300.webp') center/contain no-repeat;mix-blend-mode:screen;opacity:.74;animation:brand-light-pass 8s ease-in-out infinite}
.brand-sparkles{position:absolute;inset:0;pointer-events:none;z-index:2}
.brand-glint{position:absolute;width:12px;height:12px;color:#fff8dd;fill:#fff8dd;stroke-width:.5;filter:drop-shadow(0 0 4px #ffe3a5);opacity:.3;animation:brand-crystal-glint 5.5s ease-in-out infinite}
.glint-crown{left:13%;top:7%;width:13px;height:13px;animation-delay:-1.8s}
.glint-wordmark{left:59%;top:44%;animation-delay:-3.9s}
.glint-tail{right:4%;top:49%;width:9px;height:9px;animation-delay:-.5s}
.brand:hover .brand-reflection{animation-duration:3.5s}
@keyframes brand-light-pass{0%,30%{background-position:145% 50%;opacity:.1}46%{opacity:.7}70%,100%{background-position:-45% 50%;opacity:.1}}
@keyframes brand-crystal-glint{0%,65%,100%{opacity:.08;transform:scale(.65) rotate(0deg)}78%{opacity:.95;transform:scale(1.15) rotate(12deg)}90%{opacity:.25;transform:scale(.8) rotate(20deg)}}
@media(prefers-reduced-motion:reduce){.brand-reflection,.brand-glint{animation:none!important}.brand-reflection{opacity:0}.brand-glint{opacity:.35}}


.glass-site .header .brand img.kingtocar-wordmark{filter:drop-shadow(0 1px 2px #000b)}
.route-site .route-section-nav{top:135px}
.route-site .route-breadcrumb{padding-top:159px}
@media(max-width:1100px){.route-site .route-section-nav{top:119px}}
@media(max-width:640px){.route-site .route-section-nav{top:106px}.route-site .route-breadcrumb{padding-top:131px}.brand-glint{width:9px;height:9px}}

/* An open navigation layer lets the hero image continue behind the brand. */
.glass-site .header .desktop-nav a,.glass-site .header .nav-phone{text-shadow:0 1px 5px #000b,0 0 14px #0008}

/* A defined glass surface makes the fixed navigation readable over scrolled content. */
.glass-site .header{border-radius:22px;transition:background-color .25s,box-shadow .25s}
.glass-site .header.is-scrolled{background:linear-gradient(115deg,#ffffff0b,transparent 55%,#e5c78d08),#0c191be8;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);box-shadow:inset 0 0 0 1px #e6cf9166,inset 0 1px 0 #fff2,0 10px 32px #0004}
@media(max-width:640px){.glass-site .header{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.glass-site .header{transition:none}}
.glass-site[data-motion=paused] .header{transition:none}