.featured-work-grid {
  margin: 0 var(--side-spacing) var(--space-96);
  position: relative;
}
.featured-work-grid__nav {
  -webkit-margin-after: var(--space-8);
  -webkit-padding-before: var(--space-8);
  align-items: center;
  border-top: 1px solid var(--theme-foreground-shade);
  -moz-column-gap: var(--space-12);
  column-gap: var(--space-12);
  display: flex;
  margin-block-end: var(--space-8);
  padding-block-start: var(--space-8);
  text-transform: uppercase;
}
.featured-work-grid__nav ul {
  display: none;
}
.featured-work-grid__nav button.currentHover .shape {
  color: var(--theme-accent-background);
}
.featured-work-grid__nav button.currentHover .icon {
  color: var(--theme-accent-background-neutral);
}
.featured-work-grid__grid {
  margin-block: var(--space-32) 0;
}
.featured-work-grid__grid .card-grid {
  display: none;
}
.featured-work-grid__grid .work-card {
  opacity: 0;
}
.featured-work-grid__grid .active {
  display: block;
}
.featured-work-grid__grid .active .work-card {
  opacity: 1;
}
@media (min-width: 40rem) {
  .featured-work-grid__nav ul {
    -webkit-margin-after: 0;
    -moz-column-gap: var(--space-8);
    column-gap: var(--space-8);
    display: flex;
    margin-block-end: 0;
  }
}
@media (min-width: 64rem) {
  .featured-work-grid {
    -webkit-margin-before: var(--space-32);
    margin-block-start: var(--space-32);
  }
  .featured-work-grid__grid {
    margin-block: var(--space-16);
  }
}
@media (min-width: 120rem) {
  .featured-work-grid__grid {
    margin-block: var(--space-48) var(--space-96);
  }
}