.landing-text-accordion {
  padding: 144px 0;
  background: #fafaf6;
}

.landing-text-accordion__inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 clamp(24px, 3.6vw, 64px) 0 clamp(24px, 12vw, 219px);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(320px, 630px) minmax(520px, 851px);
  gap: 30px;
  align-items: start;
  justify-content: start;
}

.landing-text-accordion__eyebrow {
  display: none;
}

.landing-text-accordion__left {
  max-width: 630px;
  position: static;
  top: auto;
}

.landing-text-accordion.can-sticky-left .landing-text-accordion__left {
  position: sticky;
  top: var(--landing-text-sticky-top, 108px);
  align-self: start;
}

.landing-text-accordion__title {
  margin: 0;
  color: #4f554a;
  font-family: var(--font-display);
  font-size: clamp(32px, 3vw, 39.81px);
  font-weight: 400;
  line-height: 1.1;
}

.landing-text-accordion__intro {
  margin-top: 24px;
  color: #20231f;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  max-width: 630px;
}

.landing-text-accordion__intro p {
  margin: 0;
}

.landing-text-accordion__intro p + p {
  margin-top: 1em;
}

.landing-text-accordion__right {
  width: 100%;
  max-width: 857px;
}

.landing-text-accordion__right .accordion__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.landing-text-accordion__right .accordion__item + .accordion__item {
  margin-top: 8px;
}

.landing-text-accordion__item {
  border: 3px solid #3a4036;
  border-radius: 24px;
  background: transparent;
}

.landing-text-accordion__item .accordion__question {
  min-height: 0;
  padding: 48px 96px 48px 32px;
}

.landing-text-accordion__item .accordion__question-text {
  color: #4f554a;
  font-family: var(--font-display);
  font-size: clamp(22px, 2vw, 27.65px);
  font-weight: 400;
  line-height: 1.15;
}

.landing-text-accordion__item .accordion__answer-text {
  padding: 0 28px 22px;
  color: #20231f;
  font-size: 16px;
  line-height: 1.6;
}

.landing-text-accordion__item .accordion__icon {
  width: 30px;
  height: 30px;
}

.landing-text-accordion__item .accordion__icon svg {
  color: #4f554a;
}

@media (max-width: 900px) {
  .landing-text-accordion {
    padding: 84px 0;
  }

  .landing-text-accordion__inner {
    width: min(100% - 32px, 720px);
    padding: 0;
    grid-template-columns: 1fr;
  }

  .landing-text-accordion__left,
  .landing-text-accordion__right,
  .landing-text-accordion__intro {
    max-width: 100%;
  }

  .landing-text-accordion.can-sticky-left .landing-text-accordion__left {
    position: static;
    top: auto;
  }

  .landing-text-accordion__item .accordion__question {
    min-height: 0;
    padding: 20px;
  }

  .landing-text-accordion__item .accordion__answer-text {
    padding: 0 20px 20px;
  }
}