.mobile-page-nav{display:none}
@media screen and (max-width:767px){
.nav{display:none}
.mobile-page-nav{display:block;position:relative;z-index:20;padding:22px 18px 0;color:#191919;font-family:Arial,Helvetica,sans-serif;font-weight:700}
body.resume-mobile-page .mobile-page-nav{color:#faf8e9}
.mobile-menu{display:block}
.mobile-menu summary{display:flex;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer;list-style:none}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary:focus-visible,.mobile-menu nav a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}
.hamburger span{display:block;width:24px;height:2px;background:currentColor}
.mobile-menu nav{position:fixed;inset:0 auto 0 0;z-index:100;width:92vw;height:100dvh;overflow-y:auto;padding:0;background:#faf8e9;border-right:1px solid #191919;text-transform:uppercase;font-family:inherit;font-weight:700;font-size:clamp(8px,2.3vw,11px);line-height:1.5}
.mobile-menu nav a{display:flex;align-items:center;min-height:58px;padding:18px;border-bottom:1px solid #191919}
.mobile-menu-top{display:flex;justify-content:flex-end;align-items:center;min-height:76px;padding:12px;border-bottom:1px solid #191919}
.mobile-menu-close{position:relative;width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer}
.mobile-menu-close::before,.mobile-menu-close::after{content:"";position:absolute;top:21px;left:6px;width:32px;height:1.5px;background:currentColor;transform:rotate(45deg)}
.mobile-menu-close::after{transform:rotate(-45deg)}
.mobile-menu-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
body:has(.mobile-menu[open]){overflow:hidden}
.mobile-menu nav{color:#191919}
.mobile-menu nav a{color:inherit;text-decoration:none}
.mobile-menu nav a:hover{text-decoration:underline}
}

@media screen and (max-width:767px){
.mobile-menu nav .mobile-portfolio>summary{display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;min-height:58px;padding:18px;border-bottom:1px solid #191919;box-sizing:border-box;list-style:none;cursor:pointer;font:inherit;text-transform:inherit}
.mobile-menu nav .mobile-portfolio>summary::-webkit-details-marker{display:none}
.mobile-menu nav .mobile-portfolio>summary:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
.portfolio-chevron{width:7px;height:7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-right:4px}
.mobile-portfolio[open] .portfolio-chevron{transform:rotate(225deg)}
.mobile-menu nav .mobile-portfolio-links a{padding-left:36px;min-height:52px}
}