:root{
  --primary:#53673a;
  --primary-2:#6f8454;
  --accent:#df2b22;
  --bg:#ffffff;
  --soft:#f7f8f2;
  --soft-2:#eef2e6;
  --text:#262626;
  --muted:#5f6459;
  --line:#dde4d4;
  --shadow:0 18px 40px rgba(40,40,40,.10);
  --radius:24px;
  --max:1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  padding-top: 160px;
}
body{
  margin:0;
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.6;
}

a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}

.wrap{
  width:min(calc(100% - 32px),var(--max));
  margin:0 auto;
}

.section{padding:78px 0}
.section.alt{background:var(--soft)}

.section-head{
  text-align:center;
  max-width:820px;
  margin:0 auto 28px;
}

.section-head h2{
  margin:0 0 10px;
  color:var(--primary);
  font-size:clamp(2rem,4.5vw,3rem);
  line-height:1.05;
}

.section-head p{
  margin:0;
  color:var(--muted);
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 22px;
  border-radius:999px;
  font-weight:800;
  border:1px solid transparent;
  transition:.2s ease;
}
.brand-location{
  display:block;
  color:inherit;
}

.brand-location:hover{
  text-decoration:underline;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--accent);color:#fff}
.btn-secondary{background:#fff;color:var(--primary)}
