:root{
  --bg:#fafaf7;--ink:#1a1a1a;--ink-soft:#454545;--ink-faint:#888;
  --accent:#5a5a4a;--line:rgba(0,0,0,.1);
  --display:'Libre Caslon Text',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--display);background:var(--bg);color:var(--ink);font-size:17px;line-height:1.7}
a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border .2s}
a:hover{border-bottom-color:var(--ink)}
img{display:block;max-width:100%;height:auto}
.wrap{max-width:640px;margin:0 auto;padding:0 28px}
.site-header{padding:60px 0 32px;text-align:left}
.brand{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:.04em}
.brand-sub{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-top:6px;font-weight:400}
.nav{margin-top:24px;font-family:var(--sans);font-size:13px;display:flex;gap:24px;font-weight:400}
.nav a{color:var(--ink-soft)}
.nav a:hover{color:var(--ink);border-bottom-color:var(--ink)}
.intro{padding:50px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:18px}
.intro h1{font-family:var(--display);font-size:36px;font-weight:400;line-height:1.3;margin-bottom:14px}
.intro p{color:var(--ink-soft);font-size:16px;max-width:520px}
.entries{padding:40px 0 60px}
.entry{padding:22px 0;border-bottom:1px solid var(--line)}
.entry-row{display:flex;gap:24px;align-items:baseline}
.entry-date{font-family:var(--sans);font-size:12px;color:var(--ink-faint);min-width:80px;letter-spacing:.04em}
.entry-title{font-family:var(--display);font-size:18px;font-weight:400;line-height:1.4;flex:1}
.entry-title a:hover{color:var(--ink)}
.entry-dek{margin-top:8px;padding-left:104px;font-size:14px;color:var(--ink-soft)}
.article{padding:50px 0 30px}
.article-kicker{font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px;font-weight:500}
.article h1{font-family:var(--display);font-size:36px;font-weight:400;line-height:1.2;margin-bottom:18px}
.article .dek{font-size:18px;color:var(--ink-soft);margin-bottom:24px;line-height:1.5;font-style:italic}
.article-meta{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--sans);font-size:12px;color:var(--ink-faint);display:flex;justify-content:space-between;letter-spacing:.04em;margin-bottom:30px}
.hero-img{margin:0 0 30px}
.hero-img img{width:100%;max-height:420px;object-fit:cover;filter:grayscale(.4)}
.body p{margin:0 0 22px}
.body h2{font-family:var(--display);font-size:22px;font-weight:400;font-style:italic;margin:36px 0 12px;color:var(--ink)}
.body blockquote{margin:30px 0;padding:0 0 0 24px;border-left:2px solid var(--ink);font-style:italic;color:var(--ink-soft);font-size:18px}
.body figure{margin:30px 0}
.body figure img{filter:grayscale(.4)}
.footer{margin-top:80px;padding:20px 0 50px;border-top:1px solid var(--line);font-family:var(--sans);font-size:12px;color:var(--ink-faint);letter-spacing:.04em;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.about-body{padding:40px 0 60px}
.about-body h2{font-family:var(--display);font-size:24px;margin:30px 0 12px;font-weight:400;font-style:italic}
.about-body p{margin-bottom:18px;color:var(--ink-soft)}
@media(max-width:600px){.entry-row{flex-direction:column;gap:4px}.entry-dek{padding-left:0}.article h1{font-size:28px}}