.stories {
  background: var(--violet);
  color: var(--cream)
}

.stories-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 70px
}

.stories .eyebrow,
.stories em {
  color: var(--lilac)
}

.stories-art {
  position: relative
}

.stories-art img {
  border-radius: 25px 130px 25px 25px
}

.stories-art>span {
  position: absolute;
  bottom: 20px;
  left: 24px;
  color: var(--cream);
  font-size: 9px;
  letter-spacing: 1px
}

.stories-copy>p:not(.eyebrow) {
  font-size: 15px;
  color: #e8dcef
}

.stories-copy .button {
  margin-top: 10px
}

.results-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 65px;
  border-top: 1px solid #fff6e733;
  padding-top: 36px
}

.result-title {
  font: 36px var(--display);
  color: var(--cream)
}

.results-grid p {
  font-size: 12px;
  color: var(--lilac);
  margin: 10px 0
}

.results-note {
  font-size: 11px;
  color: var(--lilac);
  margin: 24px 0 0
}