.site-header {
  top: 0;
}

.official-logo {
  width: clamp(176px, 15vw, 248px);
  height: auto;
  max-height: 72px;
  object-fit: contain;
  object-position: left center;
}

.content-header .official-logo {
  width: clamp(164px, 13vw, 220px);
  max-height: 66px;
}

.footer-identity .official-logo {
  width: 205px;
  max-height: 74px;
}

@media (max-width: 720px) {
  .official-logo,
  .content-header .official-logo {
    width: clamp(150px, 48vw, 205px);
    max-height: 60px;
  }

  .footer-identity .official-logo {
    width: 190px;
  }
}

.developer-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: #040e15;
  color: #71838d;
  font: 600 9px/1.4 "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
}

.developer-strip a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.developer-strip a:hover {
  color: #fff;
}

.developer-strip span {
  margin: 0 8px;
  opacity: 0.45;
}