#global-header{z-index:100000;position:fixed;top:0;left:0;display:grid;grid-template-columns:repeat(12,1fr);gap:0;width:100%;height:42px;max-height:42px;justify-content:space-between;align-items:top;padding:0 var(--unit-6);background:#ffffffe6;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:var(--color-text-primary);transition:transform .3s ease-in-out .25s,background .3s ease-in-out}#global-header.invert{background:var(--color-background-inverse)}#global-header .global-logo{transition:all .3s ease-in-out;padding:var(--unit-5) 0;width:36%;max-width:150px;height:42px;height:auto;grid-column:1 / 5}#global-header.invert .global-logo{filter:brightness(0) invert(1);width:80%;height:auto;padding:var(--unit-4) 0}.global-logo img{width:100%;height:auto}#global-header.invert .main-nav a,#global-header.invert .main-nav a:link,#global-header.invert .main-nav a:active,#global-header.invert .main-nav a:visited{color:var(--color-text-inverse)}.main-nav,.shop-nav{font-family:var(--font-default);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;list-style:none;display:flex;flex-direction:row;gap:var(--unit-8);height:42px}.main-nav{grid-column:6 / 10}.shop-nav{grid-column:10 / 13;justify-content:flex-end;align-items:center}.main-nav-item,.main-nav-item a,.main-nav-item a:link,.main-nav-item a:visited,.main-nav-item a:active{font-size:var(--font-size-1);color:var(--color-text-primary);align-self:center;line-height:1.15;height:42px;display:flex;flex-direction:row;align-items:center;text-decoration:none}.main-nav-item:last-child{padding-right:0}.main-nav-item span{font-size:var(--font-size-1);color:var(--color-text-primary);line-height:1.15}#global-header.invert .main-nav-item,#global-header.invert .main-nav-item span,#global-header.invert .main-nav-item a{color:var(--color-text-inverse)}#global-header.invert .main-nav a:hover{color:var(--color-text-inverse-hover)}.main-nav-item a,.main-nav-item .search-label{position:relative;overflow:visible}.main-nav-item a:after{content:"";position:absolute;bottom:8px;left:0;width:0;height:1px;background:var(--core-dark-roast);transition:width .3s cubic-bezier(.4,0,.2,1);transform-origin:left center;z-index:1}.main-nav-item .search-label:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--core-dark-roast);transition:width .3s cubic-bezier(.4,0,.2,1);transform-origin:left center;z-index:1}.main-nav-item a:hover:after,.main-nav-item .search-label:hover:after{width:100%}.main-nav-item.has-dropdown.is-open a:after,.main-nav-item.has-dropdown.is-open .search-label:after{width:100%;background:var(--core-white)}#global-header.invert .main-nav-item a:after,#global-header.invert .main-nav-item .search-label:after{background:var(--core-white)}.main-nav-item.has-dropdown{position:relative;cursor:pointer}.dropdown-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:998}.dropdown-menu{position:fixed;top:42px;left:0;width:100%;height:500px;background:var(--core-dark-roast);color:var(--color-text-inverse);padding:var(--unit-10) var(--unit-6) var(--unit-6) var(--unit-6);visibility:hidden;transform:translateY(-600px);transition:all .3s ease-in-out;pointer-events:none;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(4,1fr);gap:0}.dropdown-menu.active{visibility:visible;transform:translateY(0);pointer-events:auto}.dropdown-columns{grid-column:7 / 13;grid-row:1 / 4;display:flex;flex-direction:row;gap:var(--unit-8);opacity:1;transition:opacity .15s ease-in-out;padding-right:var(--unit-13)}.dropdown-menu-column,.dropdown-secondary-links{width:33.3333%;flex:0 0 33.3333%;display:flex;flex-direction:column;gap:var(--unit-3)}.main-nav-item.has-dropdown.is-open:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:200px;height:20px;background:transparent;z-index:998}.dropdown-menu-title{font-size:var(--font-size-5);font-family:var(--font-serif)}.dropdown-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--unit-3)}.dropdown-menu li{padding:0;color:var(--color-text-inverse)}.dropdown-menu a,.dropdown-menu a:link,.dropdown-menu a:visited,.dropdown-menu a:active,.dropdown-menu a:hover{color:var(--color-text-inverse);text-decoration:none;text-transform:none;font-size:var(--font-size-2);font-family:var(--font-default);display:block;transition:color .2s ease;line-height:1.1}.dropdown-menu-about a,.dropdown-menu-about a:link,.dropdown-menu-about a:visited,.dropdown-menu-about a:active,.dropdown-menu-about a:hover{color:var(--color-text-inverse);text-decoration:none;text-transform:none;font-size:var(--font-size-5);font-family:var(--font-serif);display:block;transition:color .2s ease;line-height:1.1}.dropdown-menu a:hover{color:var(--color-text-inverse-hover)}.dropdown-description,.dropdown-description p{color:var(--color-text-inverse);font-family:var(--font-serif);text-transform:none;font-size:var(--font-size-4);line-height:1.1;grid-column:1 / 4;grid-row:4 / 4;align-self:end;padding-right:var(--unit-8)}.dropdown-connect-links{grid-column:4 / 5;grid-row:4 / 4;align-self:end;font-size:var(--font-size-2);font-family:var(--font-default)}.dropdown-secondary-links a,.dropdown-secondary-links a:link,.dropdown-secondary-links a:visited,.dropdown-secondary-links a:active{color:var(--color-text-inverse);text-decoration:none;text-transform:none;font-size:var(--font-size-5);font-family:var(--font-serif);display:block;transition:color .2s ease;line-height:1.1}.dropdown-ordering-link{grid-column:11 / 13;grid-row:4 / 4;align-self:end;text-align:right;font-size:var(--font-size-5);font-family:var(--font-serif)}.dropdown-ordering-link a,.dropdown-ordering-link a:link,.dropdown-ordering-link a:visited,.dropdown-ordering-link a:active{color:var(--color-text-inverse);text-decoration:none;font-size:var(--font-size-5);font-family:var(--font-serif)}#global-header.hidden{transform:translateY(-100%)}.search-trigger{position:relative;cursor:pointer;min-width:0px}.search-expand{position:absolute;top:0;right:0;width:0;opacity:0;height:100%;transition:width .5s ease-in-out,opacity .1s ease-in-out .3s;overflow:hidden;z-index:1000}.search-trigger.active .search-expand{width:30vw;min-width:340px;max-width:560px;opacity:1}.search-expand .search-form{width:100%;height:100%;display:flex;align-items:center}.search-input{width:100%;height:100%;padding:var(--unit-3) 0;border:none;background:transparent;color:var(--core-dark-roast);font-size:var(--font-size-1);outline:none;line-height:1.15;border-bottom:0px}.search-input::placeholder{color:var(--core-dark-roast-50);text-transform:uppercase}.search-label{position:relative;z-index:1001;transition:opacity .3s ease,visibility .3s ease;width:60px;display:inline-block}.search-close{position:absolute;z-index:1001;width:16px;height:16px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;cursor:pointer;right:var(--unit-3);top:50%;transform:translateY(-50%)}.search-trigger.active .search-label{opacity:0;visibility:hidden}.search-trigger.active .search-close{opacity:1;visibility:visible}#global-header.hero.invert .search-expand{background:var(--color-text-inverse)}#global-header.hero.invert .search-input{color:var(--color-text-primary)}#global-header.hero.invert .search-input::placeholder{color:var(--color-text-primary);opacity:.7}.main-nav.hidden{opacity:0;visibility:hidden;transition:opacity .2s ease-out,visibility .2s ease-out}@media (min-width: 1024px){.mobile-header-bar,.mobile-nav-toggle,.mobile-nav-overlay{display:none!important}}.mobile-header-bar{display:flex;align-items:center;justify-content:space-between;width:100vw;padding:var(--unit-4);background:var(--color-background-primary);position:fixed;top:0;left:0;z-index:100000}.mobile-header-bar .global-logo{width:50%;max-width:150px;padding:0}.mobile-header-actions{display:flex;align-items:center;gap:var(--unit-8)}.mobile-nav-toggle{background:none;border:none;color:var(--color-text-primary);font-family:var(--font-default);font-size:var(--font-size-2);text-transform:uppercase;cursor:pointer;padding:0}.mobile-cart-link{color:var(--color-text-primary);font-size:var(--font-size-2);text-transform:uppercase;text-decoration:none}.mobile-nav-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--core-dark-roast);z-index:100002;transition:opacity .3s ease;opacity:0;pointer-events:none}.mobile-nav-overlay.active{display:block;opacity:1;pointer-events:auto}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;width:100vw;padding:var(--unit-4);background:var(--core-dark-roast);position:relative;z-index:100003}.mobile-nav-header .global-logo img{filter:brightness(0) invert(1);width:156px;height:auto}.mobile-nav-header .mobile-header-actions{gap:var(--unit-8)}.mobile-nav-close{background:none;border:none;color:var(--color-text-inverse);font-size:var(--font-size-2);text-transform:uppercase;cursor:pointer}.mobile-nav-header .mobile-cart-link{color:var(--color-text-inverse)}.mobile-nav{position:absolute;left:0;width:100vw;height:calc(100vh - 56px);display:flex;flex-direction:column;justify-content:flex-start;padding:var(--unit-4) 0 var(--unit-4);overflow-y:auto;transition:transform .3s cubic-bezier(.77,0,.175,1);color:var(--color-oat-milk)}.mobile-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--unit-4);padding:0 var(--unit-4);transition:opacity .3s}.mobile-nav-link,.mobile-nav-link:link,.mobile-nav-link:visited,.mobile-nav-link:active{font-size:var(--font-size-5);font-family:var(--font-serif);color:var(--color-text-inverse);text-decoration:none;background:none;border:none;text-align:left;width:100%;cursor:pointer}.mobile-nav-item.has-submenu .mobile-nav-link{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-inverse)}.mobile-nav-secondary-panel{position:absolute;top:56px;left:100vw;width:100vw;height:calc(100vh - 56px);background:var(--core-dark-roast);display:flex;flex-direction:column;padding:var(--unit-10) var(--unit-6) var(--unit-6) var(--unit-6);overflow-y:auto;transition:transform .3s cubic-bezier(.77,0,.175,1);z-index:100004;color:var(--color-text-inverse)}.mobile-nav-secondary-panel.active{transform:none!important;left:0!important;display:block!important}.mobile-nav-back{background:none;border:none;font-size:var(--font-size-4);color:var(--color-text-inverse);text-transform:uppercase;margin-bottom:var(--unit-8);cursor:pointer;text-align:left}.mobile-nav-secondary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--unit-2);padding:0 var(--unit-4);transition:opacity .3s}.mobile-nav-submenu{margin-top:var(--unit-6)}.mobile-nav-submenu-title{font-size:var(--font-size-2);color:var(--color-text-inverse);font-family:var(--font-default);margin-bottom:var(--unit-3);text-transform:uppercase}.mobile-nav-submenu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--unit-3);margin-bottom:var(--unit-9)}.mobile-nav-submenu-list li a,.mobile-nav-submenu-list li a:link,.mobile-nav-submenu-list li a:visited,.mobile-nav-submenu-list li a:active{font-size:var(--font-size-5);font-family:var(--font-serif);text-decoration:none;color:var(--color-text-inverse)}.mobile-nav-secondary{padding:0 var(--unit-4)}.mobile-nav-secondary ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--unit-3)}.mobile-nav-secondary .mobile-nav-link{font-size:var(--font-size-2);color:var(--color-text-inverse);font-family:var(--font-default)}.mobile-nav-description{font-size:var(--font-size-3);color:var(--color-text-inverse);font-family:var(--font-serif);padding:0 var(--unit-4);transition:opacity .3s}.mobile-nav-description p{font-size:var(--font-size-3)}@media (max-width: 1280px){.main-nav{grid-column:5/10}}@media (min-width: 1024px){.mobile-header-bar,.mobile-nav-toggle,.mobile-nav-overlay,.mobile-nav-secondary-panel{display:none!important}}.mobile-search-overlay{position:absolute;top:0;left:0;width:100vw;height:56px;display:flex;align-items:center;justify-content:center;z-index:100005;transition:opacity .3s}.mobile-search-row{display:flex;width:100%;align-items:center;gap:var(--unit-6);padding:0 var(--unit-4);height:60px;margin-bottom:var(--unit-6)}.mobile-search-row:has(.mobile-search-form.active){border-bottom:1px solid var(--core-oat-milk-30)}.mobile-search-form{width:100%;display:none;align-items:center;padding:0}.mobile-search-form.active{display:flex}.mobile-search-input{flex:1;height:60px;width:100%;border:none;background:transparent;color:var(--color-text-inverse);font-size:var(--font-size-3);outline:none;padding:0}.mobile-search-input::placeholder{color:var(--color-text-inverse);opacity:.7;text-transform:uppercase}.mobile-search-close{background:none;border:none;color:var(--color-text-inverse);font-size:var(--font-size-5);cursor:pointer;padding:0;height:60px;width:40px;display:flex;align-items:center;justify-content:center}.mobile-search-overlay.active{display:flex!important}.mobile-nav:has(.mobile-search-form.active) .mobile-nav-list,.mobile-nav:has(.mobile-search-form.active) .mobile-nav-secondary,.mobile-nav:has(.mobile-search-form.active) .mobile-nav-description{opacity:.3;pointer-events:none}.mobile-search-label{color:var(--color-text-inverse);font-size:var(--font-size-5);font-family:var(--font-serif);cursor:pointer;-webkit-user-select:none;user-select:none;height:60px;display:flex;align-items:center;justify-content:center}.dropdown-trigger{background:none;border:none;font-family:var(--font-default);font-size:var(--font-size-1);color:var(--color-text-primary);text-transform:uppercase;cursor:pointer;padding:0;margin:0;height:42px;display:flex;align-items:center;position:relative;overflow:visible;transition:color .3s ease-in-out}.dropdown-trigger:hover{color:var(--color-text-primary-hover)}#global-header.invert .dropdown-trigger{color:var(--color-text-inverse)}#global-header.invert .dropdown-trigger:hover{color:var(--color-text-inverse-hover)}.dropdown-trigger:after{content:"";position:absolute;bottom:8px;left:0;width:0;height:1px;background:var(--core-dark-roast);transition:width .3s cubic-bezier(.4,0,.2,1);transform-origin:left center;z-index:1}.dropdown-trigger:hover:after{width:100%}#global-header.invert .dropdown-trigger:after{background:var(--core-white)}
/*# sourceMappingURL=/cdn/shop/t/60/assets/global-header.css.map */