.brand-lockup{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--ink);text-decoration:none;vertical-align:middle}
.brand-company{font-family:var(--f-sans);font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.04em;white-space:nowrap;color:var(--ink-2)}
.brand-logo{display:inline-block;position:relative;width:120px;height:48px;flex:none;vertical-align:middle;text-decoration:none}
.brand-logo img{position:absolute;left:0;top:50%;transform:translateY(-50%);width:120px;height:63px;object-fit:contain}
.brand-logo .logo-black{display:block}
.brand-logo .logo-white{display:none}
footer .brand-logo{width:150px;height:64px;margin-bottom:12px}
footer .brand-logo img{width:150px;height:78.75px}
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .brand-logo .logo-black{display:none}
  :root:not([data-theme="light"]) .brand-logo .logo-white{display:block}
}
:root[data-theme="dark"] .brand-logo .logo-black{display:none}
:root[data-theme="dark"] .brand-logo .logo-white{display:block}
@media(max-width:760px){
  .nav .brand-company{font-size:10px}
  .nav .brand-logo{width:104px;height:44px}
  .nav .brand-logo img{width:104px;height:54.6px}
  :root:has(body:is(.tuned,.busy)){--navh:104px}
  body:is(.tuned,.busy) .nav{flex-wrap:wrap;align-content:center;gap:4px 10px}
  body:is(.tuned,.busy) .nav .you,body.busy .nav .status{flex:0 0 100%;margin-left:0}
}