.wordmark {
  --wordmark-width: 180px;
  display: inline-block;
  position: relative;
  width: var(--wordmark-width);
  aspect-ratio: 1672 / 374;
  overflow: hidden;
  flex-shrink: 0;
  vertical-align: middle;
}
.wordmark > svg { display: block; width: 100%; height: 100%; }
.product-brand > .wordmark { --wordmark-width: 96px; }
.product-brand > .product-suffix { font-size: 12px; font-weight: 400; letter-spacing: 0; color: var(--crm-muted); }
.relationship-center {
  width: min(60%, 210px);
  height: auto;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}
.relationship-center > .wordmark { --wordmark-width: 100%; }
.contact::after { content: none; }
.footer .brand > .wordmark { --wordmark-width: 170px; }
@media(max-width:1000px) and (min-width:761px) {
  .product-brand > .wordmark { --wordmark-width: 82px; }
  .product-brand > .product-suffix { font-size: 10px; }
}
@media(max-width:760px) {
  .header .wordmark { --wordmark-width: 150px; }
  .product-brand > .wordmark { --wordmark-width: 84px; }
  .product-brand > .product-suffix { font-size: 10px; }
  .footer .brand > .wordmark { --wordmark-width: 155px; }
}
@media(max-width:380px) {
  .header .wordmark { --wordmark-width: 130px; }
}
@media(forced-colors:active) {
  .wordmark { color: CanvasText; forced-color-adjust: none; }
}