@media (min-width: 768px) {
  .site-header.site-header nav {
    gap: clamp(.8rem, 1.8vw, 2rem);
    font-size: .96rem;
    font-weight: 700;
    letter-spacing: .012em;
  }
  .site-header.site-header nav a,
  .site-header.site-header nav a.current,
  .site-header.site-header nav a.active { color: #fff; }
  .site-header.site-header nav a::after { background: #fff; }
  .site-header.site-header nav a.current::after { transform: scaleX(0); }
  .site-header > a.button.button-small {
    min-height: 58px;
    padding: 0 1.55rem;
    border-color: rgba(255,255,255,.34);
    background: linear-gradient(135deg,#981e1b,#680f0e);
    box-shadow: 0 12px 28px rgba(37,2,2,.36),inset 0 1px rgba(255,255,255,.22);
    color: #fff;
  }
  .site-header > a.button.button-small:hover { background: linear-gradient(135deg,#b52722,#7d1211); }
}