.navigation-is-open{overflow:hidden}.header-tools .mobile-menu{display:block}.mobile-menu>summary{display:flex;align-items:center;gap:13px;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--navy);cursor:pointer;transition:color .25s,background-color .25s,border-color .25s,transform .3s cubic-bezier(.22,1,.36,1)}.menu-label{font-size:13px;letter-spacing:.035em}.menu-glyph{display:grid;align-content:center;width:22px;height:22px}.menu-glyph i{display:block;width:22px;height:1px;margin:3px 0;background:currentColor;transform-origin:center;transition:transform .4s cubic-bezier(.22,1,.36,1),width .3s cubic-bezier(.22,1,.36,1)}.mobile-menu>summary[aria-expanded=true]{background:var(--navy);border-color:var(--navy);color:var(--paper)}.mobile-menu>summary[aria-expanded=true] .menu-glyph i:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-menu>summary[aria-expanded=true] .menu-glyph i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.navigation-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--line);background:var(--paper);color:var(--navy);overflow:hidden;isolation:isolate}.navigation-panel::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#023c7f05 1px,transparent 1px),linear-gradient(#023c7f05 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent 68%)}.navigation-panel[open]{display:flex;flex-direction:column;animation:navigation-panel-in .46s cubic-bezier(.22,1,.36,1)}.navigation-panel::backdrop{background:#15233760;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:navigation-backdrop-in .35s ease-out}.navigation-panel.is-closing{animation:navigation-panel-out .28s ease-in forwards}.navigation-panel.is-closing::backdrop{animation:navigation-backdrop-out .28s ease-in forwards}.navigation-heading{display:flex;align-items:center;justify-content:space-between;min-height:86px;padding:20px 28px;border-bottom:1px solid var(--line);font:clamp(24px,4vw,31px)/1 var(--serif);letter-spacing:-.035em}.navigation-heading>span::after{content:'';display:inline-block;width:34px;height:1px;margin:0 0 7px 13px;background:currentColor;transform-origin:left;animation:navigation-rule .6s .18s cubic-bezier(.22,1,.36,1) both}.navigation-close{position:relative;width:46px;height:46px;padding:0;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--paper) 80%,transparent);color:inherit;cursor:pointer;transition:background-color .25s,transform .45s cubic-bezier(.22,1,.36,1)}.navigation-close span{position:absolute;left:12px;top:22px;width:20px;height:1px;background:currentColor;transform:rotate(45deg)}.navigation-close span:last-child{transform:rotate(-45deg)}.navigation-panel nav{counter-reset:menu-item;display:flex;flex:1;flex-direction:column;padding:18px 28px 32px;overflow:auto;overscroll-behavior:contain}.navigation-panel nav a{counter-increment:menu-item;position:relative;display:grid;grid-template-columns:32px 1fr auto;align-items:center;min-height:82px;padding:8px 4px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;font:clamp(29px,6vw,45px)/1.05 var(--serif);letter-spacing:-.045em;transition:padding-left .42s cubic-bezier(.22,1,.36,1),color .25s,background-color .25s;animation:navigation-link-in .55s cubic-bezier(.22,1,.36,1) both}.navigation-panel nav a::before{content:counter(menu-item,decimal-leading-zero);align-self:start;padding-top:15px;font:10px/1 var(--body);letter-spacing:.08em;opacity:.5}.navigation-panel nav a::after{content:'↗';font:21px/1 var(--body);opacity:.42;transform:rotate(-20deg);transition:opacity .25s,transform .45s cubic-bezier(.22,1,.36,1)}.navigation-panel nav a:nth-child(2){animation-delay:45ms}.navigation-panel nav a:nth-child(3){animation-delay:90ms}.navigation-panel nav a:nth-child(4){animation-delay:135ms}.navigation-panel nav a:nth-child(5){animation-delay:180ms}.navigation-panel nav a:nth-child(n+6){animation-delay:225ms}.navigation-panel nav a.sub-link{min-height:54px;padding-left:32px;font:17px/1.3 var(--body);letter-spacing:0}.navigation-panel nav a[aria-current=page]{color:var(--red)}.navigation-panel nav a[aria-current=page]::after{opacity:1}.drawer-content{overflow:hidden}[data-cart-content]{height:100%;min-height:0}.drawer-items{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.drawer-bottom{flex-shrink:0;border-top:2px solid var(--navy)}.drawer-empty{flex:1;min-height:0}.drawer-quantity button{transition:background .18s,transform .18s}.drawer-quantity button:active{transform:scale(.88)}.drawer-checkout{transition:background .2s,transform .2s}.drawer-checkout:active{transform:scale(.985)}
@keyframes navigation-panel-in{from{opacity:.65;transform:translateX(100%)}to{opacity:1;transform:none}}@keyframes navigation-panel-out{to{opacity:.5;transform:translateX(100%)}}@keyframes navigation-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes navigation-backdrop-out{to{opacity:0}}@keyframes navigation-link-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@keyframes navigation-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.mobile-menu>summary:hover{background:#023c7f08;border-color:var(--ink-20,#023c7f33);transform:translateY(-1px)}.mobile-menu>summary:hover .menu-glyph i:first-child{width:15px}.mobile-menu>summary:hover .menu-glyph i:last-child{width:22px}.mobile-menu>summary[aria-expanded=true]:hover{background:var(--navy);color:var(--paper)}.navigation-close:hover{background:#e8e4dd;transform:rotate(90deg)}.navigation-panel nav a:hover{padding-left:14px;background:#023c7f05}.navigation-panel nav a:hover::after{opacity:1;transform:none}}
@media(max-width:749px){.menu-label{display:none}.mobile-menu>summary{width:44px;padding:0;justify-content:center}.navigation-heading{min-height:74px;padding:15px 20px}.navigation-panel nav{padding:12px 20px 24px}.navigation-panel nav a{min-height:72px;font-size:32px}.navigation-panel nav a::before{padding-top:11px}}
@media(prefers-reduced-motion:reduce){.navigation-panel,.navigation-panel::backdrop,.navigation-panel nav a,.navigation-heading>span::after,.navigation-close,.mobile-menu>summary,.menu-glyph i{animation:none!important;transition:none!important}.navigation-close:hover,.mobile-menu>summary:hover,.navigation-panel nav a:hover{transform:none}.navigation-panel nav a:hover{padding-left:4px}}