/* Symmetric desktop header and a modal side menu on smaller screens. */
.header-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 210px minmax(0,1fr) minmax(0,1fr)}
@media(min-width:901px) and (max-width:1200px){.header-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 180px minmax(0,1fr) minmax(0,1fr)}}
.mobile-drawer{display:none;position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,calc(100% - 20px));max-width:none;height:100vh;height:100dvh;max-height:none;padding:28px 28px max(26px,env(safe-area-inset-bottom));border:0;border-radius:26px 0 0 26px;background:#fbf8ef;color:var(--green);overflow-y:auto;overscroll-behavior:contain;box-shadow:-25px 0 90px #203c3230}
.mobile-drawer[open]{display:flex;flex-direction:column;animation:drawer-enter .4s cubic-bezier(.22,.68,0,1.01) both}.mobile-drawer.is-closing{animation:drawer-exit .22s ease both}.mobile-drawer::backdrop{background:#19342666;backdrop-filter:blur(7px);animation:veil-enter .3s ease both}.drawer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding-bottom:28px}.drawer-top>img{width:118px;height:92px;object-fit:contain}.drawer-close{display:grid;place-items:center;align-self:flex-start;width:48px;height:48px;flex:none;border:1px solid #29553b30;border-radius:15px;background:#eef1df;color:var(--green)}.drawer-close:hover{background:#e0e8c8}.drawer-links{display:flex;flex-direction:column;flex:none;margin:0 0 28px}.drawer-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:72px;padding:18px 0;border-top:1px solid #29553b24;font-size:29px;font-weight:500;letter-spacing:-1.1px;line-height:1.2}.drawer-links a:last-child{border-bottom:1px solid #29553b24}.drawer-links a>span{font-size:23px;color:#7f9673;flex:none}.drawer-links a:hover{color:#789370}.mobile-drawer[open] .drawer-links a{animation:menu-link-enter .5s var(--ease-out) both;animation-delay:.08s}.mobile-drawer[open] .drawer-links a:nth-child(2){animation-delay:.12s}.mobile-drawer[open] .drawer-links a:nth-child(3){animation-delay:.16s}.mobile-drawer[open] .drawer-links a:nth-child(4){animation-delay:.2s}.drawer-bottom{margin-top:auto;display:flex;flex-direction:column;gap:22px;flex:none}.drawer-note{display:flex;align-items:center;gap:17px}.drawer-note img{width:70px;height:70px;object-fit:cover;border-radius:18px}.drawer-note p{font-size:17px!important;line-height:1.45!important;margin:0!important;letter-spacing:-.3px}.drawer-bottom .button{width:100%;margin:0;font-size:12px;min-height:58px;justify-content:space-between}.drawer-phone{font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;min-height:44px}.hero-scroll,.back-top{min-width:44px;min-height:44px}.product-open{min-height:48px}
.drawer-top{position:sticky;top:0;z-index:2;background:var(--paper)}
@keyframes drawer-enter{from{transform:translateX(100%);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes drawer-exit{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:.5}}@keyframes veil-enter{from{opacity:0}to{opacity:1}}@keyframes menu-link-enter{from{opacity:0;translate:15px 0}to{opacity:1;translate:0 0}}
@media(max-width:900px){.header-inner{display:flex;height:124px;padding:10px 16px;justify-content:center;align-items:center}.header .brand{margin:0;padding:0;justify-content:center}.header .brand img{width:120px;height:94px}.header nav,.header nav.open{display:none}.header .menu{position:absolute;right:16px;top:calc(50% - 27px);display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:54px;padding:8px;gap:5px;color:var(--paper);background:var(--green);border-radius:15px;border:1px solid transparent}.header .menu:hover{background:#3f674b}.header .menu svg{display:block;flex:none}.header .menu .menu-label{display:block;background:transparent;color:inherit;font-size:9px;line-height:1.2;width:auto;height:auto;transform:none;letter-spacing:.2px}.header.is-scrolled .header-inner{height:102px;padding:10px 16px}.header.is-scrolled .brand img{width:100px;height:78px}.hero-inner{padding-top:190px}html{scroll-padding-top:132px}}
@media(max-width:760px){.header-inner{height:116px;padding:10px 12px}.header .brand img{width:110px;height:86px}.header .menu{right:12px}.header.is-scrolled .header-inner{height:94px;padding:10px 12px}.header.is-scrolled .brand img{width:90px;height:70px}.hero-inner{padding-top:170px}html{scroll-padding-top:122px}.ingredients-copy,.taste-grid>div,.story-copy,.partners-grid>div{min-width:0}}
@media(max-width:360px){.mobile-drawer{padding:22px 22px max(18px,env(safe-area-inset-bottom));width:calc(100% - 14px)}.drawer-top{padding-bottom:20px}.drawer-top>img{width:106px;height:83px}.drawer-links a{font-size:26px;min-height:64px;padding:16px 0}.drawer-links{margin-bottom:24px}.drawer-bottom{gap:16px}.drawer-note img{width:60px;height:60px}.drawer-note p{font-size:16px!important}}
@media(max-height:650px){.mobile-drawer{padding-top:18px;padding-bottom:18px}.drawer-top{padding-bottom:12px}.drawer-top>img{width:90px;height:70px}.drawer-links{margin-bottom:18px}.drawer-links a{min-height:54px;font-size:25px;padding:12px 0}.drawer-note{display:none}.drawer-bottom{gap:12px}}
@media(prefers-reduced-motion:reduce){.mobile-drawer[open],.mobile-drawer.is-closing,.mobile-drawer::backdrop,.mobile-drawer[open] .drawer-links a{animation:none}}