:root{--ink:#1a1714;--paper:#faf7f2;--muted:#6b6359;--line:#e3dcd1;--accent:#9a3b1f;--accent-soft:#c97a55;--card:#fffdf9;}
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--paper);color:var(--ink);font-family:"Inter",system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
  a{color:inherit}
  h1,h2,.serif{font-family:"Fraunces",Georgia,serif;font-weight:400;letter-spacing:-.01em}
  nav{position:sticky;top:0;z-index:50;background:rgba(250,247,242,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  nav .in{max-width:760px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center;justify-content:space-between}
  .brand{font-family:"Fraunces",serif;font-size:18px;text-decoration:none}
  .back{font-size:14px;color:var(--muted);text-decoration:none;transition:.2s}
  .back:hover{color:var(--accent)}
  article{max-width:720px;margin:0 auto;padding:70px 28px 40px}
  .meta{display:flex;gap:14px;align-items:center;font-size:13px;letter-spacing:.04em;color:var(--muted);margin-bottom:22px}
  .meta .kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:12px}
  .meta .dot{width:4px;height:4px;border-radius:50%;background:var(--line)}
  article h1{font-size:clamp(32px,5vw,50px);font-weight:300;line-height:1.1;margin-bottom:24px}
  .lede{font-size:20px;color:var(--muted);font-weight:300;margin-bottom:40px;font-family:"Fraunces",serif;font-style:italic;line-height:1.45}
  article p{font-size:18px;line-height:1.78;color:#2e2823;margin-bottom:22px}
  article h2{font-size:25px;margin:38px 0 14px}
  article ul{margin:0 0 24px 4px;list-style:none}
  article li{font-size:18px;line-height:1.7;color:#2e2823;margin-bottom:10px;padding-left:22px;position:relative}
  article li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border-radius:50%;background:var(--accent-soft)}
  .pull{font-family:"Fraunces",serif;font-style:italic;font-size:clamp(22px,3vw,29px);line-height:1.35;color:var(--accent);border-left:3px solid var(--accent);padding:6px 0 6px 26px;margin:38px 0}
  .signature{font-family:"Fraunces",serif;font-style:italic;font-size:18px;text-align:right;color:var(--ink);margin-top:44px}
  .signature::before{content:"— "}
  .foot{max-width:720px;margin:0 auto;padding:30px 28px 70px;border-top:1px solid var(--line)}
  .foot a{color:var(--accent);text-decoration:none;font-size:15px}
  .foot a:hover{text-decoration:underline}
  .source{font-size:14px;color:var(--muted);font-style:italic;margin-bottom:34px}
  .meta{flex-wrap:wrap}
  article h1{font-size:clamp(30px,4.4vw,46px)}

