.text-section-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--fixed-space-12);
}

.text-section {
  background-color: var(--light-200);

  .text-section-text {
    color: var(--dark-800);
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;

    @media (min-width: 990px) {
      max-width: 742px;
    }
  }

  .text-section-text[data-gradient-wave-text] {
    color: var(--dark-800);
  }
}

@media (prefers-reduced-motion: reduce) {
  .text-section-text[data-gradient-wave-text] {
    animation: none !important;
    color: var(--dark-800);
  }
}