:root{
  --bg:#fff;
  --text:#111;
  --accent:#b8860b; /* gold accent */
  --muted:#6b6b6b;
  --max-width:1100px;
  --serif: "Georgia", "Times New Roman", serif;
  --deco-letter-spacing:0.12em;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.45;
}

.container{max-width:var(--max-width);margin:0 auto;padding:24px}

.masthead{
  border-bottom:4px solid rgba(0,0,0,0.06);
  padding:18px 0;
  background:linear-gradient(180deg, rgba(250,248,240,1), rgba(245,243,236,1));
}
.brand{
  font-family:var(--serif);
  font-size:36px;
  margin:0;
  letter-spacing:var(--deco-letter-spacing);
  color:var(--text);
  font-weight:700;
}
.main-nav{margin-top:8px}
.main-nav a{margin-right:18px;color:var(--muted);text-decoration:none;font-weight:600}
.hero{padding:36px 0}
.eyebrow{font-family:var(--serif);font-size:14px;color:var(--accent);margin:0 0 8px 0}
.lead{font-size:18px;color:var(--muted);max-width:60%}
.cards{display:flex;gap:18px;margin-top:20px;flex-wrap:wrap}
.card{flex:1 1 220px;padding:18px;border-radius:8px;background:rgba(0,0,0,0.02)}
.card h3{margin:0 0 8px 0;font-family:var(--serif)}
.site-footer{border-top:1px solid rgba(0,0,0,0.06);padding:18px 0;margin-top:40px;color:var(--muted);font-size:14px}

/* Responsive */
@media (max-width:720px){
  .lead{max-width:100%}
  .brand{font-size:28px}
  .cards{flex-direction:column}
}

/* Dark theme */
body.theme-dark{
  --bg:#0f0f10;
  --text:#e9e9e9;
  --muted:#bdbdbd;
  background:linear-gradient(180deg,#0b0b0c,#111);
}