.riff-header{position:fixed;top:0;left:0;right:0;z-index:1000;transform:translateZ(0);will-change:transform;height:var(--header-height);display:flex;align-items:center;background-color:#0d0d0d00;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border-bottom:1px solid transparent;transition:background-color var(--duration-base) var(--ease),backdrop-filter var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease)}.riff-header.is-scrolled{background-color:#0d0d0dd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--color-border)}.riff-header__inner{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--container-pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md)}.riff-header__logo,.riff-header__logo a{display:flex;align-items:center}.riff-header__logo img{height:28px;width:auto;object-fit:contain}.riff-header__nav{display:flex;align-items:center;gap:var(--space-lg)}.riff-header__nav-link{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);position:relative;padding-bottom:2px;transition:color var(--duration-fast) var(--ease)}.riff-header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-accent);transition:width var(--duration-base) var(--ease-out)}.riff-header__nav-link:hover{color:var(--color-white)}.riff-header__nav-link:hover:after{width:100%}.riff-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md)}.riff-header__cart{display:flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);transition:color var(--duration-fast) var(--ease);position:relative}.riff-header__cart:hover{color:var(--color-white)}.riff-header__cart-count{font-size:var(--text-xs);color:var(--color-text-muted)}.riff-header__burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;cursor:pointer;background:none;border:none;padding:0}.riff-header__burger span{display:block;width:100%;height:1px;background-color:var(--color-white);mix-blend-mode:difference;transition:transform var(--duration-base) var(--ease),opacity var(--duration-base) var(--ease);transform-origin:center}.riff-header__burger.is-open span{background-color:var(--color-accent);mix-blend-mode:normal}.riff-header__burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.riff-header__burger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.riff-header__burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.riff-header__mobile-nav{position:fixed;top:var(--header-height);left:0;right:0;background-color:#0d0d0df7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:999;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0;padding:var(--space-sm) var(--container-pad);justify-content:center;opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.riff-header__mobile-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.riff-header__mobile-nav-link{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-sm) var(--space-sm);border-bottom:none;transition:color var(--duration-fast) var(--ease)}.riff-header__mobile-nav-link:hover{color:var(--color-accent)}.riff-header__mobile-cart{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-sm) var(--space-sm);margin-top:0}.riff-header-spacer{height:var(--header-height)}@media(max-width:768px){.riff-header__nav{display:none}.riff-header__burger{display:flex}.riff-header__inner{grid-template-columns:1fr auto}.riff-header__actions .riff-header__cart{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/riff-header.css.map */