.mobile-menu-intro,.main-nav .mobile-menu-book,.mobile-menu-backdrop{display:none}
@media(max-width:850px){
 body.mobile-menu-open{overflow:hidden}
 .mobile-menu-open .site-header{position:fixed;background:#20352c;border-bottom:1px solid #ffffff1f}
 .site-header .brand,.site-header .menu-toggle{position:relative;z-index:3}
 .menu-toggle{width:44px;height:44px;padding:10px;border:1px solid #ffffff50;border-radius:50%;background:#ffffff0c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;cursor:pointer}
 .menu-toggle span{width:20px;height:1.5px;margin:0;border-radius:2px;transition:transform .25s,opacity .2s}
 .menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
 .site-header .main-nav{display:flex;position:fixed;z-index:2;inset:90px 16px 16px auto;width:min(380px,calc(100% - 32px));max-height:calc(100dvh - 106px);padding:24px;gap:0;align-items:stretch;border:1px solid #e3ddcf;border-radius:16px;background:#fffdf7;color:#20352c;box-shadow:0 20px 60px #0a1c2540;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .23s,transform .23s,visibility .23s}
 .site-header .main-nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
 .mobile-menu-intro{display:block;padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid #e4ddce}
 .mobile-menu-intro>span{font-size:9px;font-weight:600;letter-spacing:.2em;color:#92703e}
 .mobile-menu-intro p{font:500 29px/1.15 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;margin:8px 0 0;color:#20352c}
 .site-header .main-nav>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:12px;border:0;border-radius:7px;font-size:11px;line-height:1.5;letter-spacing:.09em;color:#354a3d;transition:background .2s,color .2s}
 .site-header .main-nav>a::after{content:'↗';position:static;background:none;width:auto;height:auto;inset:auto;font-size:16px;font-weight:400;color:#a17b43}
 .site-header .main-nav>a:hover{background:#f1ede3;color:#20352c}
 .site-header .main-nav>a.active{background:#ebe5d7;color:#6f512b;font-weight:700}
 .site-header .main-nav .mobile-menu-book{display:flex;min-height:50px;margin-top:18px;padding:14px 18px;background:#a17b43;border-radius:7px;color:#fff;letter-spacing:.025em;font-size:12px}
 .site-header .main-nav .mobile-menu-book:hover{background:#896534}
 .site-header .main-nav .mobile-menu-book::after{display:none}
 .mobile-menu-book span{font-size:20px}
 .mobile-menu-backdrop:not([hidden]){display:block;position:fixed;z-index:1;inset:78px 0 0;width:100%;height:calc(100dvh - 78px);padding:0;border:0;background:#13251e99;backdrop-filter:blur(4px);cursor:default}
 .mobile-menu-open .back-top{visibility:hidden}
}
@media(max-width:360px){.site-header .main-nav{padding:20px}.brand .brand-logo{width:185px}}
@media(prefers-reduced-motion:reduce){.site-header .main-nav,.menu-toggle span{transition:none}}