*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:"Georgia","Times New Roman",serif;
  line-height:1.7;
  color:#2b2620;
  background:
    radial-gradient(ellipse at 18% 12%, rgba(205,190,160,.35), transparent 55%),
    radial-gradient(ellipse at 85% 85%, rgba(185,170,140,.3), transparent 50%),
    #ece5d8;
  min-height:100vh;
}
a{color:#6a4a2f;text-decoration:underline;text-underline-offset:3px}
a:hover{color:#8a6a3f}
header{
  padding:3.2rem 1.5rem 1.6rem;
  text-align:center;
  border-bottom:1px solid rgba(80,60,35,.18);
}
header h1{
  font-size:3rem;font-weight:normal;font-style:italic;letter-spacing:.01em;
  color:#3a2f22;
}
header .tag{font-size:1.05rem;color:#7a6a52;font-style:italic;margin-top:.4rem}
.wrap{max-width:960px;margin:0 auto;padding:2.8rem 1.4rem}
.lede{
  text-align:center;
  padding:1rem 0 2.4rem;
  border-bottom:1px solid rgba(80,60,35,.18);
}
.kicker{
  font-size:.85rem;letter-spacing:.28em;text-transform:uppercase;
  color:#8a7a5c;margin-bottom:1rem;
}
.lede h2{font-size:2.6rem;font-weight:normal;font-style:italic;color:#3a2f22}
.lede-copy{
  max-width:640px;margin:1.2rem auto 0;font-size:1.2rem;color:#50422f;
}
.lede-link{margin-top:1.4rem;font-style:italic;font-size:1.15rem}
.columns{
  display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;
  padding:2.6rem 0;border-bottom:1px solid rgba(80,60,35,.18);
}
.card h3{font-size:1.25rem;font-style:italic;color:#4a3a26;margin-bottom:.6rem}
.card p{color:#5a4a34;font-size:1.02rem}
.card a{display:inline-block;margin-top:.7rem}
.neighbors{padding:2.4rem 0}
.neighbors h3{font-style:italic;color:#4a3a26;margin-bottom:1rem}
footer{
  text-align:center;padding:1.8rem;color:#7a6a52;
  border-top:1px solid rgba(80,60,35,.18);font-style:italic;
}
@media(max-width:720px){.columns{grid-template-columns:1fr}}