.project-controls {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid var(--line);
  padding-top:26px;
  margin-bottom:40px
}
.filters {
  display:flex;
  flex-wrap:wrap;
  gap:9px
}
.filter-btn {
  font-size:13px;
  border:1px solid var(--line);
  padding:9px 18px;
  border-radius:50px;
  background:transparent;
  color:var(--muted);
  min-height:43px
}
.filter-btn:hover {
  color:var(--ink);
  border-color:var(--muted)
}
.filter-btn[aria-pressed=true] {
  background:var(--accent);
  color:#090909;
  border-color:var(--accent)
}
.results-count {
  font:11px Code,monospace;
  color:var(--muted);
  white-space:nowrap
}
.projects-section {
  padding-top:0
}
.projects-section .project-grid {
  row-gap:52px
}
.projects-section .project-card:last-child:nth-child(odd) {
  grid-column:1 / -1;
  max-width:calc(50% - 15px)
}
@media(max-width:650px) {
  .project-controls {
    flex-direction:column;
    align-items:flex-start;
    gap:18px
  }
  .filter-btn {
    padding:9px 15px
  }
  .projects-section .project-card:last-child:nth-child(odd) {
    grid-column:auto;
    max-width:100%
  }
  .projects-section .project-grid {
    row-gap:35px
  }
}