.portfolio-section-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 1.5vw, 22px);
  width: min(var(--max), calc(100% - 32px));
  margin: 8px auto 0;
  color: var(--green);
  font-size: clamp(16px, 1.4vw, 20px);
  font-weight: 700;
  line-height: 1.4;
}
.portfolio-section-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  white-space: nowrap;
  text-decoration: none;
  text-underline-offset: 5px;
}
.portfolio-section-nav a:hover { text-decoration: underline; }
.portfolio-section-nav a:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; border-radius: 3px; }
.portfolio-section-nav > span { font-size: 24px; line-height: 1; }
#work, #landing-pages { scroll-margin-top: 120px; }
@media (max-width: 680px) {
  #work, #landing-pages { scroll-margin-top: 96px; }
}