/* menu.css */
.menu-scrim{position:fixed;inset:0;z-index:50;background:rgba(8,8,8,.42);opacity:0;visibility:hidden;
  transition:opacity var(--t-base) var(--ease-out),visibility 0s linear var(--t-base)}
body.menu-open .menu-scrim{opacity:1;visibility:visible;transition-delay:0s}
.site-menu{position:fixed;z-index:60;top:16px;right:16px;width:min(360px,calc(100vw - 32px));
  background:var(--menu-bg);color:var(--menu-fg);border-radius:22px;box-shadow:var(--menu-shadow);padding:30px 30px 24px;
  transform-origin:top right;transform:scale(.9) translateY(-8px);opacity:0;visibility:hidden;
  transition:transform 420ms var(--ease-spring),opacity 260ms var(--ease-out),visibility 0s linear 420ms}
body.menu-open .site-menu{transform:scale(1) translateY(0);opacity:1;visibility:visible;transition-delay:0s}
@media (max-width:560px){.site-menu{top:50%;right:50%;transform-origin:center;transform:translate(50%,-50%) scale(.92);width:min(400px,calc(100vw - 28px))}
  body.menu-open .site-menu{transform:translate(50%,-50%) scale(1)}}
.site-menu__list{list-style:none;margin:0;padding:0}
.site-menu__list li{transform:translateY(10px);opacity:0;transition:transform 420ms var(--ease-spring),opacity 300ms var(--ease-out)}
body.menu-open .site-menu__list li{transform:none;opacity:1}
body.menu-open .site-menu__list li:nth-child(1){transition-delay:90ms}
body.menu-open .site-menu__list li:nth-child(2){transition-delay:140ms}
body.menu-open .site-menu__list li:nth-child(3){transition-delay:190ms}
body.menu-open .site-menu__list li:nth-child(4){transition-delay:240ms}
.site-menu__list a{display:block;width:max-content;padding:8px 0;font-family:var(--font-display);font-weight:700;
  font-size:clamp(2rem,5.4vw,2.5rem);line-height:1.16;letter-spacing:-.03em;color:var(--menu-fg-dim);
  transition:color var(--t-base) var(--ease-out),transform 220ms var(--ease-spring)}
@media (hover:hover) and (pointer:fine){.site-menu__list a:hover{color:var(--menu-fg);transform:translateX(6px)}}
.site-menu__list a[aria-current="page"]{color:var(--menu-fg)}
.site-menu__list a:focus-visible{color:var(--menu-fg);outline:2px solid var(--menu-fg);outline-offset:4px}
.site-menu__foot{margin-top:26px;padding-top:20px;border-top:1px solid var(--menu-line);display:flex;align-items:center;
  justify-content:space-between;gap:16px;transform:translateY(10px);opacity:0;
  transition:transform 420ms var(--ease-spring),opacity 300ms var(--ease-out)}
body.menu-open .site-menu__foot{transform:none;opacity:1;transition-delay:300ms}
.site-menu__foot .mail{font-size:13px;color:var(--menu-fg-dim);transition:color var(--t-base) var(--ease-out)}
@media (hover:hover) and (pointer:fine){.site-menu__foot .mail:hover{color:var(--menu-fg)}}
.site-menu__foot .social{display:inline-flex;gap:6px}
.site-menu__foot .social a{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:var(--menu-fg-dim);
  transition:color var(--t-base) var(--ease-out),background var(--t-base) var(--ease-out)}
.site-menu__foot .social svg{width:19px;height:19px;display:block}
@media (hover:hover) and (pointer:fine){.site-menu__foot .social a:hover{color:var(--menu-fg);background:rgba(255,255,255,.06)}}