.mtc-brand-wordmark { display:block; width:auto; height:32px; max-width:100%; object-fit:contain; }
.mtc-brand-mark { display:block; width:32px; height:32px; object-fit:contain; }
.mtc-home-logo .mtc-brand-wordmark { width:200px; height:40px; }
.mtc-home-logo .mtc-brand-mark { width:36px; height:36px; }
.mtc-section-brand { position:relative; width:min(360px,calc(100vw - 32px)); height:110px; overflow:hidden; background:var(--background); border:1px solid var(--border); border-radius:4px; }
.mtc-section-brand video { width:100%; height:100%; display:block; object-fit:cover; }
.mtc-brand-pause { position:absolute; right:6px; bottom:6px; width:32px; height:32px; display:grid; place-items:center; cursor:pointer; background:var(--background); color:var(--foreground); border:1px solid var(--border); border-radius:4px; font-size:.7rem; }
.mtc-brand-pause:focus-visible { outline:2px solid var(--ring); outline-offset:-3px; }
.mtc-brand-static { height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:.5rem; padding:1rem 2.5rem; }
.mtc-brand-static .mtc-brand-wordmark { max-width:230px; width:100%; height:auto; }
.mtc-brand-static span { font-size:.75rem; letter-spacing:.15rem; text-transform:uppercase; }
.mtc-map-landing > .mtc-section-brand { position:absolute; z-index:2; top:16px; left:16px; }
.mtc-model-hero > .mtc-section-brand { position:absolute; z-index:2; top:calc(var(--mtc-nav-height,64px) + 16px); left:16px; }
@media(max-width:600px) { .mtc-section-brand { width:240px; height:80px; }.mtc-home-logo .mtc-brand-wordmark { width:160px; } }
@media(prefers-reduced-motion:reduce) { .mtc-section-brand * { animation:none!important; transition:none!important; } }