/* Closing section component */

.section--cta {
  padding-bottom: var(--space-10);
}

.closing-content {
  width: 100%;
  max-width: 880px;
  margin-inline: auto;
  text-align: center;
}

.closing-title {
  max-width: 24ch;

  margin: 0 auto;

  font-size: clamp(var(--text-2xl), 3vw, var(--text-3xl));
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-heading);
  font-weight: var(--weight-medium);

  text-wrap: balance;
}

.closing-lead {
  max-width: 64ch;

  margin-top: var(--space-5);
  margin-inline: auto;

  font-size: clamp(var(--text-base), 1.2vw, var(--text-lg));
  line-height: var(--leading-relaxed);

  opacity: 1;

  text-wrap: pretty;
}

.closing-content .btn--pill,
.closing-content .closing-cta {
  margin-top: var(--space-7);
}

@media (max-width: 820px) {

  .closing-content,
  .closing-title {
    margin-inline: 0;
    text-align: left;
  }

  .closing-lead {
    margin-inline: 0;
  }

}

@media (max-width: 760px) {

  .section--cta {
    padding-bottom: var(--space-6);
  }

  .closing-lead {
    margin-top: var(--space-4);

    font-size: var(--text-base);
    line-height: var(--leading-base);
  }

  .closing-content .btn--pill,
  .closing-content .closing-cta {
    margin-top: var(--space-5);
  }

}