.site-header { position: sticky; top: 0; z-index: 100; }
.site-header .header-inner { min-height: 88px; transition: min-height .22s ease; }
.site-header .brand { width: 185px; flex: 0 0 185px; transition: width .22s ease, flex-basis .22s ease; }
.site-header.is-compact .header-inner { min-height: 65px; }
.site-header.is-compact .brand { width: 135px; flex-basis: 135px; }
.site-header.is-compact .navigation .nav-contact { padding: 8px 15px; }
html { scroll-padding-top: 96px; }
@media (max-width: 650px) {
  .site-header .header-inner { min-height: 72px; }
  .site-header .brand { width: 150px; flex-basis: 150px; }
  .site-header.is-compact .header-inner { min-height: 59px; }
  .site-header.is-compact .brand { width: 122px; flex-basis: 122px; }
  .site-header .navigation { top: 100%; }
  html { scroll-padding-top: 76px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .header-inner, .site-header .brand { transition: none; }
}