.site-header {
  padding-top: var(--header-margin-top);
  padding-bottom: var(--header-margin-bottom);
}

.site-header__panel {
  position: relative;
  width: var(--design-width);
  height: var(--header-panel-height);
  margin-inline: auto;
  background: var(--color-header-panel);
}

.site-header__title {
  position: absolute;
  left: var(--header-title-left);
  top: var(--header-title-top);
  width: var(--header-title-width);
  height: var(--header-title-height);
  font-size: var(--header-title-size);
  font-weight: 700;
  line-height: var(--header-title-height);
  letter-spacing: var(--header-title-letter-spacing);
  text-align: center;
  white-space: nowrap;
}