.features {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.5rem 1.375rem;
  gap: var(--klv-space-5);
  overflow: clip;
  background-image: linear-gradient(
    105deg,
    rgb(0, 0, 0) 0%,
    rgb(4, 5, 5) 26%,
    rgb(31, 33, 32) 58%,
    rgb(80, 80, 78) 100%
  );
}

@media (min-width: 810px) {
  .features {
    padding: 5.25rem 2.75rem 4.5rem;
    gap: 2.625rem;
  }
}

@media (min-width: 1200px) {
  .features {
    flex-direction: row;
    justify-content: center;
    padding: 7.25rem 5.5rem 5.125rem;
    gap: var(--klv-space-8);
  }
}
.features__block {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: var(--klv-space-4);
}
.features__block--comfort {
  max-width: 22.5rem;
}

.features__block--style {
  max-width: 23.75rem;
}

.features__heading {
  font-size: 3rem;
  font-weight: 700;
  line-height: 0.92em;
  color: var(--klv-color-text-bright);
}

.features__body {
  font-size: 1rem;
  line-height: 1.55em;
  color: var(--klv-color-text-warm);
}
.features__block--comfort .features__heading {
  line-height: 1.02em;
}

.features__block--comfort .features__body {
  font-size: 0.9375rem;
}

@media (min-width: 810px) {
  .features__heading {
    font-size: 3.625rem;
  }

  .features__block--comfort .features__heading {
    line-height: 0.92em;
  }

  .features__block--comfort .features__body {
    font-size: 1rem;
  }
}
.js-reveal .features__block {
  transition: opacity 800ms, transform 800ms;
  transition-timing-function: var(--klv-ease-reveal);
  opacity: 0;
}

.js-reveal .features__block--comfort {
  transform: translate(-34px, 24px);
}

.js-reveal .features__block--style {
  transform: translate(34px, 24px);
  transition-delay: 120ms;
}

.js-reveal .features__block.is-revealed {
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
  .js-reveal .features__block {
    transition: none;
    opacity: 1;
    transform: none;
  }
}