/* Shared navigation only; no gallery or editorial typography rules. */
.portfolio-top,.portfolio-bottom{font-family:Arial,'Malgun Gothic',sans-serif;font-size:13px;line-height:1.6;letter-spacing:0;color:inherit}
.portfolio-top{height:64px;display:flex;align-items:center;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid #7c857a55}
.portfolio-top>a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;padding:6px 0;color:inherit}
/* DYNAFIT's existing masthead is absolute over its Hero; preserve that relationship. */
.portfolio-top--hero-overlay + .mast{top:64px}
.portfolio-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,48px);padding:clamp(32px,5vw,72px) clamp(20px,6vw,90px);border-top:1px solid #7c857a55;margin:0 auto;max-width:1680px}
.portfolio-bottom>a{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:10px 0;text-decoration:none;color:inherit;min-width:0;overflow-wrap:anywhere}
.portfolio-bottom .portfolio-label{font-size:11px;letter-spacing:.04em}
.portfolio-bottom .portfolio-project-name{display:block;font-size:14px;line-height:1.6;margin-top:8px}
.portfolio-bottom .portfolio-previous{grid-column:1;text-align:left}
.portfolio-bottom .portfolio-index{grid-column:2;text-align:center}
.portfolio-bottom .portfolio-next{grid-column:3;text-align:right}
.portfolio-top>a:hover,.portfolio-bottom>a:hover{text-decoration:underline;text-underline-offset:5px}
.portfolio-top>a:focus-visible,.portfolio-bottom>a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:700px){.portfolio-bottom{grid-template-columns:minmax(0,1fr);gap:12px}.portfolio-bottom>a.portfolio-previous,.portfolio-bottom>a.portfolio-index,.portfolio-bottom>a.portfolio-next{grid-column:1;text-align:left;min-height:64px}.portfolio-top{font-size:12px}.portfolio-bottom .portfolio-project-name{font-size:14px}}