/* header-brand-v1.css — BeeCore header brand lockup: shrink + strict vertical centering.
   v3 — Revert global translateY because logo-new.png itself now has correctly
   aligned hexagon icon and BeeCore wordmark (internal shift +6px applied).
   Overall content center in PNG is now within ~1.5px of canvas center.

   Scope: ONLY the public header nav brand container (.nav .nav-inner .nav-left .nav-brand)
   and its img (.nav-brand-logo). Nothing else in the header or page is affected:
   - header height (64px inner + 1px border) unchanged
   - .nav-inner padding (0 32px) unchanged
   - .nav-search position/size unchanged
   - .nav-center links unchanged
   Specificity note: 4-5 class selectors here outrank the base `.nav-brand-logo{height:40px}`
   and the `@media (width<=600px){.nav-brand-logo{height:32px}}` rules in index-C948zvvH-v25.css,
   which both use a single class. */

.nav .nav-inner .nav-left .nav-brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  gap: 0;
  height: auto;
  margin: 0;
  padding: 0;
}

.nav .nav-inner .nav-left .nav-brand .nav-brand-logo {
  display: block;
  height: 28px;
  width: auto;
  object-fit: contain;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  transform: none;
}