:root {
  --paper: #f4f2ed;
  --paper-deep: #eae7df;
  --ink: #151515;
  --muted: #6f6d68;
  --line: rgba(21, 21, 21, .16);
  --accent: #E38357;
  --accent-dark: #B05A38;
  --lime: #c8ff4c;
  --nav-green: #2B3C2D;
  --brown: #b9977d;
  --espresso: #3E2B22;
  --parchment: #F5F1E8;
  --serif: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: Arial, Helvetica, sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.45; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.section-pad { padding-left: clamp(24px, 4vw, 72px); padding-right: clamp(24px, 4vw, 72px); }

h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: var(--serif); font-weight: 350; letter-spacing: -.055em; }
h1 { max-width: 680px; margin-bottom: 30px; font-size: clamp(44px, 5.1vw, 74px); line-height: .99; }
h2 { margin-bottom: 24px; font-size: clamp(40px, 4.25vw, 64px); line-height: 1; }
h3 { font-weight: 350; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 0 21px; border: 1px solid transparent; border-radius: 999px; font-size: 14px; cursor: pointer; transition: background .24s ease, color .24s ease, border-color .24s ease; }
.text-arrow:hover { transform: translateY(-2px); }
.button-light { border-color: rgba(21,21,21,.42); background: transparent; }
.button-dark { background: var(--ink); color: #fff; }
.button-blue { background: var(--accent); color: var(--nav-green); }
.button-lime { background: var(--lime); color: var(--ink); }
.button-light:hover { border-color: var(--ink); background: var(--ink); color: #fff; }
.button-dark:hover { border-color: var(--paper); background: var(--paper); color: var(--ink); }
.site-header:not(.scrolled) .header-actions .button-dark:hover { border-color: var(--ink); }
.button-blue:hover { border-color: var(--accent-dark); background: var(--accent-dark); color: #fff; }
.button-lime:hover { border-color: #fff; background: #fff; color: var(--ink); }