/* Modern, masculine palette */

:root{
  --primary:#0F1F2C;     /* deep navy */
  --accent:#8C6800;      /* muted gold */
  --bg:#ffffff;
  --surface:#F6F7F9;
  --sans:'Inter','Segoe UI',sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:var(--sans);
  background:var(--bg);
  color:#222;
  line-height:1.65;
  scroll-behavior:smooth;
}

a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}

.container{
  max-width:980px;
  margin:auto;
  padding:0 1rem;
}

/* ===== Header ===== */
.site-header{
  background:var(--primary);
  color:#fff;
  position:sticky;top:0;z-index:100;
}
.logo a{color:#fff;font-weight:600;font-size:1.2rem;}
.nav ul{display:flex;gap:1.5rem;list-style:none;}
.nav a{color:#fff;}
.hamburger{
  background:none;border:none;color:#fff;
  font-size:1.8rem;display:none;cursor:pointer;
}
.flex-between{display:flex;justify-content:space-between;align-items:center;}
@media(max-width:720px){
  .nav{position:absolute;inset:64px 0 auto 0;background:var(--primary);padding:1rem;display:none;}
  .nav ul{flex-direction:column;gap:1rem;}
  .nav.open{display:block;}
  .hamburger{display:block;}
}

/* ===== Sections ===== */
.section{padding:4rem 0;}
.alt{background:var(--surface);}
.section h2{font-size:2rem;color:var(--primary);margin-bottom:1rem;}
.hero{padding-top:5rem;}

.bullets li{margin-left:1.5rem;margin-bottom:.5rem;}
.pub-list{margin-left:1.5rem;}
.pub-list li{margin-bottom:1rem;}

.btn{
  background:var(--accent);color:#fff;
  padding:.6rem 1.2rem;border-radius:4px;font-weight:600;
  display:inline-block;
}

/* Blog preview */
.post-preview time{display:block;font-size:.9rem;color:#555;}
.read-more{font-weight:600;margin-top:.5rem;display:inline-block;}

/* ===== Footer ===== */
.site-footer{
  background:#111;color:#aaa;font-size:.9rem;
  padding:1rem 0;text-align:center;
}