/* Applied after the website stylesheet to unify home, inner and footer lockups. */
body .brand,
body.premium-home .brand { display: inline-flex; align-items: center; gap: 11px; min-width: 0; }
body .brand-mark,
body.premium-home .brand-mark {
  box-sizing: border-box;
  width: var(--logo-box-width); height: var(--logo-box-height);
  min-width: var(--logo-box-width); flex: 0 0 var(--logo-box-width);
  padding: var(--logo-inset); display: flex; align-items: center; justify-content: center;
  overflow: hidden; border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
body .brand-mark img,
body.premium-home .brand-mark img {
  display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%;
  object-fit: contain; object-position: center; margin: 0; transform: none;
}
body .brand-copy,
body.premium-home .brand-copy { min-width: 0; display: grid; align-content: center; }
body .brand-copy strong,
body.premium-home .brand-copy strong { max-width: 220px; font-size: 11.5px; line-height: 1.25; white-space: normal; overflow-wrap: normal; }
body .brand-copy small,
body.premium-home .brand-copy small { font-size: 8px; line-height: 1.4; margin-top: 5px; }
@media (max-width:640px) {
  body .brand-copy strong, body.premium-home .brand-copy strong { max-width: 165px; font-size: 10px; }
}