/* -------------------------------------------------------- */
/* 🔹 Closing Section                                       */
/* -------------------------------------------------------- */
/* Green band before the footer — bookends the hero          */

/* A notch more air than the other sections — it is the page's last word */
.closing {
  padding-block: calc(var(--landing-section-spacing) * 1.25);
  background-color: var(--color-primary);
  color: var(--color-on-primary);
  text-align: center;
}

.closing__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.closing__title {
  font-size: var(--text-display);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

/* onPrimary at 85 % — about 6:1 on the green, above AA */
.closing__text {
  max-width: 520px;
  margin-block: var(--space-l) var(--space-xxxl);
  font-size: var(--text-body-large);
  line-height: 1.6;
  color: rgb(252 252 251 / 0.85);
  text-wrap: balance;
}

@media (min-width: 1000px) {
  .closing__title {
    font-size: 56px;
  }

  .closing__text {
    font-size: 20px;
  }
}


/* -------------------------------------------------------- */
/* 🔹 Footer after the band                                 */
/* -------------------------------------------------------- */
/* The band's edge already separates page from footer — the  */
/* footer's own gap and rule would leave a white strip with  */
/* a line in it                                              */

.closing + .site-footer {
  padding-top: var(--space-xxxl);
}

.closing + .site-footer::before {
  display: none;
}