.our-work-top {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-15);

  /* Clean up of the Stats component */
  .paragraph--type--stats {
    padding-bottom: unset;
    margin-top: var(--spacing-8);

    .container {
      margin: unset;
      padding: unset;
    }

    .stats-wrapper {
      padding: unset;
      background: unset;
    }

    .stats-items-wrapper {
      margin: unset;
      padding: unset;
      grid-template-columns: repeat(1, 1fr);
      gap: var(--spacing-2);
    }

    .stats-item__number,
    .stats-item__description {
      color: var(--c-primary-light);
    }
  }

  .showcase-hero {
    margin-top: var(--spacing-8);
    grid-column: 1 / -1;
  }

  .heading {
    margin: unset;
  }
}

.our-work-top__categories {
  margin-bottom: var(--spacing-4);
  display: flex;
  gap: var(--spacing-2);
  line-height: 1.5;

  .pill {
    padding: var(--spacing-half) var(--spacing);
  }
}

.our-work-top__subtitle {
  margin: var(--spacing-4) 0 0;
  font-size: var(--text-large);
}

@media (min-width: 768px) {
  .our-work-top {
    .paragraph--type--stats {
      .stats-items-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--spacing-4) var(--spacing-2);
      }
    }
  }
}

@media (min-width: 1440px) {
  .our-work-top {
    .paragraph--type--stats {
      margin-top: var(--spacing-10);

      .stats-items-wrapper {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-4);
      }
    }

    .showcase-hero {
      margin-top: var(--spacing-10);
    }
  }

  .our-work-top__subtitle {
    max-width: 42rem; /* 672px */
  }
}

@media (min-width: 1920px) {
  .our-work-top__subtitle {
    max-width: 57rem; /* 912px */
  }
}