:root{
  --ink:#2b2b2b;
  --muted:#6b6b6b;
  --line:#e6e2dc;
  --accent:#8a6d3b;
  --bg:#faf8f5;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Georgia, 'Times New Roman', serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1080px; margin:0 auto; padding:0 20px}

header.site-header{
  background:#fff;
  border-bottom:1px solid var(--line);
  padding:18px 0;
}
header.site-header .wrap{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
}
.site-title{font-size:1.4rem; letter-spacing:.5px; margin:0}
.site-title a{color:var(--ink)}
nav.site-nav ul{list-style:none; display:flex; gap:22px; margin:0; padding:0; flex-wrap:wrap}
nav.site-nav a{color:var(--ink); font-size:.95rem}

.hero{
  position:relative;
  background:#333 center/cover no-repeat;
  color:#fff;
  padding:90px 0;
  text-align:center;
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background:rgba(20,15,10,.5);
}
.hero .wrap{position:relative}
.hero .eyebrow{letter-spacing:2px; text-transform:uppercase; font-size:.85rem; opacity:.9}
.hero h1{font-size:2.4rem; margin:14px 0 0; font-weight:normal}

.features{padding:60px 0 20px}
.features .grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:30px; text-align:center}
.features h3{margin:0 0 8px; font-size:1.1rem; color:var(--accent)}
.features p{color:var(--muted); font-size:.95rem; margin:0}

.intro{padding:20px 0 60px; text-align:center}
.intro p{max-width:720px; margin:0 auto; font-size:1.1rem; color:var(--ink)}

.articles{background:#fff; padding:60px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.articles h2{text-align:center; font-weight:normal; letter-spacing:1px; text-transform:uppercase; font-size:1rem; color:var(--muted); margin-bottom:36px}
.article-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:30px}
.article-card{border:1px solid var(--line); padding:22px; background:var(--bg)}
.article-card time{font-size:.8rem; color:var(--muted)}
.article-card h3{margin:8px 0; font-size:1.1rem}
.article-card p{color:var(--muted); font-size:.95rem}

footer.site-footer{padding:40px 0; text-align:center; color:var(--muted); font-size:.9rem}
footer.site-footer .addr{margin-bottom:10px}
footer.site-footer nav ul{list-style:none; display:flex; justify-content:center; gap:18px; padding:0; margin:14px 0 0; flex-wrap:wrap}