/* The same company wordmark on the corporate site and product storefront. */
.findw-wordmark,
.brand.findw-brand {
  --findw-type-size: 26px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  gap: 2px;
  white-space: nowrap;
  text-align: left;
  line-height: 1;
  letter-spacing: normal;
}

.findw-wordmark .findw-name,
.findw-brand .findw-name {
  display: block;
  font-family: 'Inter Tight', 'Inter', Arial, sans-serif;
  font-size: var(--findw-type-size);
  font-weight: 600;
  color: inherit;
  line-height: 1.04;
  letter-spacing: -.025em;
}

.findw-wordmark .findw-descriptor,
.findw-brand .findw-descriptor {
  display: block;
  font-family: 'Inter', Arial, sans-serif;
  /* Match the two word widths using the bundled font metrics. */
  font-size: calc(var(--findw-type-size) * .6665);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
  color: #656b75;
}

body:not(:has(.admin-shell)) .findw-brand .findw-descriptor {
  color: #656b75;
}

body:has(.admin-shell) .findw-brand .findw-descriptor {
  color: #b4bcc7;
}

@media (max-width: 640px) {
  .findw-wordmark,
  .brand.findw-brand { --findw-type-size: 24px; }
}