.nav-menu-toggle{display:none}
@media(max-width:767px){
 body header .nav:has(.nav-menu-toggle){position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:16px 0;z-index:40}
 body header .nav .nav-menu-toggle{display:grid;place-items:center;margin-left:auto;flex:0 0 44px;width:44px;height:44px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;cursor:pointer}
 .nav-menu-toggle svg{width:21px;height:21px}
 .nav-menu-toggle svg path{transition:d .25s ease}
 body header .nav .links#mobile-navigation{position:absolute;top:calc(100% - 4px);right:0;display:flex;flex-direction:column;align-items:stretch;width:min(300px,100%);gap:0;margin:0;padding:12px 18px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 32px #11182714;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .24s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility .28s}
 body header .nav.menu-open .links#mobile-navigation{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
 body header .nav .links#mobile-navigation>a,body header .nav .links#mobile-navigation .nav-email,body header .nav .links#mobile-navigation .nav-resume-pending{display:block;width:100%;padding:12px 8px;text-align:left;font:500 16px/1.4 Geist,Arial,sans-serif;border-radius:6px}
 body header .nav .links#mobile-navigation>a:hover,body header .nav .links#mobile-navigation .nav-email:hover{background:#fff0ea;text-decoration:none}
 body header .nav .links#mobile-navigation .nav-divider{width:100%;height:1px;border-radius:0;background:#e5e7eb;margin:8px 0}
 .nav-menu-toggle:focus-visible{outline:2px solid #ff5d22;outline-offset:4px}
}
@media(prefers-reduced-motion:reduce){body header .nav .links#mobile-navigation,.nav-menu-toggle svg path{transition:none}}

/* Mobile navigation overlays the header and page, with the close button above it. */
@media(max-width:767px){
 body>header:has(.nav-menu-toggle){z-index:10000!important;overflow:visible!important}
 body header .nav .links#mobile-navigation{position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;overflow-y:auto;padding:88px 24px 32px;border:0;border-radius:0;box-shadow:none;z-index:100;transform:translateY(-16px);justify-content:flex-start}
 body header .nav.menu-open .links#mobile-navigation{transform:translateY(0)}
 body header .nav.menu-open .nav-menu-toggle{position:fixed;top:16px;right:20px;z-index:101}
 body header .nav .links#mobile-navigation>a,body header .nav .links#mobile-navigation .nav-email,body header .nav .links#mobile-navigation .nav-resume-pending{padding:16px 12px;min-height:52px}
 body.mobile-menu-open{overflow:hidden}
}