.join-us {
  background-color: var(--light);
}
.join-us .container {
  padding: 8rem 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem;
}

.why-work-with-us .container {
  padding: 8rem 0;
}
.why-work-with-us__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8rem;
}

.open-roles {
  background-color: var(--light);
}
.open-roles .container {
  padding: 8rem 0;
}
.open-roles__cards {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
}
.open-roles__cards .job {
  display: flex;
  background-color: var(--white);
  padding: 2rem;
}

.life .container {
  padding: 8rem 0;
}
.life .illustration {
  display: grid;
  place-content: center;
}

.banner {
  background-color: var(--primary-cta-background);
  padding: 5rem 0 !important;
  margin-bottom: 8rem;
}
.banner .punch-line {
  font-size: 32px;
  line-height: 42px;
  text-align: center;
  color: var(--white);
}
.banner .punch-line a {
  color: var(--white);
  text-decoration: underline;
  font-weight: 500;
}

@media only screen and (max-width: 786px) {
  .join-us .container {
    grid-template-columns: 1fr;
    padding: 5rem 1.5rem;
    gap: 5rem;
  }
  .why-work-with-us .container {
    padding: 5rem 1.5rem;
  }
  .why-work-with-us__cards {
    grid-template-columns: 1fr;
    gap: 5rem;
  }
  .open-roles .container {
    padding: 5rem 1.5rem;
  }
  .open-roles__cards {
    margin-top: 5rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  .life .container {
    padding: 5rem 1.5rem;
  }
  .banner {
    background-color: var(--primary-cta-background);
    padding: 5rem 1rem !important;
    margin-bottom: 0rem;
  }
  .banner .punch-line {
    font-size: 27px;
    line-height: 35px;
  }
}/*# sourceMappingURL=style.css.map */