.portfolio-page nav a[aria-current="page"] { color: var(--c-accent); }

.portfolio .works__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2.5vw, 32px);
}

.portfolio .works__item { border-radius: 8px; cursor: zoom-in; }
.portfolio .works__item:focus-visible {
  outline: 3px solid var(--c-accent);
  outline-offset: 4px;
}

@media (max-width: 1023.98px) {
  .portfolio .works__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 679.98px) {
  .portfolio .works__grid { grid-template-columns: minmax(0, 1fr); }
}