/* The last postcard, dealt back-side up: her line, the button, her profiles. */
.signoff { max-width: 1296px; margin-inline: auto; padding: var(--section-gap) var(--gutter); }
.postcard--closing { width: 94%; margin-left: auto; }
.closing { position: relative; flex: 1; display: grid; gap: var(--s5); padding: var(--s6) var(--s5) var(--s5); background: var(--paper); border-radius: 2px; box-shadow: var(--card-shadow); }
.closing__left { display: grid; gap: var(--s5); align-content: start; }
.closing .btn { width: min(100%, 340px); font-size: 1.0625rem; gap: var(--s3); }
.closing__title { font-size: var(--fs-h3); }
.closing__address { position: relative; padding: var(--s2) 40px var(--s4) 0; margin-bottom: var(--s4); border-bottom: 1px solid #B9CCD9; }
.closing__address .stamp { top: var(--s2); right: 0; }
.closing__sign { font-size: var(--fs-body); font-style: italic; line-height: 1.5; color: var(--sea-900); }
.closing__sign .hand { font-size: 1.375rem; color: var(--sea-700); }
.closing__right { border-top: 2px dashed var(--terra-400); padding-top: var(--s4); }
.closing__find { margin-bottom: var(--s2); color: var(--muted); }
.socials a { display: flex; align-items: center; justify-content: space-between; min-height: 48px; border-bottom: 1px solid #B9CCD9; font-weight: 800; text-decoration: none; color: var(--sea-900); }
@media (hover: hover) and (pointer: fine) { .socials a:hover { color: var(--sea-700); } }
@media (min-width: 900px) {
  .postcard--closing { width: 100%; }
  .closing { grid-template-columns: 1.25fr 1fr; gap: var(--s8); padding: var(--s8) var(--s8) var(--s8) var(--s8); align-items: center; }
  .closing__right { border-top: 0; border-left: 2px dashed var(--terra-400); padding: var(--s4) 0 var(--s4) var(--s7); align-self: stretch; display: grid; align-content: center; }
}