:root { color-scheme: light; font-family: "Courier New", monospace; background: #f7f7f2; color: #111; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
.wrap { max-width: 760px; margin: 0 auto; padding: 12vh 24px 64px; }
.eyebrow { color: #111; font-size: 12px; font-weight: 900; letter-spacing: .16em; }
h1 { margin: 8px 0; font-size: clamp(56px, 14vw, 120px); line-height: .82; letter-spacing: -.07em; text-transform: uppercase; }
h1 span { color: #777; }
h2 { margin: 0 0 10px; font-size: 28px; line-height: 1; }
p { font-size: 17px; line-height: 1.55; }
.lede { max-width: 520px; font-size: 23px; font-weight: 700; }
.actions { display: flex; align-items: center; gap: 18px; margin: 28px 0 64px; }
.button { background: #111; border: 3px solid #111; border-radius: 0; color: #fff; padding: 13px 18px; font-weight: 900; text-decoration: none; box-shadow: 5px 5px 0 #777; }
a { color: #111; font-weight: 700; }
.text-link { color: #111; }
.card { background: #fff; border: 3px solid #111; border-radius: 0; margin: 16px 0; padding: 24px; box-shadow: 7px 7px 0 #bbb; }
.card.muted { background: #ddd; }
.card p { margin-bottom: 0; }
footer { margin-top: 48px; font-size: 14px; }
.prose { max-width: 680px; }
.prose h1 { font-size: clamp(48px, 12vw, 84px); margin-bottom: 32px; }
.prose h2 { margin-top: 34px; }
li { margin: 8px 0; font-size: 17px; line-height: 1.45; }