:root{
  --ink:#2b2219;
  --muted:#7d7061;
  --muted-2:#a39985;
  --paper:#faf6ef;
  --panel:#fff;
  --bg:#faf6ef;
  --line:#e6dcc8;
  --white:#ffffff;
  --accent:#cbb188;
  --accent-2:#8a6a3f;
  --accent-ink:#8a6a3f;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:'Inter', Arial, Helvetica, sans-serif;
  background:#fff;
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Inter', Arial, sans-serif}
.display{font-family:'Fraunces', Georgia, serif;font-optical-sizing:auto}
a{color:inherit}

.topnav{
  position:sticky;top:0;z-index:50;
  background:rgba(250,246,239,.88);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.topnav-inner{
  width:min(1160px,94%);margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 0;
}
.brand{
  font-family:'Fraunces', Georgia, serif;font-weight:600;font-size:19px;
  text-decoration:none;color:var(--ink);letter-spacing:.2px;
}
.nav-links{display:flex;align-items:center;gap:4px}
.nav-links a{
  text-decoration:none;font-weight:600;font-size:13.5px;color:var(--muted);
  padding:9px 18px;border-radius:30px;transition:background .2s,color .2s;
  letter-spacing:.2px;
}
.nav-links a:hover{color:var(--ink);background:var(--white)}
.nav-links a.active{color:var(--white);background:var(--ink)}
.nav-linkedin{
  display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;padding:0 !important;margin-left:6px;
  border-radius:50%;color:var(--muted) !important;background:transparent;
}
.nav-linkedin svg{width:18px;height:18px}
a.nav-linkedin:hover{color:var(--white) !important;background:#7d7061;}

@media(max-width:600px){
  .topnav-inner{padding:14px 0}
  .brand{font-size:17px}
  .nav-links a{padding:7px 12px;font-size:12.5px}
}