/* Uniform horizontal wordmark shared by the four marketing pages. */
.site-header .brand {
  container-type: inline-size;
  width: 190px;
  max-width: 100%;
  height: 34px;
  min-height: 0;
  display: block;
  padding: 0;
  color: #173248;
  text-decoration: none;
}
.site-header .brand-wordmark {
  display: flex;
  align-items: center;
  gap: 2cqw;
  width: 100%;
  height: 100%;
}
.site-header .brand-wordmark img { flex: none; width: 17cqw; height: 17cqw; aspect-ratio: 1; }
.site-header .brand-name { display: block; flex: none; width: 72.5cqw; height: 70%; overflow: visible; }
.hero-scene .site-header .brand { color: #fff; }
@media (max-width: 680px) {
  .site-header .brand { width: 148px; height: 28px; }
}