/* 2026-10-18: the shorter homepage. The shared ivory + structure block stays
   untouched; the opening and its inline film keep their existing layout. */
.page-home .home-process::before { display: none; } /* The assurance strip already supplies this line. */
.page-home .home-process .steps-grid { gap: 24px; }
.page-home .home-process-note { display: grid; gap: 12px; max-width: 74ch; }
.page-home .home-process-note p { font-size: 16px; color: var(--ink-soft); }
.page-home .home-process-note .link-quiet { justify-self: start; }

.page-home .home-receive-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  grid-template-areas: "copy preview" "action preview";
  grid-template-rows: auto 1fr;
  gap: 24px clamp(32px, 5vw, 72px);
  border-top: 1px solid var(--paper-line);
  padding-block: clamp(48px, 6vw, 72px);
}
.page-home .home-receive-copy { grid-area: copy; display: grid; gap: 18px; align-content: start; }
.page-home .home-receive-copy .section-lede { color: var(--ink-soft); }
.page-home .home-receive-preview { grid-area: preview; min-width: 0; display: grid; gap: 14px; }
.page-home .home-receive-preview figcaption { font-size: 13px; color: var(--ink-muted); }
.page-home .home-receive-preview > .link-quiet { justify-self: start; }
.page-home .home-receive-actions { grid-area: action; align-self: start; }
.page-home .home-receive-actions .cta-button { white-space: normal; text-align: center; }

@media (max-width: 1100px) {
  .page-home .home-process .step-list { gap: 20px; }
  .page-home .home-process .step-item { grid-template-columns: 36px minmax(0, 1fr); }
  .page-home .home-process .step-body { display: flex; gap: 8px; }
  .page-home .home-process .step-body h3 { font-size: 24px; }
}
@media (max-width: 799px) {
  .page-home .home-receive-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "copy" "preview" "action";
    grid-template-rows: auto;
    gap: 24px;
  }
}
@media (max-width: 560px) {
  .page-home .home-receive-grid { padding-block: 40px; }
}
