:root{
  --bg:#f5efe6;
  --bg-warm:#ece3d4;
  --text:#1a1a1a;
  --text-soft:#574b3c;
  --accent:#1a3a52;
  --gold:#b8893f;
  --rule:#d5c8b3;
  --maxw:720px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Iowan Old Style','Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  font-size:17px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(26,58,82,0.25);transition:border-color .15s ease}
a:hover{border-bottom-color:var(--accent)}
img{max-width:100%;height:auto;display:block}

.topbar{background:#1a1a1a;color:#ece3d4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;letter-spacing:0.04em}
.topbar__inner{max-width:1120px;margin:0 auto;padding:9px 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.topbar a{color:#ece3d4;border-bottom:none;margin-left:18px;opacity:.78}
.topbar a:hover{opacity:1}

.site-header{border-bottom:1px solid var(--rule);background:var(--bg)}
.site-header__inner{max-width:1120px;margin:0 auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:14px;border-bottom:none}
.brand__mark{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#f5efe6;display:flex;align-items:center;justify-content:center;font-family:'Iowan Old Style',serif;font-size:21px;font-weight:600;letter-spacing:.04em}
.brand__title{font-family:'Iowan Old Style',serif;font-size:21px;font-weight:600;color:var(--text);line-height:1.15}
.brand__sub{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:11.5px;color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;margin-top:2px}
.main-nav{display:flex;gap:24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px}
.main-nav a{color:var(--text-soft);border-bottom:none;padding-bottom:2px}
.main-nav a:hover, .main-nav a.current{color:var(--accent);border-bottom:1px solid var(--accent)}

main{max-width:var(--maxw);margin:0 auto;padding:36px 28px 80px}
.hero{margin:24px 0 36px}
.hero figure{margin:0}
.hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px}
.hero figcaption{font-family:-apple-system,sans-serif;font-size:13px;color:var(--text-soft);margin-top:8px;font-style:italic}

.eyebrow{font-family:-apple-system,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin:6px 0 10px}

h1{font-family:'Iowan Old Style',serif;font-size:38px;line-height:1.18;font-weight:600;margin:0 0 20px;color:var(--text);letter-spacing:-0.005em}
h2{font-family:'Iowan Old Style',serif;font-size:26px;line-height:1.28;font-weight:600;margin:40px 0 14px;color:var(--text)}
h3{font-family:'Iowan Old Style',serif;font-size:19px;font-weight:600;margin:24px 0 8px;color:var(--text)}
p{margin:0 0 18px}
p.lede{font-size:19.5px;line-height:1.6;color:var(--text-soft);font-style:italic;margin-bottom:30px;border-left:2px solid var(--gold);padding-left:18px}

.rule{border:0;border-top:1px solid var(--rule);margin:36px 0}
.dropcap::first-letter{font-family:'Iowan Old Style',serif;font-size:62px;line-height:.85;float:left;font-weight:600;color:var(--accent);padding:6px 8px 0 0;margin-top:4px}

.posts{list-style:none;padding:0;margin:36px 0;display:grid;grid-template-columns:1fr;gap:30px}
.post-card{background:var(--bg-warm);border-radius:2px;overflow:hidden;display:grid;grid-template-columns:140px 1fr;gap:0}
@media (min-width:520px){.post-card{grid-template-columns:200px 1fr}}
.post-card__media{background:#999}
.post-card__media img{width:100%;height:100%;object-fit:cover}
.post-card__body{padding:18px 22px 20px}
.post-card__kicker{font-family:-apple-system,sans-serif;font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:6px}
.post-card__title{font-family:'Iowan Old Style',serif;font-size:21px;line-height:1.25;font-weight:600;color:var(--text);margin:0 0 8px}
.post-card__title a{color:var(--text);border-bottom:none}
.post-card__excerpt{font-size:14.5px;color:var(--text-soft);line-height:1.55;margin:0}

figure.inline-art{margin:28px 0}
figure.inline-art img{width:100%;border-radius:2px}
figure.inline-art figcaption{font-family:-apple-system,sans-serif;font-size:13px;color:var(--text-soft);margin-top:8px;font-style:italic;line-height:1.45}

blockquote{margin:32px 0;padding:8px 24px;border-left:3px solid var(--gold);font-family:'Iowan Old Style',serif;font-size:20px;line-height:1.5;color:var(--text-soft);font-style:italic}

.about-box{background:var(--bg-warm);padding:24px 26px;border-radius:2px;margin-top:48px;font-size:15px;line-height:1.6;color:var(--text-soft)}
.about-box h3{margin-top:0;color:var(--text);font-family:-apple-system,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.14em;font-weight:600}

.byline{font-family:-apple-system,sans-serif;font-size:13px;color:var(--text-soft);margin:0 0 28px;letter-spacing:.02em}
.byline strong{color:var(--text);font-weight:600}

.footer{border-top:1px solid var(--rule);background:var(--bg);padding:32px 0 40px;margin-top:40px;font-family:-apple-system,sans-serif;font-size:13px;color:var(--text-soft)}
.footer__inner{max-width:1120px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
.footer a{color:var(--text-soft);border-bottom:none}
.footer a:hover{color:var(--accent)}
