.hero {
  display: grid;
  grid-template-columns: 2fr 3fr;
  padding: 2.5rem;
}

.hero__text h2 {
  font-size: var(--font-size-h1);
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
}

.hero__text h3 {
  color: var(--color-salmon);
}

.hero__text p:not(:last-of-type) {
  margin-bottom: 1rem;
}

.hero__text p:first-of-type {
  margin-top: 2rem;
}