.site-header .brand{gap:13px;min-width:0}.site-header .brand img{width:52px;height:52px;flex:none}.site-header .nav-search-mobile{display:none}.vinegar-story{position:relative}.section-anchor{position:absolute;inset:0 auto auto 0;scroll-margin-top:100px}.site-header .brand span{display:block;font-size:15px;font-weight:500;line-height:.92;letter-spacing:.14em;white-space:nowrap}.site-header .main-nav a,.site-header .header-actions a,.site-header .menu-toggle{font-size:15px;font-weight:500;line-height:1.4}@media(max-width:1080px){.site-header{gap:12px;height:70px;padding:0 18px}.site-header .brand{gap:8px;flex:1 1 auto}.site-header .brand img{width:40px;height:40px}.site-header .brand span{font-size:13px;line-height:1.2;letter-spacing:.07em;white-space:normal;text-wrap:balance}.site-header .header-actions{flex:0 0 auto;gap:10px}.site-header .header-actions>a:not(.cart-link){display:none}.site-header .menu-toggle{display:block}.site-header .cart-link,.site-header .menu-toggle{min-height:48px;min-width:48px}.site-header .cart-link{display:inline-flex;align-items:center}.site-header .nav-search-mobile{display:flex}.site-header .main-nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:12px 22px 22px;transform:translateY(-125%);opacity:0;visibility:hidden;pointer-events:none;z-index:-1;transition:transform .25s,opacity .25s,visibility 0s linear .25s;max-height:calc(100dvh - 110px);overflow-y:auto}.site-header .main-nav.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.site-header .nav-dropdown{display:flex;flex-direction:column;align-items:stretch}.site-header .nav-dropdown-panel{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;margin-top:0;padding:0 0 6px 18px}.site-header .main-nav a{font-size:17px;line-height:1.45;min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.site-header .header-actions a,.site-header .menu-toggle{font-size:14px}}@media(max-width:360px){.site-header{padding-right:12px;padding-left:12px}.site-header .brand{gap:7px}.site-header .brand img{width:36px;height:36px}.site-header .brand span{font-size:12px;letter-spacing:.07em}.site-header .header-actions{gap:8px}.site-header .header-actions a,.site-header .menu-toggle{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/brand-identity.css.map */