.site-header {
  position: sticky;
  top: 0;
  z-index: 30;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: max(20px, calc(50% - 620px));
  background: rgb(12 14 18 / 84%);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border: 1px solid rgb(150 160 175 / 20%);
  border-radius: 0;
}

@media (max-width: 620px) {
  .site-header { padding-inline: 18px; }
}