:root{
  --bg:#faf8f5;
  --card:#ffffff;
  --muted:#6b6b6b;
  --accent:#e85d04;
  --text:#1a1a1a;
  --link:#c44900;
  --border:#e8e6e3;
  font-family: 'Charter', 'Bitstream Charter', 'Sitka Text', Cambria, Georgia, serif;
}

*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html,body{
  height:100%;
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
  padding:40px 20px;
}

.site{
  max-width:640px;
  margin:0 auto;
}

.hero{
  margin-bottom:40px;
  padding-bottom:24px;
  border-bottom:2px solid var(--text);
}

h1{
  font-size:2.5rem;
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.1;
}

.tagline{
  margin-top:8px;
  font-size:1.1rem;
  color:var(--muted);
  font-style:italic;
}

.content section{
  margin-bottom:32px;
}

h2{
  font-size:1.25rem;
  font-weight:600;
  margin-bottom:12px;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:var(--accent);
}

p, li{
  margin-bottom:8px;
  font-size:1.05rem;
}

ul{
  padding-left:20px;
}

li{
  margin-bottom:12px;
}

a{
  color:var(--link);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:color 0.2s;
}

a:hover{
  color:var(--accent);
}

.contact-links{
  display:flex;
  gap:16px;
  margin-top:8px;
}

.contact-links a{
  font-weight:500;
}

.footer{
  margin-top:48px;
  padding-top:24px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-size:0.9rem;
}

@media (min-width:720px){
  h1{font-size:3.5rem}
}