.logo-mark {
  width: 76px;
  height: 62px;
  flex: 0 0 76px;
  display: block;
  overflow: visible;
}

.logo-mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: 50% 50%;
}

.brand > img,
.brand img { border-radius: 0; }

.site-header .logo-mark {
  width: 96px;
  height: 76px;
  flex-basis: 96px;
}

.header-phone {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-left: auto;
  margin-right: 30px;
  line-height: 1.15;
}

.header-phone span {
  color: #c8d1dc;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.header-phone strong {
  color: var(--electric);
  font-size: 15px;
  letter-spacing: .03em;
}

@media (max-width: 600px) {
  .logo-mark {
    width: 60px;
    height: 50px;
    flex-basis: 60px;
  }

  .site-header .logo-mark {
    width: 74px;
    height: 58px;
    flex-basis: 74px;
  }

  .site-header .brand-name { display: none; }

  .header-phone {
    margin-right: 8px;
  }

  .header-phone strong { font-size: 13px; }
}
.brand strong{color:var(--signal)}