:root { --ink:#171512; --paper:#f6f0e6; --gold:#bc9143; --line:#d8cebf; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Georgia, 'Times New Roman', serif; line-height:1.55; }
.wrap { max-width:1120px; margin:0 auto; padding-left:28px; padding-right:28px; }
.header { display:flex; justify-content:space-between; align-items:center; padding-top:26px; padding-bottom:26px; border-bottom:1px solid var(--line); font-family:Arial,sans-serif; font-size:12px; letter-spacing:.08em; }
.wordmark { color:var(--ink); font-weight:800; text-decoration:none; } .wordmark span { color:var(--gold); font-weight:600; margin-left:7px; }
.quiet-link { color:var(--ink); text-decoration:none; }
.hero { padding-top:100px; padding-bottom:76px; max-width:900px; margin-left:max(0px, calc((100% - 1120px) / 2)); }
.eyebrow { color:#806321; font:700 11px/1.2 Arial,sans-serif; letter-spacing:.13em; margin:0 0 18px; }
h1 { font-size:clamp(42px,7vw,78px); line-height:.98; font-weight:400; letter-spacing:-.045em; margin:0; max-width:850px; }
.intro { font-size:20px; max-width:620px; margin-top:29px; }
.articles { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; padding-bottom:90px; }
.card { border-top:2px solid var(--ink); padding:26px 0 5px; } .card-featured { grid-column:span 3; border-top:5px solid var(--gold); padding-bottom:30px; }
h2 { font-size:27px; line-height:1.06; font-weight:400; letter-spacing:-.025em; margin:0 0 14px; } .card-featured h2 { font-size:42px; max-width:760px; }
h2 a { color:var(--ink); text-decoration:none; } .card p:not(.eyebrow) { margin:0 0 20px; font-size:17px; }
.read { color:var(--ink); font-family:Arial,sans-serif; font-size:12px; font-weight:700; letter-spacing:.06em; text-decoration:none; }
.footer { border-top:1px solid var(--line); padding-top:22px; padding-bottom:38px; font:12px Arial,sans-serif; color:#625a50; } .footer a { color:inherit; }
.article { max-width:760px; padding-top:85px; padding-bottom:95px; } .article h1 { font-size:clamp(40px,6vw,66px); } .article h2 { font-size:29px; margin-top:48px; } .article p, .article li { font-size:19px; } .article a { color:var(--ink); }
@media (max-width:720px) { .header { padding-top:18px; padding-bottom:18px; } .wordmark span { display:block; margin:3px 0 0; } .hero { padding-top:65px; padding-bottom:50px; } .articles { grid-template-columns:1fr; } .card-featured { grid-column:span 1; } .card-featured h2 { font-size:34px; } }