.auth-header {
  display: flex;
  height: 92px;
  align-items: flex-start;
  justify-content: center;
  padding-top: 28px;
  border-bottom: 1px solid #dcd8d0;
  background: var(--color-canvas);
}

.auth-header__brand {
  display: inline-flex;
  height: 36px;
  align-items: center;
  gap: 3px;
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .16em;
}

.auth-header__brand img { display: block; flex: none; }
.auth-header__brand:hover { color: var(--color-footer-background); }

@media (max-width: 900px) {
  .auth-header { height: 68px; padding-top: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .auth-header__brand { animation: none; transition: none; }
}