/* P10 late final: closing call and the page's one designed sign-off. */
.late { text-align: center; }
.late-img { width: 160px; margin: 4px auto 20px; mix-blend-mode: multiply; }
.late-t p:not(.kicker):not(.signoff):not(.social) { max-width: 44ch; margin: 18px auto 28px; }
.late .buy { max-width: 420px; }
.signoff {
  margin: 32px auto 0; max-width: 18ch; color: var(--ledger-red); font-style: italic; font-weight: 600; line-height: 1.12;
  font-size: clamp(1.875rem, 8vw, 3.5rem); font-variation-settings: "opsz" 72; text-wrap: balance;
}
.social { margin-top: 32px; font-size: 1rem; color: var(--ink-soft); }
.social a { display: inline-flex; align-items: center; min-height: 44px; }
@media (min-width: 1024px) {
  .late { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gap); text-align: left; align-items: center; }
  .late .folio { grid-column: 1 / -1; }
  .late-img { grid-column: 1 / 5; width: 320px; margin: 0; justify-self: start; }
  .late-t { grid-column: 5 / 13; }
  .late-t p:not(.kicker):not(.signoff):not(.social) { margin-left: 0; margin-right: 0; font-size: 1.375rem; max-width: 36ch; }
  .signoff { margin-left: 0; max-width: 20ch; }
}