/* One shared position drives the SUV rear edge and the text reveal edge. */
@property --car-position{syntax:'<length-percentage>';inherits:true;initial-value:0%}
.brand-lockup{display:flex;flex-direction:column;align-items:flex-start;flex:0 0 auto;padding:10px 0 8px}.brand-lockup .logo{line-height:1.1}.slogan-drive{--car-size:94px;--car-position:calc(-1 * var(--car-size));position:relative;width:230px;height:35px;margin-top:-4px;overflow:visible;clip-path:inset(-12px 0 0 0);isolation:isolate;animation:car-position 30s linear infinite}.slogan-label{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;color:#e3bf6d;font-size:10px;font-weight:900;-webkit-text-stroke:.2px currentColor;letter-spacing:1.2px;line-height:16px;text-transform:uppercase;white-space:nowrap;clip-path:inset(0 clamp(0px,calc(100% - var(--car-position)),100%) 0 0);animation:slogan-fade 30s linear infinite}.brand-car{position:absolute;left:var(--car-position);top:calc(50% - 4px);transform:translateY(-50%);width:var(--car-size);z-index:1;line-height:0;filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 1px #e3bf6d99)}.brand-car img{display:block;width:100%;height:auto}.nav{gap:20px}
@keyframes car-position{0%,2%{--car-position:calc(-1 * var(--car-size))}17%,100%{--car-position:100%}}
@keyframes slogan-fade{0%,93.3333333333%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(4px)}}
@media(max-width:800px){.nav{gap:10px;min-height:84px}.slogan-drive{width:174px;--car-size:76px;height:29px}.slogan-label{font-size:8px;letter-spacing:.5px}.brand-lockup .logo{font-size:24px}.nav>.button{padding:10px 12px}}
@media(max-width:360px){.slogan-drive{width:151px}.slogan-label{font-size:7.5px;letter-spacing:.25px}.nav>.button{padding:10px;font-size:12px}.brand-lockup .logo{font-size:22px}}
@media(prefers-reduced-motion:reduce){.slogan-drive{animation:none;--car-position:100%}.slogan-label{animation:none;clip-path:none;opacity:1;filter:none}.brand-car{display:none}}