/* TREESTR v1 - logo shapes are supplied as outlined SVG, not a font. */
:root {
  --treestr-forest: #173E2C;
  --treestr-moss: #5B6F41;
  --treestr-cream: #F4F0E6;
  --treestr-ink: #202B24;
  --treestr-white: #FFFFFF;
  --font-body: Arial, Helvetica, sans-serif;
  --font-heading: Arial, Helvetica, sans-serif;
  --content-width: 72rem;
  --radius: .375rem;
}
body { margin: 0; background: var(--treestr-cream); color: var(--treestr-ink); font: 1rem/1.6 var(--font-body); }
h1,h2,h3 { font-family: var(--font-heading); font-weight: 800; line-height: 1.12; letter-spacing: -.025em; }
h1 { font-size: clamp(2.4rem, 5vw, 4.5rem); }
h2 { font-size: clamp(1.8rem, 3vw, 2.75rem); }
.treestr-logo { display: block; width: clamp(150px, 22vw, 240px); height: auto; }
.treestr-logo--tagline { width: clamp(280px, 45vw, 520px); max-width: 100%; height: auto; }
.treestr-button { display: inline-flex; align-items: center; min-height: 44px; padding: .6rem 1.25rem; background: var(--treestr-forest); color: var(--treestr-cream); border: 0; border-radius: var(--radius); font: 700 1rem/1.4 var(--font-body); text-decoration: none; }
a { color: var(--treestr-forest); text-underline-offset: .2em; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--treestr-moss); outline-offset: 4px; }