.mobile-menu-toggle{display:none}
.skip-story{position:absolute;z-index:4;right:4vw;bottom:60px;color:#254c36;font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
@media(max-width:700px){
 html{scroll-padding-top:84px}
 body:not(.page-home) main{padding-top:78px}
 header{position:fixed;top:0;left:0;right:0;width:100%;z-index:50;min-height:72px;padding:max(14px,env(safe-area-inset-top)) 5vw 12px;background:#f8f3e9f2;backdrop-filter:blur(14px);border-bottom:1px solid #29231b12}
 header .brand{position:relative;z-index:52}
 header .pure-brand-logo{width:94px!important;height:36px!important}
 .mobile-menu-toggle{display:grid;place-items:center;position:relative;z-index:52;width:44px;height:44px;margin-left:auto;padding:0;border:1px solid #254c3633;background:transparent;color:#254c36;border-radius:50%;font-size:0;backdrop-filter:none}
 .mobile-menu-toggle::before,.mobile-menu-toggle::after{content:"";position:absolute;width:18px;height:1.5px;background:currentColor;transition:transform .25s,top .25s;top:17px}
 .mobile-menu-toggle::after{top:25px}
 .mobile-menu-toggle[aria-expanded="true"]::before{top:21px;transform:rotate(45deg)}
 .mobile-menu-toggle[aria-expanded="true"]::after{top:21px;transform:rotate(-45deg)}
 header>nav[aria-label="Main navigation"]{position:fixed;z-index:51;inset:0;background:#f8f3e9;padding:calc(96px + env(safe-area-inset-top)) 7vw 32px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;transform:translateY(-105%);visibility:hidden;transition:transform .34s cubic-bezier(.22,.7,.2,1),visibility 0s .34s}
 header>nav[aria-label="Main navigation"].is-open{transform:translateY(0);visibility:visible;transition:transform .34s cubic-bezier(.22,.7,.2,1)}
 header>nav[aria-label="Main navigation"] a{display:flex;justify-content:space-between;align-items:center;min-height:58px;padding:6px 0;border-bottom:1px solid #29231b20;font:32px/1.1 Georgia,'Times New Roman',serif;text-decoration:none;color:#29231b}
 header>nav[aria-label="Main navigation"] a::after{content:"↗";font:16px Arial,sans-serif;color:#254c36}
 body.mobile-menu-open{overflow:hidden}
 body.mobile-menu-open header{height:100svh;align-items:flex-start;background:#f8f3e9}
 body.mobile-menu-open header>nav[aria-label="Main navigation"]{height:100svh}
 .bag-hover{position:relative;z-index:52;margin-left:0}
 .page-shop .mobile-menu-toggle{margin-left:auto}
 .page-shop header{gap:8px}
 .page-shop .cart-button{min-height:44px;padding:8px 13px}
 .skip-story{position:absolute;right:5vw;bottom:54px;font-size:14px}
 .page-home #story{height:320vh}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle::before,.mobile-menu-toggle::after,header>nav[aria-label="Main navigation"]{transition:none}.skip-story{display:none}}