.framework-strip,
.category-strip {
  position: sticky !important;
  top: 0;
  z-index: 80 !important;
}
.sq-header {
  --sq-logo-full: clamp(154px, 12vw, 182px);
  --sq-logo-core: calc(var(--sq-logo-full) * .166);
  --sq-logo-height: clamp(28px, 2.2vw, 33.5px);
  position: sticky !important;
  top: var(--strip-height, var(--strip, 0px));
  z-index: 70 !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(17, 18, 19, 0);
  transition: background-color 240ms ease, box-shadow 240ms ease;
}
.sq-header.is-scrolling {
  background: transparent !important;
}
.sq-header .brand {
  width: var(--sq-logo-full);
  min-width: var(--sq-logo-core);
  overflow: hidden;
  flex: 0 0 auto;
  contain: layout paint;
  transition: width 460ms cubic-bezier(.22,.72,.18,1);
}
.sq-header .brand__logo {
  display: block;
  width: var(--sq-logo-full);
  flex: 0 0 var(--sq-logo-full);
  max-width: none;
  height: auto;
}
.sq-header .brand.is-logo-animated {
  position: relative;
  height: var(--sq-logo-height);
}
.sq-header .brand__core,
.sq-header .brand__tail {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.sq-header .brand__core {
  left: 0;
  width: var(--sq-logo-core);
  z-index: 2;
}
.sq-header .brand__tail {
  right: 0;
  left: var(--sq-logo-core);
  z-index: 1;
}
.sq-header .brand__core .brand__logo,
.sq-header .brand__tail .brand__logo {
  position: absolute;
  top: 0;
  left: 0;
}
.sq-header .brand__tail .brand__logo {
  left: calc(var(--sq-logo-core) * -1);
  transform: translateX(0);
  transition: transform 460ms cubic-bezier(.22,.72,.18,1);
  will-change: transform;
}
.sq-header .site-nav {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transform-origin: top right;
  transition: opacity 260ms ease, transform 260ms ease, visibility 0s linear;
  will-change: transform, opacity;
}
.sq-header.is-condensed .brand {
  width: var(--sq-logo-core);
}
.sq-header.is-condensed .brand__tail .brand__logo {
  transform: translateX(calc((var(--sq-logo-full) - var(--sq-logo-core)) * -1));
}
.sq-header.is-condensed .site-nav {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-22px);
  transition-delay: 0s,0s,260ms;
}
.sq-header.is-condensed.is-peek .brand {
  width: var(--sq-logo-full);
}
.sq-header.is-condensed.is-peek .brand__tail .brand__logo {
  transform: translateX(0);
}
.sq-header.is-condensed.is-peek {
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(17, 18, 19, .08);
}
.sq-header.is-condensed.is-peek .site-nav {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  transition-delay: 0s;
}
.sq-header.is-mobile-nav .site-nav:not(.is-open) {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-5px);
}
.sq-header.is-mobile-nav .site-nav.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
@media (max-width: 760px) {
  .sq-header { --sq-logo-full: 150px; --sq-logo-height: 27.6px; }
}
@media (prefers-reduced-motion: reduce) {
  .sq-header { background: #fff !important; }
  .sq-header.is-scrolling { background: transparent !important; }
  .sq-header .brand { width: var(--sq-logo-full) !important; }
  .sq-header .brand__tail .brand__logo { transform: none !important; }
  .sq-header .site-nav { opacity: 1; transform: none; visibility: visible; pointer-events: auto; }
}