.storytelling {
  overflow: hidden;
  padding: 80px 17px;
}

.storytelling--text-right {
  text-align: right;
  background-color: var(--bg-brand-color-dark);
}

.storytelling p,
.storytelling li {
  color: #242833;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -2.25px;
  line-height: 50px;
  margin: 0;
  text-transform: none;
}

.storytelling li {
  line-height: 58px;
}

.storytelling ul {
  list-style: none;
  margin: 0;
  min-height: 60px;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.storytelling--text-right li {
  right: 0;
}

.storytelling li {
  overflow: hidden;
  position: absolute;
}

.storytelling li span {
  display: inline-block;
}

.storytelling--text-dark li {
  color: #242833;
}

.gray-text {
  color: #c0c1c3;
}
.storytelling--text-green li {
  color: var(--brand-color);
}

@media only screen and (min-width: 768px) {
  .storytelling {
    padding: 110px 25px;
  }

  .storytelling ul {
    min-height: 116px;
  }

  .storytelling p,
  .storytelling li {
    font-size: 90px;
    letter-spacing: -3.6px;
    line-height: 85px;
  }
  .storytelling li {
    line-height: 112px;
  }
}

@media only screen and (min-width: 1024px) {
  .storytelling {
    padding: 110px 108px 120px 108px;
  }

  .storytelling ul {
    min-height: 130px;
  }

  .storytelling p,
  .storytelling li {
    font-size: 100px;
    letter-spacing: -5px;
    line-height: 100px;
  }
  .storytelling li {
    line-height: 125px;
  }
}

@media only screen and (min-width: 1366px) {
  .storytelling {
    padding: 100px 136px;
  }
  .storytelling p,
  .storytelling li {
    font-size: 120px;
    letter-spacing: -6px;
    line-height: 125px;
  }
  .storytelling li {
    line-height: 152px;
  }

  .storytelling ul {
    min-height: 152px;
  }
}

@media only screen and (min-width: 1920px) {
  .storytelling {
    padding: 180px 183px;
  }
  .storytelling p,
  .storytelling li {
    font-size: 160px;
    letter-spacing: -8px;
    line-height: 170px;
  }
  .storytelling li {
    line-height: 200px;
  }

  .storytelling ul {
    min-height: 200px;
  }
}