:root{
  --cream:#F4EFE2;
  --green:#283A2E;
  --gold:#C2A35A;
  --ink:#2c2c28;
  --line:rgba(40,58,46,.14);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'EB Garamond', Georgia, 'Times New Roman', serif;
  background:var(--cream);color:var(--ink);line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:780px;margin:0 auto;padding:0 28px;}
a{color:var(--green);}
img{max-width:100%;}

/* Nav */
nav{border-bottom:1px solid var(--line);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;
  max-width:780px;margin:0 auto;padding:20px 28px;flex-wrap:wrap;gap:10px;}
.logo{font-size:1.05rem;letter-spacing:5px;text-transform:uppercase;color:var(--green);
  text-decoration:none;font-weight:600;}
.nav-links a{margin-left:24px;text-decoration:none;color:var(--ink);font-size:1.05rem;}
.nav-links a:hover{color:var(--gold);}
.nav-links a.active{color:var(--gold);}

/* Buttons */
.btn{display:inline-block;background:var(--green);color:var(--cream);text-decoration:none;
  padding:15px 34px;border-radius:4px;font-size:1.05rem;letter-spacing:.3px;transition:opacity .2s;}
.btn:hover{opacity:.88;}
.btn-ghost{background:transparent;color:var(--green);border:1px solid var(--green);}

/* Hero */
header.hero{text-align:center;padding:84px 0 66px;border-bottom:1px solid var(--line);}
.brand{font-size:1rem;letter-spacing:8px;text-transform:uppercase;color:var(--gold);margin-bottom:24px;}
h1{font-size:2.7rem;font-weight:600;color:var(--green);line-height:1.2;margin-bottom:20px;}
.tagline{font-size:1.25rem;font-style:italic;max-width:580px;margin:0 auto 32px;}

/* Sections */
section{padding:58px 0;border-bottom:1px solid var(--line);}
h2{font-size:1.7rem;color:var(--green);font-weight:600;margin-bottom:18px;}
h3{font-size:1.25rem;color:var(--green);font-weight:600;margin-bottom:6px;}
p{font-size:1.18rem;margin-bottom:18px;}
.lead{font-size:1.35rem;}
.center{text-align:center;}
.muted{color:rgba(44,44,40,.7);}

/* Lists */
.questions{list-style:none;margin:22px 0;}
.questions li{font-size:1.35rem;color:var(--green);padding:14px 0 14px 32px;
  border-bottom:1px solid var(--line);position:relative;}
.questions li:before{content:"—";position:absolute;left:0;color:var(--gold);}

.pillars{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px;}
.pillar{padding:22px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.25);}
.pillar p{font-size:1.05rem;margin:0;}

.letters{list-style:none;}
.letters li{padding:20px 0;border-bottom:1px solid var(--line);}
.letters a.t{text-decoration:none;font-size:1.3rem;font-weight:600;color:var(--green);}
.letters span{display:block;font-style:italic;font-size:1.08rem;margin-top:4px;}
.kicker{font-size:.85rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);}

/* CTA + footer */
.cta{text-align:center;padding:70px 0 86px;}
.cta h2{margin-bottom:24px;}
.divider{width:60px;height:3px;background:var(--gold);border:none;margin:28px auto;border-radius:2px;}
footer{text-align:center;padding:32px 0;color:rgba(44,44,40,.6);font-size:.95rem;}

blockquote{font-size:1.4rem;font-style:italic;color:var(--green);
  border-left:3px solid var(--gold);padding:6px 0 6px 24px;margin:26px 0;}

@media(max-width:560px){
  h1{font-size:2.1rem;}.tagline{font-size:1.1rem;}
  .pillars{grid-template-columns:1fr;}
  .nav-links a{margin-left:16px;font-size:.98rem;}
}