@layer legacy {
.feature-pitch {
  margin-bottom: var(--margin-large);
}

.feature-pitch--style-1 {
  background: rgba(250, 248, 245, 1);
  padding: 2rem 3rem;
  border-radius: 1rem;
  border: 1px solid rgba(223, 221, 213, 1);
}

.feature-pitch--style-2 {
  display: flex;

  & .feature-pitch__left-column {
    padding-right: 2rem;
    margin-bottom: 0;
  }

  & .feature-pitch__right-column {
    /* flex-shrink: 0; */
    padding-top: 1rem;
  }

  & .review-card--example {
    margin-bottom: 0;
  }
}

.feature-pitch--variant-3 {
  display: flex;
  /* background: #EFE8DC; */
  background: oklch(0.9802 0.0074 151.89);
  margin: auto calc(var(--spacing-md) * -1);
  padding: var(--spacing-lg);
  margin-bottom: var(--margin-large);

  & .feature-pitch__left-column {
    padding-right: 2rem;
    margin-bottom: 0;
  }

  & .feature-pitch__right-column {
    /* flex-shrink: 0; */
    padding-top: 1rem;
  }

  & .review-card--example {
    margin-bottom: 0;
  }
}

.feature-pitch__title {
  font-size: 2.25rem;
  font-weight: 700;
  font-family: "Graphik", sans-serif;
  margin-bottom: var(--spacing-md);
}

.feature-pitch__description {
  font-size: 1.5rem;
  color: $color-gray-700;
  font-weight: 400;
  font-family: "Graphik", sans-serif;   
  margin-bottom: var(--spacing-sm);

  & a {
    font-weight: bold;
    color: var(--beautiful-blue);
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .feature-pitch--style-1 {
    background: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
  }
}

[data-theme="dark"] .feature-pitch--style-1 {
  background: #1e293b;
  border-color: #334155;
  color: #f1f5f9;
}

@media (max-width: 640px) {
  .feature-pitch--style-2 {
    flex-direction: column;

    & .feature-pitch__left-column {
      padding-right: 0;
      margin-bottom: 1.5rem;
    }

    & .feature-pitch__right-column {
      padding-top: 0;
    }
  }

  .feature-pitch__title {
    font-size: 1.375rem;
    margin-bottom: var(--spacing-sm);
  }

  .feature-pitch__description {
    font-size: 1rem;
  }
}
}