.site-navigation{z-index:1000;color:#242321;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--motion-state:.22s;--ease-out-quint:cubic-bezier(.22,1,.36,1);font-family:Noto Serif SC,Songti SC,STSong,SimSun,serif;position:fixed;inset:0}.site-navigation *{box-sizing:border-box}.site-navigation button{font:inherit;-webkit-tap-highlight-color:transparent}.site-navigation svg{flex-shrink:0}.icon-button{color:#151515;cursor:pointer;background:0 0;border:0}.menu-button{place-items:center;width:42px;height:42px;padding:0;display:grid}.menu-scrim{z-index:8;cursor:pointer;width:100%;animation:menu-scrim-enter var(--motion-state) ease both;background:#1e1c187a;border:0;position:absolute;inset:0}.menu-panel{z-index:9;width:min(76%,420px);min-height:100%;padding:max(48px, env(safe-area-inset-top)) 27px max(26px, env(safe-area-inset-bottom));box-shadow:none;animation:menu-sheet-enter .36s var(--ease-out-quint) both;background:#fcfaf5;border:0;border-left:1px solid #b28b5175;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.menu-close{top:max(25px, env(safe-area-inset-top));color:#443d33;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;right:17px}.menu-kicker{color:#a26d2f;letter-spacing:.22em;margin:26px 0 7px;font-size:10px}.menu-panel h2{color:#2e2b27;letter-spacing:.065em;margin:0 0 34px;font-size:clamp(23px,6.5vw,30px);font-weight:500;line-height:1.35}.menu-group{border-top:1px solid #9c71397a;margin:0;padding:22px 0 17px}.menu-group>p{color:#a16a2c;letter-spacing:.19em;margin:0 0 10px;font-size:10px}.menu-group button{color:#312e29;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:57px;padding:8px 0;display:grid}.menu-group button+button{margin-top:3px}.menu-group button span{gap:4px;min-width:0;display:grid}.menu-group button strong{letter-spacing:.045em;font-size:16px;font-weight:500}.menu-group button small{color:#7f776d;font-size:10px;line-height:1.45}.menu-group button svg{color:#a66d2e;transition:transform var(--motion-state) var(--ease-out-quint)}.menu-shelf{color:#5f574b;cursor:pointer;letter-spacing:.08em;text-align:left;background:0 0;border:0;border-top:1px solid #9c713959;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin-top:auto;padding:21px 0 3px;font-size:12px;display:flex}.menu-shelf span{color:#8a806f;letter-spacing:.04em;font-size:9px}@media (hover:hover) and (pointer:fine){.menu-group button:hover svg{transform:translate(3px)}.menu-group button:hover strong,.menu-shelf:hover{color:#82521e}}#waterdrop-demo .site-menu-trigger{width:42px;min-width:42px;height:42px;min-height:42px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#151515;background:0 0;border:0;border-radius:0}@keyframes menu-scrim-enter{0%{opacity:0}to{opacity:1}}@keyframes menu-sheet-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.site-navigation,.site-navigation *{transition:none!important;animation:none!important}}