/* Clause 11 (the sign-off poster on the white page, the photo framed below) and Clause 12. */
.signoff { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; grid-column: 1 / -1; }
.so { display: block; white-space: nowrap; line-height: 0.86; font-size: 20vw; }
.signoff__buy { margin: 28px 0 40px; }
.shot--pen { grid-column: 1 / -1; }
.shot--pen img { width: 100%; }
.checkout-note { padding-top: var(--sec); }
.js .checkout-note { display: none; }
.checkout-note .wrap > * { max-width: 36em; }
.social { display: grid; gap: 8px; margin: 20px 0; }
.foot { margin-top: var(--sec); padding-bottom: 48px; }
.foot .wrap { padding-top: 0; }
.foot__big { display: grid; gap: 28px; font-size: 28px; line-height: 34px; font-weight: 600; margin-bottom: 48px; max-width: 24em; }
.foot__rest { display: grid; gap: 28px; font-size: 18px; margin-bottom: 40px; }
.foot__rest > div { display: grid; gap: 10px; align-content: start; }
.foot__social { display: grid; }
.foot__social a { display: inline-flex; align-items: center; min-height: 44px; }
.foot mark { padding: 0 0.12em; }
.foot a { text-decoration-thickness: 2px; text-underline-offset: 4px; }
.foot__last { border-top: 1px solid var(--paper); padding-top: 16px; }
@media (min-width: 900px) {
  .signoff { grid-column: 1 / 9; }
  .signoff__buy { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut); margin: 40px 0 56px; }
  .signoff__buy .btn { grid-column: 1 / 5; min-height: 64px; }
  .foot__big { font-size: 40px; line-height: 46px; max-width: 25em; }
  .foot__rest { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gut); }
  .foot__rest > div:first-child { grid-column: 1 / 6; }
  .foot__rest > div:last-child { grid-column: 7 / 13; }
}