.header > .logo {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.header > .logo > img {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 3px 14px rgb(22 20 18 / 14%);
  opacity: .92;
}

.header .logo-type {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

@media (max-width: 560px) {
  .header > .logo { gap: 9px; }
  .header > .logo > img {
    width: 38px;
    height: 38px;
    flex-basis: 38px;
  }
  .header .logo-type strong { font-size: 16px; }
  .header .logo-type > span { font-size: 7px; margin-top: 6px; }
}