:root{
  --paper:#EAE3D2;
  --ink:#2A2620;
  --clay:#B07A5B;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:"Noto Serif SC",Georgia,"Times New Roman",serif;
  line-height:1.85;
  font-size:18px;
  -webkit-font-smoothing:antialiased;
}
header{
  padding:56px 24px 40px;
  text-align:center;
  border-bottom:1px solid rgba(42,38,32,.14);
}
.logo{
  font-size:13px;
  letter-spacing:.34em;
  color:var(--clay);
  text-transform:uppercase;
}
h1{font-size:33px;margin:18px 0 8px;font-weight:600;line-height:1.35}
.subtitle{font-size:16px;color:rgba(42,38,32,.66);font-style:italic}
h2{font-size:23px;margin:42px 0 10px;color:var(--clay);font-weight:600}
.container{max-width:760px;margin:0 auto;padding:40px 24px 72px}
p{margin:16px 0}
ul{margin:14px 0 14px 22px}
li{margin:8px 0}
.cta{
  display:inline-block;
  margin-top:34px;
  padding:14px 30px;
  background:var(--clay);
  color:var(--paper);
  text-decoration:none;
  border-radius:3px;
  letter-spacing:.06em;
  font-size:16px;
}
.cta:hover{opacity:.88}
.nav{font-size:14px;text-align:center;padding:22px;color:var(--clay)}
.nav a{color:var(--clay);text-decoration:none;margin:0 12px}
.nav a:hover{text-decoration:underline}
.fact{
  background:rgba(176,122,91,.12);
  padding:18px 22px;
  border-left:3px solid var(--clay);
  margin:26px 0;
  font-size:16px;
}
.footer{
  padding:44px 24px;
  text-align:center;
  font-size:13px;
  color:rgba(42,38,32,.58);
  border-top:1px solid rgba(42,38,32,.14);
}
.footer a{color:var(--clay);text-decoration:none}