/* Approved full lockups: fixed gray first ink, theme second ink. */
:root { --brand-ink: #808080; }

html[data-brand="ved"],
html[data-tone="ved"] {
  --accent: #0039a6;
  --accent-dark: #002b7d;
  --accent-soft: #e5ecf8;
  --page-accent: var(--accent);
}

.brand-logo.brand-logo--artwork {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: visible;
}

.brand-logo__artwork {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: left center;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.brand-logo--menu,
.brand-logo--footer {
  width: min(100%, 336px);
  height: auto;
  aspect-ratio: 4 / 1;
}

.site-navigation__head > div { min-width: 0; }
.site-navigation__head .brand-logo--menu {
  width: min(58vw, 300px);
  margin: 0;
}
.site-navigation__head .brand-logo--menu img { margin: 0; }

.concept-footer .brand--footer {
  display: block;
  width: min(100%, 336px);
  height: auto;
  padding: 8px 10px;
  background: #fff;
  border-radius: 0;
}
.concept-footer .brand-logo--footer { margin: 0; }

/* The VED tile advertises the same blue brand as its destination. */
.content-card:has(a[href="/VED_Legal.php"]) { --card-accent: #0039a6 !important; }

@media (max-width: 760px) {
  .site-header__inner .header-contacts {
    justify-content: center;
  }
}