.bru-site-header-root{position:sticky;top:0;z-index:99}.bru-site-header__bar{align-items:center;background:#2c2824;box-shadow:0 13px 20px #0000002b;box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin:0;min-height:71px;padding:28px 68px;position:relative;width:100%;z-index:99}.bru-site-header__inner{align-items:center;box-sizing:border-box;column-gap:2rem;display:grid;grid-template-areas:"menu_toggle logo_mobile actions_mobile";grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;max-width:1920px;width:100%}.bru-site-header__logo,.bru-site-header__logo-inner{display:flex;align-items:center;justify-content:inherit}.bru-site-header__logo a{align-items:center;display:inline-flex;color:inherit;text-decoration:none}.bru-site-header__logo img{display:block;height:auto;max-height:30px;width:auto}.bru-site-header__logo-text{color:#fffbf0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:900;letter-spacing:-.02em;line-height:1;text-transform:lowercase}.bru-site-header__nav{min-width:0}.bru-site-header__nav-list{display:flex;flex-wrap:nowrap;gap:clamp(1.75rem,3vw,3.75rem);justify-content:center;list-style:none;margin:0;padding:0}.bru-site-header__nav-link{color:#fffbf0;cursor:pointer;flex-basis:auto;flex-shrink:1;font-family:var(--font-heading-family, "Geist Mono", ui-monospace, monospace);font-weight:700;font-size:16px;letter-spacing:1.12px;line-height:17.6px;overflow-wrap:break-word;text-decoration:none;text-align:center;text-transform:uppercase;white-space:nowrap;word-wrap:break-word}.bru-site-header__nav-link:hover,.bru-site-header__nav-link:focus-visible{text-decoration:underline;text-underline-offset:.25em}.bru-site-header__actions{align-items:center;display:flex;flex-shrink:0;gap:1.75rem}.bru-site-header__menu-toggle-spacer{width:1.75rem;height:1.75rem;flex-shrink:0}.bru-site-header__icon-btn{align-items:center;-webkit-appearance:none;appearance:none;background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:0;padding:.25rem;text-decoration:none}.bru-site-header__icon-btn:focus-visible{outline:2px solid #fffbf0;outline-offset:3px}.bru-site-header__icon-btn svg{display:block}.bru-site-header__icon-btn.cart-with-count{position:relative}.bru-site-header__icon-btn .cart-count-bubble{align-items:center;background-color:#c40;color:#fffbf0;border-radius:100%;display:flex;font-size:.9rem;font-weight:500;height:1.5rem;justify-content:center;margin:0;min-height:calc(4px + var(--font-body-scale) * 2);min-width:calc(4px + var(--font-body-scale) * 2);position:absolute;right:0;top:0;transform:translate(25%,-25%)}.bru-site-header__mobile-menu{background:#2c2824;box-shadow:none;box-sizing:border-box;color:#fffbf0;display:flex;flex-direction:column;height:100dvh;height:100vh;top:0;right:0;bottom:0;left:0;margin:0;max-width:100%;overflow:hidden;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);padding-top:env(safe-area-inset-top,0);position:fixed;transform:translate(-100%);transition:transform .38s cubic-bezier(.32,.72,0,1),box-shadow .38s cubic-bezier(.32,.72,0,1);width:100%;z-index:100}.bru-site-header__mobile-menu.translate-x-0{box-shadow:8px 0 32px #00000040,inset 0 1px #fffbf014;transform:translate(0)}.bru-site-header__mobile-menu-surface{box-sizing:border-box;display:flex;flex:1;flex-direction:column;min-height:0;padding:14px 22px 28px;width:100%}.bru-site-header__mobile-menu .bru-site-header__mobile-menu-head{align-items:center;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;margin-bottom:.75rem;padding-bottom:2rem}.bru-site-header__mobile-menu-logo-link{align-items:center;color:inherit;display:inline-flex;min-height:44px;min-width:44px;padding:.25rem 0;text-decoration:none}.bru-site-header__mobile-menu-logo-img{display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45));height:auto;max-height:36px;width:auto}.bru-site-header__mobile-menu-logo-img--invert{filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.35))}.bru-site-header__mobile-menu-logo-text{color:#fffbf0;font-size:clamp(1.875rem,6vw,2.375rem);font-weight:900;letter-spacing:-.02em;line-height:1;text-transform:lowercase}.bru-site-header__mobile-menu-close{align-items:center;background:#fffbf014;border-radius:999px;flex-shrink:0;height:44px;justify-content:center;min-height:44px;min-width:44px;transition:background .2s ease,transform .2s ease;width:44px}.bru-site-header__mobile-menu-close:hover{background:#fffbf029}.bru-site-header__mobile-menu-close:active{transform:scale(.94)}.bru-site-header__mobile-menu-close:focus-visible{outline:2px solid #fffbf0;outline-offset:3px}.bru-site-header__mobile-menu-close-img{display:block;filter:brightness(0) invert(1);height:auto;max-height:20px;width:auto}.bru-site-header__mobile-menu-close-glyph{display:block;flex-shrink:0;height:18px;position:relative;width:18px}.bru-site-header__mobile-menu-close-glyph:before,.bru-site-header__mobile-menu-close-glyph:after{background-color:#fffbf0;border-radius:1px;content:"";height:2px;left:0;position:absolute;top:50%;width:100%}.bru-site-header__mobile-menu-close-glyph:before{transform:translateY(-50%) rotate(45deg)}.bru-site-header__mobile-menu-close-glyph:after{transform:translateY(-50%) rotate(-45deg)}.bru-site-header__mobile-menu-body{box-sizing:border-box;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.bru-site-header__mobile-menu-nav{flex-shrink:0}.bru-site-header__mobile-menu-social-nav{flex-shrink:0;padding:1.125rem 0 0}.bru-site-header__mobile-menu-social-nav .bru-site-header__mobile-menu-social{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 1.25rem;justify-content:center;list-style:none;margin:0 auto;max-width:100%;padding:0 0 12px}.bru-site-header__mobile-menu-social-nav .list-social__item{margin:0}.bru-site-header__mobile-menu-social-nav .list-social__link{align-items:center;border-radius:999px;color:#fffbf0;display:inline-flex;justify-content:center;min-height:56px;min-width:56px;padding:.75rem;text-decoration:none;transition:background .2s ease}.bru-site-header__mobile-menu-social-nav .list-social__link:hover{background:#fffbf01a}.bru-site-header__mobile-menu-social-nav .list-social__link:focus-visible{background:#fffbf01f;outline:2px solid #fffbf0;outline-offset:2px}.bru-site-header__mobile-menu-social-nav .list-social__link .svg-wrapper{display:flex;line-height:0}.bru-site-header__mobile-menu-social-nav .list-social__link svg{height:2.625rem;width:2.625rem}.bru-site-header__mobile-menu-links{list-style:none;margin:0;width:100%}.bru-site-header__mobile-menu-item{margin:0;padding:0}.bru-site-header__mobile-menu-link{box-sizing:border-box;color:#fffbf0;display:block;font-family:var(--font-heading-family, "Geist Mono", ui-monospace, monospace);font-size:17px;font-weight:700;letter-spacing:1.12px;line-height:1.35;padding:2rem .75rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .2s ease,color .2s ease,letter-spacing .2s ease}.bru-site-header__mobile-menu-link:hover{background:#fffbf00f}.bru-site-header__mobile-menu-link:active{background:#fffbf01a}.bru-site-header__mobile-menu-link:focus-visible{background:#fffbf014;box-shadow:none;outline:2px solid #fffbf0;outline-offset:4px}@media(prefers-reduced-motion:reduce){.bru-site-header__mobile-menu,.bru-site-header__mobile-menu-close,.bru-site-header__mobile-menu-link{transition-duration:.01ms}}@media screen and (max-width:989px){.bru-site-header__logo--desktop{display:none}.bru-site-header__bar{padding:20px 16px}.bru-site-header__nav{display:none}.bru-site-header__logo--mobile{grid-area:logo_mobile}.bru-site-header__menu-toggle,.bru-site-header__menu-toggle-spacer{grid-area:menu_toggle}.bru-site-header__actions{grid-area:actions_mobile}}@media screen and (min-width:990px){.bru-site-header__inner{grid-template-areas:"logo_wide nav_wide actions_wide";grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto}.bru-site-header__menu-toggle-spacer,.bru-site-header__menu-toggle{display:none!important}.bru-site-header__logo--desktop{display:flex;grid-area:logo_wide;justify-self:start}.bru-site-header__logo--mobile{display:none}.bru-site-header__nav{display:flex;grid-area:nav_wide;justify-self:center}.bru-site-header__actions{grid-area:actions_wide;justify-self:end}}@media screen and (min-width:990px){.bru-site-header__mobile-menu{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bru-site-header.css.map */