.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
}

.site-logo {
  display: block;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
}

.identity .site-logo {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
}

.box > .site-logo {
  width: 72px;
  height: 72px;
  margin: 0 auto 24px;
}

@media (max-width: 760px) {
  .site-logo {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }

  .identity .site-logo {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }
}