.menu-toggle{display:none}
.site-menu{--menu-paper:#f6f3eb;--menu-ink:#1e2d25;position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--menu-ink);color:var(--menu-paper);overflow:auto;overflow-x:hidden;overscroll-behavior:contain;isolation:isolate}
.site-menu[open]{display:flex;flex-direction:column;animation:menu-enter .32s ease both}
.site-menu::backdrop{background:#1e2d25}
.site-menu.is-closing{animation:menu-exit .22s ease both}
body.menu-open{overflow:hidden}
.menu-top{display:flex;align-items:center;justify-content:space-between;min-height:92px;padding:0 6vw;flex:none}
.menu-top img{display:block;width:190px;height:auto;filter:brightness(0) invert(94%) sepia(9%) saturate(177%)}
.menu-close,.menu-toggle{align-items:center;justify-content:center;gap:16px;border:0;background:none;padding:10px 0 10px 12px;min-height:44px;font:12px var(--sans);letter-spacing:1.8px}
.menu-close{display:flex;color:var(--menu-paper)}
.menu-lines{position:relative;display:block;width:26px;height:20px}
.menu-lines i{position:absolute;left:0;top:6px;width:26px;height:1px;background:currentColor;transition:transform .25s ease,width .25s ease}
.menu-lines i+ i{top:13px;width:19px;right:0;left:auto}
.menu-toggle[aria-expanded=true] .menu-lines i{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-lines i+ i{width:26px;transform:translateY(-3.5px) rotate(-45deg)}
.menu-cross{position:relative;display:block;width:26px;height:24px}
.menu-cross::before,.menu-cross::after{content:"";position:absolute;top:11px;left:0;width:26px;height:1px;background:currentColor;transform:rotate(45deg);transition:transform .25s ease}
.menu-cross::after{transform:rotate(-45deg)}
.menu-content{width:100%;max-width:1000px;padding:clamp(28px,5vh,70px) 8vw;flex:1;display:flex;flex-direction:column;justify-content:center}
.menu-kicker{font:12px var(--sans);letter-spacing:2.5px;opacity:.5;margin:0 0 26px}
.site-menu nav{display:flex;flex-direction:column}
.site-menu nav>a,.site-menu nav>button{display:flex;align-items:center;gap:25px;width:100%;padding:15px 0;border:0;border-top:1px solid #f6f3eb26;background:none;color:inherit;text-align:left;font:clamp(42px,6.5vw,76px)/1.15 var(--serif);text-decoration:none;transition:color .25s ease}
.site-menu nav>:last-child{border-bottom:1px solid #f6f3eb26}
.site-menu .menu-number{align-self:center;font:12px var(--sans);letter-spacing:1px;opacity:.4;min-width:16px}
.site-menu .menu-arrow{margin-left:auto;font:25px var(--sans);opacity:.4;transition:transform .25s ease,opacity .25s ease}
.menu-foot{display:flex;justify-content:space-between;gap:22px;margin:0 6vw;padding:24px 0 30px;border-top:1px solid #f6f3eb26;font:12px/1.5 var(--sans);letter-spacing:1.3px;flex:none}
.menu-foot>span{opacity:.45}
.menu-foot a{color:inherit;text-decoration:none}
.menu-orbit{--orbit-size:70vw;--orbit-right:-32vw;position:absolute;z-index:-1;pointer-events:none;inset:0;width:100%;height:100%;overflow:hidden}
.menu-orbit::before,.menu-orbit::after{content:"";position:absolute;right:var(--orbit-right);top:12%;width:var(--orbit-size);aspect-ratio:1;border:1px solid #f6f3eb0c;border-radius:50%}
.menu-orbit::after{transform:scale(.76)}
.site-menu[open] .menu-content nav>*{animation:menu-item .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(80ms + var(--menu-i,0)*55ms)}
.site-menu nav>:nth-child(2){--menu-i:1}.site-menu nav>:nth-child(3){--menu-i:2}.site-menu nav>:nth-child(4){--menu-i:3}.site-menu nav>:nth-child(5){--menu-i:4}
.site-menu a:focus-visible,.site-menu button:focus-visible,.menu-toggle:focus-visible{outline:1px solid currentColor;outline-offset:6px}
@media(hover:hover){.site-menu nav>a:hover,.site-menu nav>button:hover{color:#d3b589}.site-menu nav>:hover .menu-arrow{opacity:1;transform:translate(3px,-3px)}.menu-toggle:hover .menu-lines i+ i{width:26px}.menu-foot a:hover{text-decoration:underline;text-underline-offset:5px}.menu-close:hover .menu-cross::before{transform:rotate(135deg)}.menu-close:hover .menu-cross::after{transform:rotate(45deg)}}
@media(max-width:1100px){.site-header{display:flex;height:92px;padding:0 6vw;align-items:center;justify-content:space-between}.site-header>nav,.site-header>.header-design{display:none}.site-header>.menu-toggle{display:flex}.site-header .flavours-logo{width:190px}}
@media(max-width:760px){.site-header{height:80px;padding:0 6vw}.site-header .flavours-logo{width:174px}.menu-top{min-height:80px}.menu-top img{width:174px}.menu-content{padding:30px 7vw 40px}.menu-kicker{margin-bottom:26px;font-size:12px}.site-menu nav>a,.site-menu nav>button{font-size:clamp(40px,11vw,62px);padding:18px 0;gap:16px}.menu-foot{flex-direction:column;gap:12px;padding-bottom:max(25px,env(safe-area-inset-bottom));font-size:12px}.menu-orbit{--orbit-size:110vw;--orbit-right:-75vw}}
@media(max-height:540px){.menu-content{padding-top:12px;padding-bottom:20px}.menu-kicker{margin-bottom:14px}.site-menu nav>a,.site-menu nav>button{font-size:32px;padding:9px 0}.menu-top{min-height:70px}.menu-foot{padding:14px 0;flex-direction:row}}
@keyframes menu-enter{from{opacity:0}to{opacity:1}}
@keyframes menu-exit{to{opacity:0}}
@keyframes menu-item{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-menu[open],.site-menu.is-closing,.site-menu[open] .menu-content nav>*{animation:none}.menu-lines i,.menu-cross::before,.menu-cross::after,.site-menu nav>a,.site-menu nav>button,.site-menu .menu-arrow{transition:none}}