.header{height:88px;min-height:0;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:normal;gap:16px;padding:0 4%}
.header .header-tools{margin:0 0 0 auto;gap:4px;flex-shrink:0}
.header .icon-button{display:grid;place-items:center;width:44px;height:44px;padding:10px;color:#eee8df}
.header .icon-button:hover{color:#f2a35d}
.header .icon-button:focus-visible,.site-menu a:focus-visible,.menu-close:focus-visible{outline:2px solid #f2a35d;outline-offset:4px}
.header .menu-trigger svg{width:24px;height:24px;stroke-width:1.5}
dialog.site-menu{position:fixed;inset:0 0 0 auto;width:min(460px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:28px 34px 26px;border:0;border-left:1px solid #594335;border-radius:0;background:#101013;color:#f2eee8;overflow-y:auto;box-sizing:border-box}
.site-menu::backdrop{background:#0009;backdrop-filter:blur(4px)}
.site-menu[open]{display:flex;flex-direction:column;animation:menu-enter .24s ease-out}
.menu-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #493b31;padding-bottom:20px;margin-bottom:18px}
.menu-title{font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:.22em;color:#d3a67f;margin:0}
.menu-close{width:44px;height:44px;display:grid;place-items:center;color:#f2eee8;background:transparent;padding:10px}
.menu-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.3}
.site-menu-nav{display:flex;flex-direction:column}
.site-menu-nav a{display:grid;grid-template-columns:28px 1fr 18px;align-items:center;gap:12px;min-height:76px;border-bottom:1px solid #39322e;text-decoration:none;color:inherit;font-size:20px;font-weight:600}
.site-menu-nav a>small{font:400 10px/1 'DM Sans',sans-serif;color:#b28a68}
.site-menu-nav a>span:last-child{font-size:19px;color:#cba17d;font-weight:400}
.site-menu-nav a:hover{color:#f2a35d}
.menu-foot{margin:auto 0 0;padding-top:34px;font:400 9px/1.8 'DM Sans',sans-serif;letter-spacing:.15em;color:#9b8878}
@keyframes menu-enter{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.header{height:72px;padding:0 5%;gap:12px}.header .brand-art{width:min(230px,calc(100vw - 140px))}.header .header-tools{margin:0;gap:0}.site-menu-nav a{font-size:19px;min-height:72px}dialog.site-menu{padding:20px 26px 24px}.menu-top{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){.site-menu[open]{animation:none}.site-menu::backdrop{backdrop-filter:none}}