.homepage .journal-page { width: min(100%, 764px); padding-top: 72px; padding-bottom: 40px; }
.homepage .site-nav { margin-bottom: 62px; }
.homepage .site-nav a[aria-current="page"] { color: var(--accent); text-underline-offset: 6px; }
.homepage .intro { gap: 25px; }
.homepage .portrait { width: 128px; height: 128px; }
.homepage .intro-copy { font-size: 29px; line-height: 1.42; letter-spacing: -0.018em; color: var(--ink); }
.homepage .intro-copy .intro-keep-together { white-space: nowrap; }
.homepage .intro-copy strong { font-weight: 500; }
.homepage .page-stack { gap: 68px; }
.homepage .homepage-newsletter { gap: 17px; }
.homepage .homepage-newsletter .section-copy { font-size: 21px; line-height: 1.5; text-wrap: pretty; }
.homepage .quiet-newsletter { margin-top: 3px; gap: 10px; }
.homepage .quiet-newsletter input { background: rgba(255, 255, 255, 0.46); border-color: var(--control-rule); }
.homepage .quiet-newsletter button { padding-inline: 28px; }
.homepage .quiet-newsletter button:hover { background: rgb(16, 63, 81); }
.homepage .newsletter-endorsement { margin: 19px 0px 0px; }
.homepage .newsletter-endorsement blockquote { font-size: 23px; font-style: italic; font-weight: 400; line-height: 1.4; color: var(--body); margin-bottom: 10px; }
.homepage .newsletter-endorsement figcaption { font-size: 13px; line-height: 1.55; }
.homepage .endorsement-name { color: var(--ink); font-size: 14px; }
.homepage .writing-list { gap: 14px; }
.homepage .writing-list a { font-size: 21px; letter-spacing: -0.006em; }
.homepage .writing-type { font-size: 14px; font-variant-numeric: tabular-nums; color: var(--muted); }
.homepage .section-link { margin-top: 6px; font-size: 16px; }
.homepage .site-footer { font-size: 15px; color: var(--muted); }
.homepage .landscape-footer { margin-top: -18px; overflow: hidden; }
.homepage .landscape-footer img { filter: saturate(0.88) contrast(1.02); }
@media (min-width: 1100px) {
  .homepage .landscape-footer img { width: 108%; margin-left: -4%; }
}
@media (max-width: 620px) {
  .homepage .journal-page { padding: 36px 24px; }
  .homepage .site-nav { margin-bottom: 44px; }
  .homepage .portrait { width: 104px; height: 104px; }
  .homepage .intro { gap: 22px; }
  .homepage .intro-copy { font-size: 25px; line-height: 1.42; }
  .homepage .intro-copy .intro-keep-together { white-space: normal; }
  .homepage .page-stack { gap: 52px; }
  .homepage .homepage-newsletter .section-copy { font-size: 20px; }
  .homepage .newsletter-endorsement blockquote { font-size: 22px; }
  .homepage .quiet-newsletter button { padding-inline: 18px; }
  .homepage .writing-list a { font-size: 20px; }
}