.hx-nav{z-index:40;position:relative}.hx-nav--sticky{z-index:50;position:sticky;top:0}.hx-nav--bare,.hx-pop-anchor{display:contents}.hx-bar,.hx-pop{-webkit-font-smoothing:antialiased;font-family:Space Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.5}.hx-bar *,.hx-pop *{box-sizing:border-box}.hx-bar a,.hx-pop a{color:inherit;text-decoration:none}.hx-bar button,.hx-pop button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.hx-icon-btn{width:44px;height:44px;color:var(--hx-ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.hx-icon-btn:hover{color:var(--hx-orange)}.hx-burger{gap:5px;width:26px;display:grid}.hx-burger span{background:currentColor;height:2px;transition:transform .15s,opacity .15s;display:block}.hx-burger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hx-burger.open span:nth-child(2){opacity:0}.hx-burger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hx-bar{background:var(--hx-sky);color:var(--hx-ink);border-bottom:2px solid var(--hx-ink)}.hx-bar--fixed{z-index:50;visibility:hidden;transition:transform .22s,visibility 0s linear .22s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.hx-bar--fixed.on{visibility:visible;transition:transform .22s;transform:none}.hx-bar-inner{max-width:calc(var(--nav-max) + 2 * var(--nav-pad));padding:8px var(--nav-pad);align-items:center;gap:32px;margin:0 auto;display:flex}.hx-bar-logo{flex-shrink:0;display:block}.hx-bar-logo .hx-wordmark{width:133.974px;height:34px}.hx-wordmark{aspect-ratio:2711/688;background:var(--hx-logo);display:block;-webkit-mask:url(/grooves-wordmark.svg) 50%/contain no-repeat;mask:url(/grooves-wordmark.svg) 50%/contain no-repeat}.hx-bar-ctx{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.18em;text-transform:uppercase;color:#1c141899;border-left:2px solid #1c141840;min-width:0;max-width:28ch;padding-left:20px;font-size:10px;font-weight:700;overflow:hidden}.hx-bar-nav{gap:6px;display:flex}.hx-bar-nav a{letter-spacing:.18em;text-transform:uppercase;border-bottom:2px solid #0000;padding:8px 12px;font-size:11px;font-weight:700}.hx-bar-nav a:hover{color:var(--hx-orange)}.hx-bar-nav a.active{border-bottom-color:var(--hx-navy);color:var(--hx-navy)}.hx-bar-tools{align-items:center;gap:14px;margin-left:auto;display:flex}.hx-bar .hx-icon-btn{width:40px;height:40px}.hx-bar-auth{align-items:center;gap:14px;display:flex}.hx-bar-user{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.hx-bar-user:hover{color:var(--hx-orange)}.hx-bar .hx-bar-btn{background:var(--hx-navy);color:#fff;letter-spacing:.16em;text-transform:uppercase;padding:10px 18px;font-size:11px;font-weight:700;transition:filter .15s;display:inline-block}.hx-bar .hx-bar-btn:hover{filter:brightness(1.18)}.hx-bar .hx-bar-btn.ghost{color:var(--hx-ink);border:2px solid var(--hx-ink);background:0 0;padding:8px 18px}.hx-bar .hx-bar-btn.ghost:hover{filter:none;background:var(--hx-ink);color:#fff}.hx-bar-burger{display:none}@media (prefers-reduced-motion:reduce){.hx-bar--fixed,.hx-bar--fixed.on{transition:none}}@media (max-width:1100px){.hx-bar-ctx{display:none}}@media (max-width:900px){.hx-bar-nav,.hx-bar-auth{display:none}.hx-bar-burger{display:block}.hx-bar-tools{gap:6px}}.hx-pop{top:62px;right:calc((100vw - var(--nav-content)) / 2);z-index:60;border:2px solid var(--hx-ink);position:absolute;box-shadow:6px 6px #1c141824}.hx-pop--fixed{position:fixed;top:60px}.hx-menu{background:var(--hx-ink);flex-direction:column;min-width:220px;display:flex}.hx-menu a,.hx-menu button{text-align:left;letter-spacing:.16em;text-transform:uppercase;color:#fff;padding:13px 18px;font-size:12px}.hx-menu a:hover,.hx-menu button:hover{background:var(--hx-navy)}.hx-menu .hx-menu-cta{background:var(--hx-orange)}.hx-menu .hx-menu-cta:hover{background:var(--hx-orange);filter:brightness(1.08)}.hx-search-pop{background:var(--hx-sage);width:min(380px,100vw - 32px);padding:12px}.hx-search-pop .sb-input{background:var(--hx-sky);border-color:var(--hx-ink);width:100%;height:44px}.hx-search-pop .sb-input:focus{border-color:var(--hx-navy)}.hx-search-pop .sb-spinner{border-top-color:var(--hx-orange)}.hx-search-pop .sb-dropdown{background:var(--hx-sky);border-color:var(--hx-ink);width:100%;box-shadow:none;margin-top:8px;position:static}.hx-search-pop .sb-result:hover{background:var(--hx-sage)}.hx-search-pop .sb-see-all{background:var(--hx-navy);color:#fff}.hx-search-pop .sb-see-all:hover{background:var(--hx-orange)}@media (max-width:700px){.hx-pop,.hx-pop--fixed{top:56px}.hx-header .hx-menu:not(.hx-pop--fixed){right:auto;left:calc((100vw - var(--nav-content)) / 2)}}
