/* Closing: centred bookend matching the typographic hero. */

.closing {
  padding-block: clamp(48px, 5.5vw, 80px);
}

.closing .shell {
  display: grid;
  justify-items: center;
  gap: 1.25rem;
  width: min(100% - (var(--shell-gutter) * 2), var(--shell-max));
  max-width: var(--shell-max);
  margin-inline: auto;
  text-align: center;
}

.closing .thesis {
  max-width: 16ch;
  margin-inline: auto;
  text-wrap: pretty;
}

.closing .closing-support {
  color: var(--ink-muted);
  font-size: var(--type-support);
  line-height: var(--lh-support);
  /* ~54–60 characters; CSS ch runs wide on this face. */
  max-width: 36ch;
  margin: 0;
}

.closing .actions {
  justify-content: center;
  flex-wrap: nowrap;
}

@media (max-width: 639px) {
  .closing .actions {
    flex-wrap: wrap;
  }
}