@font-face{font-family:Fraunces;font-weight:400;font-display:swap;src:url(fonts/fraunces-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Fraunces;font-weight:600;font-display:swap;src:url(fonts/fraunces-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Fraunces;font-weight:700;font-display:swap;src:url(fonts/fraunces-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:400;font-display:swap;src:url(fonts/dm-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:500;font-display:swap;src:url(fonts/dm-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:700;font-display:swap;src:url(fonts/dm-sans-latin-700-normal.woff2) format("woff2")}
:root{--navy:#1b2540;--gold:#b8893a;--gold-d:#8a5a12;--cream:#f7f4ee;--ink:#2a2f3a;--muted:#62666f;--rule:#e3ddd1}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.65 "DM Sans",system-ui,sans-serif}
a{color:var(--navy)}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
h1,h2,h3{font-family:Fraunces,Georgia,serif;color:var(--navy);line-height:1.15;margin:0}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);font-weight:700;margin:0 0 10px}
.eyebrow a{color:inherit;text-decoration:none}
header.site{background:#fff;border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:5}
.bar{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Fraunces,serif;font-weight:700;font-size:19px;color:var(--navy)}
.mono{width:38px;height:38px;border-radius:50%;border:2px solid var(--navy);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px var(--gold);display:grid;place-items:center;font-size:14px}
nav{display:flex;gap:18px;align-items:center;font-size:15px}
nav a{text-decoration:none;font-weight:500}
.pill,.btn{background:var(--navy);color:#fff!important;border-radius:999px;padding:9px 18px;text-decoration:none;font-weight:500;display:inline-block}
.btn{padding:13px 26px;font-size:16px}
.hero{padding:72px 0 56px;border-bottom:1px solid var(--rule)}
.hero h1{font-size:clamp(36px,6vw,58px);max-width:14ch;margin-bottom:18px}
.lede{font-size:19px;max-width:62ch;margin:0 0 28px}
.posts,.about,.more{padding:52px 22px 8px}
.posts h2,.about h2,.more h2{font-size:28px;margin-bottom:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--rule);border-top:3px solid var(--navy);padding:22px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px;transition:box-shadow .15s}
.card:hover{box-shadow:0 6px 22px rgba(27,37,64,.1)}
.card h3{font-size:21px}
.card p{margin:0;font-size:15px;color:var(--muted)}
.tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);font-weight:700}
.meta{font-size:14px;color:var(--muted)}
.about p{max-width:66ch}
.post{max-width:760px;padding:56px 22px 20px}
.post h1{font-size:clamp(30px,5vw,44px);margin-bottom:12px}
.prose h2{font-size:26px;margin:40px 0 10px}
.prose p,.prose li{max-width:70ch}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin:6px 0}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:18px 0;background:#fff;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--rule);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{background:var(--navy);color:#fff;font-weight:500}
.sources{font-size:13px;color:var(--muted);border-top:1px solid var(--rule);padding-top:12px;margin-top:36px}
.ctabox{background:var(--navy);color:#fff;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0}
.ctabox b{font-family:Fraunces,serif;font-size:21px;font-weight:600}
.ctabox .btn{background:var(--gold)}
footer.site{margin-top:60px;background:#fff;border-top:1px solid var(--rule);padding:36px 0 24px}
.sites{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:28px}
.sites a{text-decoration:none;color:var(--ink);border-left:3px solid var(--gold);padding:4px 0 4px 14px}
.sites b{display:block;font-family:Fraunces,serif;color:var(--navy);font-size:17px}
.sites span{font-size:14px;color:var(--muted)}
.legal{display:flex;gap:14px;align-items:flex-start;font-size:12.5px;line-height:1.55;color:var(--muted)}
.legal p{margin:0}
.eho{flex:0 0 auto;border:1.5px solid var(--muted);font-size:9px;font-weight:700;padding:5px 6px;text-align:center;line-height:1.15;color:var(--ink)}
.copy{font-size:12px;color:var(--muted);margin:18px 0 0}
@media (max-width:620px){
  body{font-size:16px}
  nav a:not(.pill){display:none}
  .brand span:last-child{font-size:17px}
  .hero{padding:44px 0 36px}
  .lede{font-size:17px}
}