*,:before,:after{box-sizing:border-box}body{margin:0}nav.portfolio-nav{grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(16px,4%,40px);display:grid}nav.portfolio-nav .nav-links{gap:clamp(14px,2.5vw,32px);margin:0;padding:0;list-style:none;display:flex}nav.portfolio-nav .nav-right{justify-content:flex-end;display:flex}@media (width<=768px){nav.portfolio-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:24px;padding:0 16px;display:flex;overflow-x:auto}nav.portfolio-nav::-webkit-scrollbar{display:none}nav.portfolio-nav>*{flex-shrink:0}nav.portfolio-nav .nav-links{gap:20px}nav.portfolio-nav .nav-right{margin-left:auto}}