:root {
  --orange:#d56a16;
  --deep-orange:#a7470c;
  --sand:#f4eee5;
  --ink:#352d26;
  --muted:#74685d;
  --line:#e3d8ca;
  --white:#fffdf9;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
}

body {
  margin:0;
  background:var(--white);
  color:var(--ink);
  font:16px/1.75 'DM Sans',Arial,sans-serif;
}

a {
  color:inherit;
  text-decoration:none;
}

h1,h2,h3 {
  font-family:Manrope,Arial,sans-serif;
  line-height:1.18;
  letter-spacing:-.04em;
  margin:0 0 24px;
}

h1 {
  font-size:clamp(38px,4.6vw,64px);
  font-weight:650;
  max-width:1000px;
}

h2 {
  font-size:clamp(29px,3vw,40px);
  font-weight:600;
}

h3 {
  font-size:22px;
  letter-spacing:-.02em;
}

p {
  margin:0 0 22px;
  color:var(--muted);
}

.container {
  width:min(1200px,calc(100% - 96px));
  margin-inline:auto;
}