.works-background {
  background-color: var(--color-dark-charcoal);
}

.works-background .logo,
.works-background .section-title,
.works-background .main-menu ul li a {
  color: var(--color-white);
}

.works-background .main-menu-mobile.main-menu ul li a {
  color: var(--color-black);
}

.works-background .main-menu--open-mobile svg {
  color: var(--color-white);
}

.works-page ul li:first-child {
  background: var(--color-yellow);
  color: var(--color-dark-charcoal);
}

.works-page ul li:nth-child(2) {
  background: var(--color-green);
  color: var(--color-white);
}

.works-page ul li:nth-child(3) {
  background: var(--color-red);
  color: var(--color-white);
}

.works-page ul li:nth-child(4) {
  background: var(--color-blue);
  color: var(--color-white);
}

.works-page ul li:nth-child(2) a,
.works-page ul li:nth-child(3) a,
.works-page ul li:nth-child(4) a {
  color: inherit;
}