section.projectsarchive .button-wrap.hide {
  display: none;
}

.projects-filter {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.projects-filter .filter-link {
  position: relative;
  font: var(--h1-font);
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  color: var(--color-text);
  margin-right: 1.25rem;
}
.projects-filter .filter-link.active {
  opacity: 1;
}
.projects-filter .filter-link:hover {
  opacity: 1;
  color: var(--color-text);
}
.projects-filter .filter-link .count {
  position: absolute;
  font: var(--eyebrow-font);
}

.output-grid.loading {
  opacity: 0.5;
  -webkit-filter: saturate(0.85);
          filter: saturate(0.85);
  -webkit-transition: opacity 0.25s ease, -webkit-filter 0.25s ease;
  transition: opacity 0.25s ease, -webkit-filter 0.25s ease;
  transition: opacity 0.25s ease, filter 0.25s ease;
  transition: opacity 0.25s ease, filter 0.25s ease, -webkit-filter 0.25s ease;
}