:root {
  --paper: #f6f1e8;
  --ink: #24221f;
  --quiet: #706b64;
  --rule: rgba(36, 34, 31, .18);
  --mark: #bf6f47;
  font-family: Georgia, "Times New Roman", serif;
}
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); line-height: 1.5; }
a { color: inherit; text-decoration: none; }
.journal-frame { width: min(920px, calc(100% - 48px)); margin: 0 auto; }
.journal-head { display: flex; justify-content: space-between; padding: 30px 0 22px; border-bottom: 1px solid var(--rule); color: var(--quiet); font: 13px/1.2 ui-monospace, monospace; letter-spacing: .04em; }
.wordmark { color: var(--ink); font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.journal-intro { max-width: 780px; padding: 108px 0 84px; }
.kicker { margin: 0 0 18px; color: var(--mark); font: 700 12px/1.2 ui-sans-serif, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(43px, 7vw, 76px); font-weight: 400; letter-spacing: -.045em; line-height: 1.02; }
.summary { max-width: 650px; margin: 28px 0 0; color: var(--quiet); font: 19px/1.65 ui-sans-serif, sans-serif; }
.entry-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--rule); }
.entry-list li { display: grid; grid-template-columns: 90px 1fr; gap: 20px; padding: 34px 0 40px; border-bottom: 1px solid var(--rule); }
.entry-number { color: var(--mark); font: 13px/1.5 ui-monospace, monospace; }
.entry-copy p { margin: 0 0 10px; color: var(--quiet); font: 12px/1.4 ui-sans-serif, sans-serif; letter-spacing: .07em; text-transform: uppercase; }
h2 { margin: 0; font-size: clamp(25px, 4vw, 39px); font-weight: 400; line-height: 1.15; }
footer { display: flex; justify-content: space-between; padding: 28px 0 46px; color: var(--quiet); font: 12px/1.4 ui-monospace, monospace; }
@media (max-width: 640px) {
  .journal-frame { width: min(100% - 28px, 560px); }
  .journal-intro { padding: 72px 0 56px; }
  .entry-list li { grid-template-columns: 42px 1fr; }
  footer { flex-direction: column; gap: 8px; }
}