:root {
    --green: rgb(17 91 71);
    --green-dark: rgb(15 61 48);
    --green-ink: rgb(10 40 32);
    --bronze: rgb(182 116 42);
    --bronze-light: rgb(202 140 68);
    --cream: rgb(250 249 247);
    --muted: rgb(88 96 92);
    --border: rgb(220 218 214);
  }
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Roboto", ui-sans-serif, system-ui, sans-serif;
  background: #f7f5f1;
  color: #0f3d30;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
h4 {
  letter-spacing: -0.02em;
}
.container-x {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1.25rem;
  max-width: 80rem;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #b6742a;
}
.eyebrow::before {
  content: "";
  width: 2rem;
  height: 1px;
  background: currentColor;
}
.bg-ink {
  background-color: #0f3d30;
}
.text-ink {
  color: #0f3d30;
}
.bg-ember {
  background-color: #b6742a;
}
.text-ember {
  color: #b6742a;
}
.bg-secondary {
  background: #115b470a;
}
.text-ink\/10 {
  color: rgba(15, 61, 48, 0.1);
}

.bg-green { background-color: var(--green); }
.bg-green-ink { background-color: var(--green-ink); }


.mobile-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 40; height: calc(100dvh - 4rem); border-top: 1px solid var(--border); 
background: var(--cream); overflow-y: auto; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
  .mobile-menu.open { display: block; }
  .hamburger-line { position: absolute; width: 1.25rem; height: 2px; background: var(--green-ink); transition: all 0.3s; }