:root{
  --paper:#F7F6F3;
  --ink:#141416;
  --muted:#5A5A60;
  --rule:#D8C5A5;
  --soft-rule:#E6DED0;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);}
body{font-family:"Georgia","Times New Roman",serif;line-height:1.55;}
a{color:inherit;text-decoration:none;border-bottom:1px solid var(--soft-rule);}
.wrap{max-width:980px;margin:0 auto;padding:38px 26px 60px;}
.header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;}
.brand img{height:46px;
  margin-top: 6px;
}
.rule{height:2px;background:var(--rule);margin:28px 0 22px;}
.nav{display:flex;gap:18px;font-size:14px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;}
.nav a.active{border-bottom:2px solid var(--rule);}
h1{font-size:38px;font-weight:500;}
h2{font-size:18px;font-weight:700;margin-top:26px;}
p{font-size:17px;color:var(--muted);}
.lede{text-align:center;max-width:820px;margin:0 auto;}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;}
.card{border-top:2px solid var(--soft-rule);padding-top:14px;}
.card h3{text-transform:uppercase;font-size:14px;letter-spacing:.08em;}
.box{border:2px solid var(--rule);border-radius:12px;padding:16px 18px;margin-top:18px;background:#FBFBF9;}
.footer{margin-top:30px;padding-top:18px;border-top:2px solid var(--rule);display:flex;justify-content:space-between;font-size:13px;color:var(--muted);}
@media(max-width:860px){.grid3{grid-template-columns:1fr;}.header{flex-direction:column;}}


/* Mobile nav label shortening */
.nav-short{display:none;}

@media (max-width: 768px){
  .nav{flex-wrap:wrap;justify-content:center;gap:8px 12px;}
  .nav a{font-size:12px;letter-spacing:.04em;white-space:nowrap;}
  .nav-full{display:none;}
  .nav-short{display:inline;}
}