/* The founder's working desk: real photographs, firsthand text, readable records.
   Mona Sans remains the product voice; Source Serif is reserved for the founder. */
@font-face {
  font-family: "Source Serif 4";
  src: url("./assets/fonts/source-serif-4-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

.home-page { --founder-serif: "Source Serif 4", Georgia, serif; }

/* A legible terms sheet, without artificial piles of paper. */
.home-disclosure { box-shadow: 0 8px 24px rgb(20 23 25 / 8%); }
.home-disclosure::before { content: none; }
.home-disclosure td,
.home-risk-card dd,
.desk-control-card output { font-variant-numeric: lining-nums tabular-nums; }

.home-story-bridge {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  min-height: 0;
  padding: clamp(40px, 5vw, 76px) var(--home-gutter);
  gap: clamp(32px, 5vw, 76px);
}
.home-story-bridge-copy { min-height: 0; padding: 0; gap: 28px; }
.home-story-bridge h2 {
  max-width: 14ch;
  font-size: clamp(38px, 4.1vw, 64px);
  line-height: 1.01;
}
.founder-note { max-width: 38ch; margin: 0; }
.founder-note p {
  margin: 0;
  font-family: var(--founder-serif);
  font-size: clamp(20px, 1.9vw, 26px);
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: -.015em;
  color: var(--home-ink-body);
}
.founder-note footer {
  margin-top: 16px;
  color: var(--home-ink-muted);
  font-family: var(--home-mono);
  font-size: 12px;
}
.home-story-bridge-photo { min-height: 0; width: 100%; overflow: visible; }
.home-story-bridge-photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border: 1px solid var(--home-rule);
}

/* The record reads like a personal essay, not a succession of framed cards. */
.story-page .archive-prose p {
  font-family: var(--founder-serif);
  font-size: clamp(20px, 1.65vw, 24px);
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: -.012em;
}
.story-page .archive-prose-lead p:first-child,
.story-page .archive-prose .archive-opening {
  font-size: clamp(27px, 2.8vw, 38px);
  line-height: 1.3;
}
.story-page .archive-prose .archive-pullquote {
  font-size: clamp(30px, 3.5vw, 48px);
  line-height: 1.23;
}
.story-page .archive-wide-photo,
.story-page .archive-photo-pair,
.story-page .archive-coin-grid,
.story-page .archive-book-grid,
.story-page .archive-data-science-grid,
.story-page .archive-credit-grid {
  padding: 0;
  border: 0;
  background: transparent;
}
.story-page .archive-wide-photo { max-width: 800px; }
.story-page .archive-wide-photo img { max-height: none; width: 100%; object-fit: contain; }
.story-page .archive-photo-pair { max-width: 800px; align-items: start; }
.story-page .archive-photo-pair img { aspect-ratio: auto; object-fit: contain; }
.story-page figcaption {
  font-family: var(--home-font, "Mona Sans", sans-serif);
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.5;
}
.story-page .archive-chapter-heading { border-top: 1px solid var(--home-rule); padding-top: 24px; }
.story-page .archive-bitcoin .archive-chapter-heading { border-top-color: rgb(248 246 242 / 30%); }
.story-page .archive-chapter { border-bottom: 0; padding-top: clamp(48px, 6vw, 80px); }
.story-page .archive-chapter-heading h2 { font-size: clamp(38px, 4.3vw, 62px); line-height: 1.04; }
.story-page .archive-source-note { background: transparent; }
.story-page .archive-spread-ledger { font-variant-numeric: lining-nums tabular-nums; }

@media (max-width: 800px) {
  .home-story-bridge { grid-template-columns: 1fr; gap: 32px; padding-block: 44px; }
  .home-story-bridge h2 { max-width: 16ch; font-size: clamp(36px, 9vw, 52px); }
  .home-story-bridge-copy { gap: 24px; }
  .founder-note { max-width: 45ch; }
  .story-page .archive-chapter-heading { padding-top: 20px; }
}
