body.menu-panel-open { overflow:hidden; }
.site-menu.site-menu-panel:not([open]) { display:none; }
.site-menu.site-menu-panel[open] {
  position:fixed; inset:0 0 0 auto; z-index:100; display:block;
  width:min(900px,62vw); height:100vh; height:100dvh; max-width:none; max-height:none;
  margin:0; padding:0; overflow:auto; overscroll-behavior:contain;
  border:0; border-radius:0; background:#F7F6F2; color:#1C211F;
  box-shadow:-20px 0 70px rgba(0,0,0,.2); opacity:1; visibility:visible; transform:none;
}
.site-menu.site-menu-panel::backdrop { background:rgba(15,18,15,.72); }
.menu-panel-top {
  position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between;
  min-height:76px; padding:16px clamp(24px,3vw,48px); background:#F7F6F2;
  font:11px 'DM Mono',monospace; letter-spacing:.08em;
}
.menu-panel-top b { color:#79500E; font-weight:500; }
.menu-panel-close { display:grid; place-items:center; padding:0; border:0; background:transparent; color:#1C211F; cursor:pointer; }
.menu-close-icon { display:none; }
.menu-panel-grid { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); min-height:calc(100dvh - 76px); }
.menu-panel-profile { display:flex; align-items:flex-start; gap:17px; padding:clamp(24px,3vw,46px) 24px; border-right:1px solid #D8DAD4; text-align:left; }
.menu-panel-profile img { display:block; flex:0 0 88px; width:88px; height:88px; border-radius:50%; object-fit:cover; }
.menu-panel-name { margin:0; color:#1C211F; font:700 clamp(16px,1.45vw,20px)/1.25 Manrope,Arial,sans-serif; letter-spacing:-.035em; text-transform:none; }
.menu-panel-fullname { margin:3px 0 11px; color:#565a50; font:500 13px/1.35 Manrope,Arial,sans-serif; }
.menu-panel-bio { max-width:250px; margin:0; color:#72746e; font:500 13px/1.45 Manrope,Arial,sans-serif; letter-spacing:0; }
.menu-panel-content { display:flex; flex-direction:column; min-width:0; padding:clamp(16px,2.5vw,40px); }
.site-menu.site-menu-panel .menu-panel-nav { display:grid; gap:8px; }
.site-menu.site-menu-panel .menu-panel-nav a { display:flex; align-items:center; min-height:52px; padding:8px 14px; border:1px solid #D8DAD4; border-radius:14px; background:#FFFFFF; color:#1C211F; font:700 clamp(15px,1.35vw,19px)/1.3 Manrope,Arial,sans-serif; letter-spacing:-.025em; text-decoration:none; text-transform:none; }
.site-menu.site-menu-panel .menu-panel-nav a:hover { border-color:#A4A9A3; background:#F3EFE6; color:#1C211F; }
.site-menu.site-menu-panel .menu-panel-nav a[aria-current] { border-color:#C5902B; background:#F0B84A; color:#1C211F; }
.site-menu.site-menu-panel a span { color:inherit; }
.menu-link-main { display:flex; align-items:center; gap:17px; min-width:0; }
.menu-panel-nav svg,.menu-panel-social svg,.menu-panel-contact svg { flex:0 0 20px; width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.menu-panel-social { margin-top:clamp(25px,3vw,42px); }
.menu-panel-social p { margin:0 0 12px; color:#777a71; font:11px 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; }
.menu-panel-social>div { display:grid; gap:7px; }
.site-menu.site-menu-panel .menu-panel-social a { display:flex; align-items:center; gap:12px; min-height:42px; padding:7px 12px; border:1px solid #D8DAD4; border-radius:12px; background:#FFFFFF; color:#505650; font:600 13px/1.3 Manrope,Arial,sans-serif; text-decoration:none; text-transform:none; }
.site-menu.site-menu-panel .menu-panel-social a:hover { background:#F3EFE6; color:#1C211F; }
.site-menu.site-menu-panel .menu-panel-contact { display:flex; align-items:center; justify-content:center; gap:10px; min-height:45px; margin-top:13px; padding:8px 12px; border:1px solid #C5902B; border-radius:12px; background:#FFFFFF; color:#1C211F; font:700 13px/1.3 Manrope,Arial,sans-serif; text-decoration:none; text-transform:none; }
.site-menu.site-menu-panel .menu-panel-contact:hover { background:#F7F3E8; }
.menu-panel-note { display:block; max-width:440px; margin:22px 0 8px; color:#81837b; font:10px/1.5 Manrope,Arial,sans-serif; }
.site-menu.site-menu-panel :is(a,button):focus-visible { outline:2px solid #79500E; outline-offset:3px; }
@media(max-width:760px) {
  .site-menu.site-menu-panel[open] { inset:0 auto 0 0; width:min(480px,86vw); max-width:86vw; box-shadow:12px 0 60px rgba(0,0,0,.2); }
  .menu-panel-top { position:absolute; top:0; right:0; min-height:0; justify-content:flex-end; padding:12px 16px; background:transparent; }
  .menu-panel-top>span,.menu-close-label { display:none; }
  .menu-panel-grid { display:block; min-height:100dvh; }
  .menu-panel-profile { gap:13px; padding:12px 18px 18px; border:0; }
  .menu-panel-profile img { flex-basis:76px; width:76px; height:76px; }
  .menu-panel-name { font-size:18px; }
  .menu-panel-fullname { margin-bottom:7px; font-size:12px; }
  .menu-panel-bio { font-size:12px; }
  .menu-panel-content { padding:0 18px 28px; }
  .site-menu.site-menu-panel .menu-panel-nav a { min-height:48px; padding:8px 12px; font-size:15px; }
  .menu-panel-social { margin-top:25px; padding:0; }
  .site-menu.site-menu-panel .menu-panel-social a { min-height:42px; }
  .menu-panel-note { margin:19px 0 4px; font-size:10px; }
}
@media(max-width:380px) {
  .menu-panel-profile { padding-bottom:20px; }
  .menu-panel-profile img { flex-basis:62px; width:62px; height:62px; }
  .menu-panel-name { font-size:16px; }
  .menu-panel-bio { font-size:12px; }
  .site-menu.site-menu-panel .menu-panel-nav a { min-height:44px; font-size:14px; }
}