@media (min-width: 861px) {
  .header-inner {
    position: relative;
  }

  .header-inner > .site-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }

  .header-inner > .brand {
    margin-right: auto;
  }

  .header-inner > .header-actions {
    margin-left: auto;
  }
}