/* Brand header: the logo and the PayWatch name at the top of a screen. */
.brand-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  margin-bottom: var(--space-7);
}

.brand-header__logo { width: var(--size-logo); height: var(--size-logo); object-fit: contain; }
.brand-header__name { font-size: var(--font-size-title); font-weight: var(--font-weight-bold); }