/* Privacy and the staff pointer: a plain reading column in the site's type and colours (no approved reference). */
.prose { max-width: 68ch; padding: 56px 20px 80px; }
.prose .prose-eyebrow { margin: 0; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--terra-deep); }
.prose h1 { margin-top: 16px; font-family: var(--serif); font-weight: 400; font-size: clamp(64px, 18cqw, 104px); line-height: .9; letter-spacing: -.04em; }
.prose .prose-lede { margin-top: 20px; font-size: 19px; line-height: 1.6; color: var(--olive); }
.prose h2 { margin-top: 48px; font-family: var(--serif); font-weight: 400; font-size: 34px; line-height: 1.1; letter-spacing: -.02em; }
.prose p { margin-top: 14px; font-size: 17px; line-height: 1.65; color: var(--ink); }
.prose a { color: var(--terra-deep); text-underline-offset: 3px; }
/* The heading's tall glyph box rises into the logo above it; keep the whole logo clickable. */
.prose .site-logo { position: relative; z-index: 1; }
@container page (width >= 860px) {
  .prose { padding: 96px 48px 140px; margin-left: calc((100cqw - 96px) / 12 * 3 + 24px * 3); }
  .prose .prose-eyebrow { font-size: 13px; }
  .prose h1 { font-size: clamp(96px, 9cqw, 144px); }
  .prose h2 { font-size: 40px; }
  .prose p { font-size: 18px; }
}