/* WindWalker horizontal lockup: windwalker-composition.png — black line art on transparent (after white matte removal).
 * Dark chrome (.ww-brand--light-ui): invert to white + shadow.
 * Light chrome / light footers: show black artwork as-is (no filter). */
.ww-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
  font-weight: 800;
  min-height: 44px;
}

.ww-brand img {
  height: 36px;
  width: auto;
  max-width: min(320px, 72vw);
  object-fit: contain;
  flex-shrink: 0;
}

.ww-brand--compact img {
  height: 32px;
  max-width: min(280px, 68vw);
}

.ww-brand--large img {
  height: 44px;
  max-width: min(360px, 78vw);
}

.ww-brand--light-ui img {
  filter: invert(1) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45));
}

.brand.ww-brand--light-ui img {
  filter: invert(1) drop-shadow(0 2px 12px rgba(0, 0, 0, 0.35));
}

.ww-brand--dark-ui img {
  filter: none;
}

.site-footer__logo--dark-ui {
  filter: none;
}

.site-footer__logo--light-foreground {
  opacity: 0.95;
  filter: invert(1) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}