@import url(capabilities.css);
@import url(contact.css);
@import url(divider.css);
@import url(footer.css);
@import url(hero.css);
@import url(intro.css);
@import url(materials.css);
@import url(nav.css);
@import url(process.css);
@import url(quoteband.css);
@import url("../assets/fonts/Jost/jost.css");
@import url("../assets/fonts/Inter/inter.css");
@import url("../assets/fonts/Besley/besley.css");

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --green-deep:  #1a2e1e;
  --green-dark:  #233228;
  --green-mid:   #2e4534;
  --green-tone:  #3d5c43;
  --green-muted: #5a7a60;
  --green-pale:  #8aab8f;
  --cream:       #f5f0e8;
  --cream-warm:  #ede7d8;
  --cream-dark:  #d6cdb8;
  --cream-deep:  #bdb49d;
  --gold:        #c6c2c2;
  --gold-muted:  #848482;
  /* --gold:        #c9a84c;
  --gold-muted:  #a88a3a; */
}

html { scroll-behavior: smooth; }

body {
  background: var(--cream);
  color: var(--green-deep);
  font-family: 'Jost';
  font-size: 18px;
  line-height: 1.65;
  overflow-x: hidden;
}

.section-label {
  font-family: 'Jost' !important;
  font-weight: 500 !important;
  font-size: 1.05rem !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  color: var(--green-muted) !important;
  padding-top: 0.5rem !important;
}

.section-label span {
  color: var(--gold) !important;
  margin-right: 0.5em !important;
}

/* ─── SCROLL ANIMATIONS ─── */
/* .fade-up {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
} */