:root{--fg:#222;--muted:#777;--bg:#fafafa;--card:#fff;--accent:#5a4a3a;--max:780px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.container{max-width:var(--max);margin:0 auto;padding:0 24px}
.site-header{padding:32px 0;border-bottom:1px solid #eee;background:var(--card)}
.site-header .container{display:flex;justify-content:space-between;align-items:center}
.site-title{text-decoration:none;color:var(--fg);font-size:22px;font-weight:300;letter-spacing:0.5px}
nav a{color:var(--muted);text-decoration:none;margin-left:24px;font-size:14px}
nav a:hover{color:var(--fg)}
main{padding:48px 0 64px}
.hero{text-align:center;margin:48px 0 64px}
.hero h1{font-weight:200;font-size:42px;margin:0 0 12px;letter-spacing:-0.5px}
.hero .lead{color:var(--muted);font-size:18px;font-weight:300;margin:0}
.posts{display:flex;flex-direction:column;gap:48px}
.post-card{background:var(--card);border-radius:6px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.post-cover{display:block;aspect-ratio:3/2;background:#e5e5e5;position:relative}
.post-cover img{display:block;width:100%;height:100%;object-fit:cover}
.post-cover.placeholder{background:linear-gradient(135deg,#d4c5b3 0%,#a8907a 100%)}
.post-meta{padding:20px 24px}
.post-meta h2{margin:0 0 8px;font-size:22px;font-weight:400}
.post-meta h2 a{color:var(--fg);text-decoration:none}
.post-meta h2 a:hover{color:var(--accent)}
.post-meta time{color:var(--muted);font-size:13px}
.post-meta .loc{color:var(--muted);font-size:13px}
.single-post header{margin-bottom:32px;text-align:center}
.single-post h1{font-weight:300;font-size:34px;margin:0 0 12px}
.single-post .meta{color:var(--muted);font-size:14px;margin:0}
.single-post figure{margin:0 0 32px}
.single-post figure .placeholder{aspect-ratio:3/2;border-radius:6px;background:linear-gradient(135deg,#d4c5b3 0%,#a8907a 100%)}
.single-post figcaption{color:var(--muted);font-size:13px;text-align:center;margin-top:8px;font-style:italic}
.single-post .content{font-size:17px;line-height:1.8}
.single-post .back{display:inline-block;margin-top:48px;color:var(--muted);font-size:14px;text-decoration:none}
.single-post .back:hover{color:var(--accent)}
.site-footer{padding:32px 0;border-top:1px solid #eee;background:var(--card);text-align:center}
.site-footer small{color:var(--muted);font-size:13px}
@media(max-width:600px){.hero h1{font-size:32px}.post-meta{padding:16px}}