/* Shared navigation for every portfolio page. */
.portfolio-menu{position:relative;z-index:20;box-sizing:border-box;width:min(1280px,calc(100% - 112px));min-height:100px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dededb;color:#191a1e;font-family:'DM Sans',Arial,sans-serif;font-size:16px}
.portfolio-menu a{color:inherit;text-decoration:none;line-height:1.5}
.portfolio-brand{font-weight:700;letter-spacing:-.03em;white-space:nowrap}
.portfolio-menu nav{display:flex;align-items:center;gap:24px}
.portfolio-menu nav>a,.portfolio-menu summary{padding:12px 0;cursor:pointer}
.portfolio-menu a:hover,.portfolio-menu summary:hover,.portfolio-menu [aria-current="page"]{color:#2c4bff}
.portfolio-menu [aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.portfolio-menu a:focus-visible,.portfolio-menu summary:focus-visible{outline:3px solid #2c4bff;outline-offset:4px}
.portfolio-projects{position:relative}
.portfolio-project-links{position:absolute;right:0;top:100%;width:min(340px,calc(100vw - 36px));max-height:65vh;overflow-y:auto;padding:8px;background:#fafaf8;border:1px solid #dededb;border-radius:8px;box-shadow:0 12px 32px #191a1e18}
.portfolio-project-links a{display:block;padding:12px;border-radius:4px;font-size:16px}
.portfolio-project-links a:hover{background:#eeeef4}
@media(max-width:800px){.portfolio-menu{width:calc(100% - 48px);min-height:88px}}
@media(max-width:560px){.portfolio-menu{width:calc(100% - 36px);flex-wrap:wrap;gap:4px;padding-block:16px}.portfolio-brand{width:100%}.portfolio-menu nav{width:100%;justify-content:space-between;gap:16px}.portfolio-project-links{width:min(340px,calc(100vw - 36px))}}