:root {
  --page-width: 1672px;
  --nav-height: 118px;
  --ink: #102216;
  --green: #294417;
  --paper: #f4eee3;
}

* {
  box-sizing: border-box;
}

html {
  min-width: var(--page-width);
  scroll-behavior: smooth;
  scroll-padding-top: var(--nav-height);
}

body {
  min-width: var(--page-width);
  margin: 0;
  background: #d8d1c5;
  color: var(--ink);
  overflow-x: auto;
}

.site-nav {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: max(0px, calc((100vw - var(--page-width)) / 2));
  width: var(--page-width);
  height: var(--nav-height);
  transform: none;
}

.nav-authority {
  position: absolute;
  inset: 0;
  display: block;
  width: 1672px;
  height: 118px;
}

.nav-controls {
  position: absolute;
  top: 31px;
  left: 644px;
  display: flex;
  height: 58px;
  align-items: flex-start;
  white-space: nowrap;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 39px;
}

.nav-link {
  position: relative;
  display: block;
  height: 58px;
  padding: 0 10px;
  color: #111b15;
  text-decoration: none;
}

.separator {
  width: 1px;
  height: 19px;
  margin: 10px 14px 0;
  background: rgba(27, 48, 36, 0.55);
}

.nav-link.is-active::before {
  position: absolute;
  top: 40px;
  left: 5px;
  width: calc(100% - 10px);
  height: 1px;
  background: #667850;
  content: "";
}

.nav-link.is-active::after {
  position: absolute;
  top: 35px;
  left: 50%;
  padding: 0 5px;
  transform: translateX(-50%);
  background: var(--paper);
  color: #4d6829;
  content: "❧";
  font-family: Georgia, serif;
  font-size: 17px;
  line-height: 14px;
}

.donate-link {
  height: 39px;
  margin-left: 18px;
  padding: 0 19px;
  border: 1px solid #19310f;
  border-radius: 6px;
  background: linear-gradient(#3d591f, #263d13);
  color: #fffdf6;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  text-shadow: 0 1px 1px #17220e;
}

.donate-link.is-active::before {
  top: 45px;
}

.donate-link.is-active::after {
  top: 40px;
}

.languages {
  display: flex;
  height: 39px;
  align-items: center;
  margin-left: 23px;
  gap: 14px;
}

.languages button {
  color: #101a14;
  font: inherit;
}

.languages button {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.language-option.is-current {
  font-weight: 700;
}

.language-option:focus-visible {
  outline: 2px solid #49642d;
  outline-offset: 4px;
}

.language-divider {
  width: 1px;
  height: 19px;
  background: rgba(27, 48, 36, 0.55);
}

.brochure {
  width: var(--page-width);
  margin: var(--nav-height) auto 0;
}

.brochure-section {
  position: relative;
  width: 1672px;
  margin: 0;
  padding: 0;
}

.brochure-section > img {
  display: block;
  width: auto;
  height: auto;
  max-width: none;
}

.home-bilingual {
  position: absolute;
  inset: 0;
  width: 1672px;
  height: 818px;
  pointer-events: none;
}

.home-mask,
.home-text,
.how-mask,
.how-text,
.garden-mask,
.garden-text,
.proof-mask,
.proof-text,
.story-mask,
.story-text,
.story-center-text,
.involved-mask,
.involved-text,
.donate-mask,
.donate-text {
  position: absolute;
  margin: 0;
  border: 0;
  box-shadow: none;
}

.home-mask,
.how-mask,
.garden-mask,
.proof-mask,
.story-mask,
.involved-mask,
.donate-mask {
  overflow: hidden;
  background-repeat: no-repeat;
  backdrop-filter: blur(22px) saturate(0.72) brightness(1.04);
  -webkit-mask-image:
    linear-gradient(to right, transparent, #000 0.8%, #000 99.2%, transparent),
    linear-gradient(to bottom, transparent, #000 3%, #000 97%, transparent);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent, #000 0.8%, #000 99.2%, transparent),
    linear-gradient(to bottom, transparent, #000 3%, #000 97%, transparent);
  mask-composite: intersect;
}

.home-text {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d281b;
  text-align: center;
  white-space: pre-line;
}

.mask-top-statement {
  top: 27px;
  left: 464px;
  width: 746px;
  height: 69px;
  background:
    linear-gradient(90deg, rgba(245, 237, 227, 0.58), rgba(243, 236, 227, 0.62) 52%, rgba(240, 230, 217, 0.56)),
    radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.22), transparent 70%);
}

.text-top-statement {
  top: 30px;
  left: 472px;
  width: 730px;
  height: 62px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: -0.35px;
}

.mask-hero-eyebrow {
  top: 126px;
  left: 322px;
  width: 214px;
  height: 27px;
  background: linear-gradient(90deg, rgba(246, 239, 232, 0.60), rgba(246, 239, 231, 0.64), rgba(245, 239, 231, 0.58));
}

.text-hero-eyebrow {
  top: 129px;
  left: 330px;
  width: 198px;
  height: 21px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 1.8px;
  white-space: nowrap;
}

.mask-hero-title {
  top: 160px;
  left: 211px;
  width: 421px;
  height: 150px;
  background:
    radial-gradient(ellipse at 52% 48%, rgba(247, 242, 235, 0.68) 0%, rgba(245, 239, 231, 0.61) 67%, rgba(239, 229, 217, 0.44) 100%);
}

.text-hero-title {
  top: 166px;
  left: 219px;
  width: 405px;
  height: 139px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 66px;
  font-weight: 400;
  line-height: 64px;
  letter-spacing: 2px;
}

.mask-hero-subtitle {
  top: 345px;
  left: 273px;
  width: 296px;
  height: 71px;
  background:
    radial-gradient(ellipse at 50% 45%, rgba(247, 243, 236, 0.68) 0%, rgba(244, 238, 230, 0.60) 70%, rgba(233, 222, 208, 0.42) 100%);
}

.text-hero-subtitle {
  top: 350px;
  left: 281px;
  width: 280px;
  height: 63px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 29px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: -0.3px;
}

.mask-hero-initiative {
  top: 423px;
  left: 247px;
  width: 355px;
  height: 25px;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(246, 241, 234, 0.70) 0%, rgba(239, 230, 218, 0.57) 62%, rgba(204, 183, 154, 0.34) 100%);
}

.text-hero-initiative {
  top: 425px;
  left: 254px;
  width: 341px;
  height: 21px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 21px;
  letter-spacing: 0.95px;
  white-space: nowrap;
}

.mask-hero-tagline {
  top: 454px;
  left: 273px;
  width: 301px;
  height: 52px;
  background:
    radial-gradient(ellipse at 50% 35%, rgba(246, 240, 232, 0.69) 0%, rgba(231, 216, 197, 0.54) 67%, rgba(176, 148, 110, 0.30) 100%);
}

.text-hero-tagline {
  top: 457px;
  left: 282px;
  width: 283px;
  height: 46px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.1px;
}

html[lang="es"] .text-top-statement {
  font-size: 24px;
  line-height: 1.18;
  letter-spacing: -0.45px;
}

html[lang="es"] .text-hero-initiative {
  font-size: 8.5px;
  letter-spacing: 0.35px;
}

html[lang="es"] .text-hero-tagline {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.mask-path-heading {
  top: 552px;
  left: 634px;
  width: 405px;
  height: 31px;
  background: linear-gradient(90deg, rgba(240, 231, 221, 0.56), rgba(243, 235, 225, 0.64), rgba(240, 231, 221, 0.56));
}

.text-path-heading {
  top: 555px;
  left: 642px;
  width: 389px;
  height: 25px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20.5px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.15px;
  white-space: nowrap;
}

.path-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.1px;
}

.path-body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.5px;
  letter-spacing: -0.1px;
}

.mask-path-01-title { top: 668px; left: 308px; width: 117px; height: 40px; }
.text-path-01-title { top: 672px; left: 314px; width: 105px; height: 33px; }
.mask-path-01-body { top: 710px; left: 304px; width: 127px; height: 56px; }
.text-path-01-body { top: 714px; left: 312px; width: 111px; height: 49px; }

.mask-path-02-title { top: 668px; left: 520px; width: 141px; height: 40px; }
.text-path-02-title { top: 672px; left: 527px; width: 127px; height: 33px; }
.mask-path-02-body { top: 710px; left: 519px; width: 143px; height: 56px; }
.text-path-02-body { top: 714px; left: 527px; width: 127px; height: 49px; }

.mask-path-03-title { top: 668px; left: 762px; width: 137px; height: 40px; }
.text-path-03-title { top: 672px; left: 770px; width: 121px; height: 33px; }
.mask-path-03-body { top: 710px; left: 759px; width: 143px; height: 56px; }
.text-path-03-body { top: 714px; left: 767px; width: 127px; height: 49px; }

.mask-path-04-title { top: 668px; left: 992px; width: 145px; height: 40px; }
.text-path-04-title { top: 672px; left: 1000px; width: 129px; height: 33px; }
.mask-path-04-body { top: 710px; left: 987px; width: 155px; height: 56px; }
.text-path-04-body { top: 714px; left: 995px; width: 139px; height: 49px; }

.mask-path-05-title { top: 668px; left: 1225px; width: 151px; height: 40px; }
.text-path-05-title { top: 672px; left: 1233px; width: 135px; height: 33px; }
.mask-path-05-body { top: 710px; left: 1224px; width: 153px; height: 56px; }
.text-path-05-body { top: 714px; left: 1232px; width: 137px; height: 49px; }

.mask-path-01-title,
.mask-path-01-body,
.mask-path-02-title,
.mask-path-02-body,
.mask-path-03-title,
.mask-path-03-body,
.mask-path-04-title,
.mask-path-04-body,
.mask-path-05-title,
.mask-path-05-body {
  background: linear-gradient(90deg, rgba(239, 229, 216, 0.57), rgba(244, 236, 226, 0.65) 50%, rgba(238, 227, 214, 0.56));
}

html[lang="es"] .text-path-heading {
  font-size: 18px;
  letter-spacing: -0.4px;
}

html[lang="es"] .path-title {
  font-size: 13.5px;
  line-height: 15.5px;
  letter-spacing: -0.2px;
}

html[lang="es"] .path-body {
  font-size: 10.5px;
  line-height: 14.5px;
  letter-spacing: -0.2px;
}

html[lang="es"] .text-path-01-body,
html[lang="es"] .text-path-03-body,
html[lang="es"] .text-path-04-body {
  font-size: 9.5px;
  line-height: 14px;
  letter-spacing: -0.3px;
}

.how-bilingual {
  position: absolute;
  inset: 0;
  width: 1672px;
  height: 804px;
  pointer-events: none;
}

.how-text {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d281b;
  text-align: center;
  white-space: pre-line;
}

.how-mask {
  background: linear-gradient(90deg, rgba(245, 238, 229, 0.6), rgba(247, 241, 233, 0.7) 50%, rgba(242, 233, 222, 0.58));
}

.mask-how-title { top: 14px; left: 606px; width: 458px; height: 67px; }
.text-how-title {
  top: 16px;
  left: 615px;
  width: 440px;
  height: 61px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 61px;
  letter-spacing: 0.7px;
  white-space: nowrap;
}

.mask-how-subtitle { top: 94px; left: 493px; width: 692px; height: 62px; }
.text-how-subtitle {
  top: 98px;
  left: 503px;
  width: 672px;
  height: 55px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.25px;
}

.how-stage-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.15px;
}

.how-stage-body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: -0.1px;
}

.mask-how-stage-01-title { top: 230px; left: 205px; width: 150px; height: 48px; }
.text-how-stage-01-title { top: 234px; left: 212px; width: 136px; height: 40px; }
.mask-how-stage-01-body { top: 412px; left: 199px; width: 168px; height: 78px; }
.text-how-stage-01-body { top: 417px; left: 207px; width: 152px; height: 68px; }

.mask-how-stage-02-title { top: 229px; left: 493px; width: 148px; height: 49px; }
.text-how-stage-02-title { top: 233px; left: 501px; width: 132px; height: 41px; }
.mask-how-stage-02-body { top: 412px; left: 499px; width: 136px; height: 61px; }
.text-how-stage-02-body { top: 417px; left: 506px; width: 122px; height: 51px; }

.mask-how-stage-03-title { top: 229px; left: 758px; width: 160px; height: 49px; }
.text-how-stage-03-title { top: 233px; left: 766px; width: 144px; height: 41px; }
.mask-how-stage-03-body { top: 412px; left: 766px; width: 145px; height: 62px; }
.text-how-stage-03-body { top: 417px; left: 774px; width: 129px; height: 52px; }

.mask-how-stage-04-title { top: 228px; left: 1037px; width: 143px; height: 52px; }
.text-how-stage-04-title { top: 232px; left: 1045px; width: 127px; height: 44px; }
.mask-how-stage-04-body { top: 411px; left: 1022px; width: 175px; height: 80px; }
.text-how-stage-04-body { top: 416px; left: 1030px; width: 159px; height: 70px; }

.mask-how-stage-05-title { top: 238px; left: 1316px; width: 147px; height: 31px; }
.text-how-stage-05-title { top: 241px; left: 1324px; width: 131px; height: 25px; }
.mask-how-stage-05-body { top: 411px; left: 1315px; width: 150px; height: 81px; }
.text-how-stage-05-body { top: 416px; left: 1323px; width: 134px; height: 71px; }

.mask-how-local-motto { top: 563px; left: 544px; width: 585px; height: 36px; }
.text-how-local-motto {
  top: 568px;
  left: 553px;
  width: 567px;
  height: 27px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.1px;
  white-space: nowrap;
}

html[lang="es"] .text-how-title { font-size: 48px; letter-spacing: 0.2px; }
html[lang="es"] .text-how-subtitle { font-size: 23px; line-height: 26px; letter-spacing: -0.4px; }
html[lang="es"] .text-how-stage-01-title { font-size: 12.5px; line-height: 17px; letter-spacing: -0.35px; }
html[lang="es"] .text-how-stage-01-body { font-size: 10.5px; line-height: 15.5px; letter-spacing: -0.25px; }
html[lang="es"] .text-how-stage-02-title { font-size: 11px; line-height: 16px; letter-spacing: -0.45px; }
html[lang="es"] .text-how-stage-02-body { font-size: 11.5px; line-height: 16px; letter-spacing: -0.2px; }
html[lang="es"] .text-how-stage-03-title { font-size: 12px; line-height: 17px; letter-spacing: -0.35px; }
html[lang="es"] .text-how-stage-03-body { font-size: 11.5px; line-height: 16px; letter-spacing: -0.2px; }
html[lang="es"] .text-how-stage-04-title { font-size: 14px; line-height: 18px; letter-spacing: -0.25px; }
html[lang="es"] .text-how-stage-04-body { font-size: 10.5px; line-height: 15.5px; letter-spacing: -0.3px; }
html[lang="es"] .text-how-stage-05-title { font-size: 11px; line-height: 17px; letter-spacing: -0.45px; }
html[lang="es"] .text-how-stage-05-body { font-size: 11px; line-height: 16px; letter-spacing: -0.25px; }
html[lang="es"] .text-how-local-motto { font-size: 15.5px; letter-spacing: -0.35px; }

.text-how-stage-01-body { font-size: 12px; line-height: 15px; }
.text-how-stage-02-title { font-size: 12.5px; line-height: 13px; }
.text-how-stage-03-title,
.text-how-stage-04-title { font-size: 14px; line-height: 16px; }
.text-how-stage-05-title { font-size: 14px; line-height: 18px; white-space: nowrap; }

html[lang="es"] .text-how-stage-01-title { font-size: 11px; line-height: 13px; }
html[lang="es"] .text-how-stage-02-title { font-size: 9.5px; line-height: 13px; }
html[lang="es"] .text-how-stage-03-title { font-size: 11px; line-height: 14px; }
html[lang="es"] .text-how-stage-05-title { font-size: 9.5px; line-height: 17px; white-space: nowrap; }

.how-outcome-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.1px;
}

.how-outcome-body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.5px;
  letter-spacing: -0.1px;
}

.mask-how-outcome-01-title { top: 683px; left: 287px; width: 128px; height: 42px; }
.text-how-outcome-01-title { top: 687px; left: 294px; width: 114px; height: 34px; }
.mask-how-outcome-01-body { top: 733px; left: 273px; width: 157px; height: 48px; }
.text-how-outcome-01-body { top: 737px; left: 281px; width: 141px; height: 41px; }

.mask-how-outcome-02-title { top: 683px; left: 510px; width: 146px; height: 42px; }
.text-how-outcome-02-title { top: 687px; left: 518px; width: 130px; height: 34px; }
.mask-how-outcome-02-body { top: 733px; left: 503px; width: 160px; height: 48px; }
.text-how-outcome-02-body { top: 737px; left: 511px; width: 144px; height: 41px; }

.mask-how-outcome-03-title { top: 683px; left: 763px; width: 145px; height: 42px; }
.text-how-outcome-03-title { top: 687px; left: 771px; width: 129px; height: 34px; }
.mask-how-outcome-03-body { top: 733px; left: 748px; width: 174px; height: 48px; }
.text-how-outcome-03-body { top: 737px; left: 756px; width: 158px; height: 41px; }

.mask-how-outcome-04-title { top: 683px; left: 1001px; width: 151px; height: 42px; }
.text-how-outcome-04-title { top: 687px; left: 1009px; width: 135px; height: 34px; }
.mask-how-outcome-04-body { top: 733px; left: 987px; width: 179px; height: 48px; }
.text-how-outcome-04-body {
  top: 737px;
  left: 995px;
  width: 163px;
  height: 41px;
  font-size: 11px;
  line-height: 13px;
}

.mask-how-outcome-05-title { top: 683px; left: 1252px; width: 166px; height: 42px; }
.text-how-outcome-05-title { top: 687px; left: 1260px; width: 150px; height: 34px; }
.mask-how-outcome-05-body { top: 733px; left: 1238px; width: 194px; height: 48px; }
.text-how-outcome-05-body { top: 737px; left: 1246px; width: 178px; height: 41px; }

html[lang="es"] .how-outcome-title {
  font-size: 13.5px;
  line-height: 15.5px;
  letter-spacing: -0.2px;
}

html[lang="es"] .how-outcome-body {
  font-size: 10.5px;
  line-height: 14.5px;
  letter-spacing: -0.2px;
}

html[lang="es"] .text-how-outcome-04-body {
  font-size: 9.5px;
  line-height: 13px;
  letter-spacing: -0.3px;
}

.garden-section {
  height: 904px;
  background: #f3eddf;
}

.garden-section > img {
  margin-left: 70px;
}

.garden-bilingual {
  position: absolute;
  top: 0;
  left: 70px;
  width: 1532px;
  height: 904px;
  pointer-events: none;
}

.garden-text {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d281b;
  text-align: center;
  white-space: pre-line;
}

.garden-mask {
  background:
    radial-gradient(ellipse at 52% 48%, rgba(246, 240, 231, 0.68), rgba(240, 228, 211, 0.56) 68%, rgba(220, 199, 169, 0.35)),
    linear-gradient(90deg, rgba(246, 239, 230, 0.55), rgba(242, 233, 220, 0.62));
}

.mask-garden-eyebrow { top: 68px; left: 101px; width: 472px; height: 33px; }
.text-garden-eyebrow {
  top: 72px;
  left: 109px;
  width: 456px;
  height: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 2px;
  white-space: nowrap;
}

.mask-garden-hero-title { top: 110px; left: 83px; width: 500px; height: 190px; }
.text-garden-hero-title {
  top: 118px;
  left: 91px;
  width: 484px;
  height: 176px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 84px;
  font-weight: 400;
  line-height: 0.96;
  letter-spacing: 1.2px;
}

.mask-garden-hero-body { top: 329px; left: 117px; width: 440px; height: 135px; }
.text-garden-hero-body {
  top: 338px;
  left: 128px;
  width: 418px;
  height: 119px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 25.5px;
  letter-spacing: -0.2px;
}

.mask-garden-hero-tagline { top: 470px; left: 134px; width: 408px; height: 35px; }
.text-garden-hero-tagline {
  top: 474px;
  left: 143px;
  width: 390px;
  height: 28px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.1px;
  white-space: nowrap;
}

html[lang="es"] .text-garden-eyebrow {
  font-size: 14px;
  letter-spacing: 1.2px;
}

html[lang="es"] .text-garden-hero-title {
  font-size: 79px;
  line-height: 0.98;
  letter-spacing: 0.8px;
}

html[lang="es"] .text-garden-hero-body {
  font-size: 19.5px;
  line-height: 27px;
  letter-spacing: -0.3px;
}

html[lang="es"] .text-garden-hero-tagline {
  font-size: 16.5px;
  letter-spacing: -0.35px;
}

.mask-garden-outcome-heading { top: 568px; left: 548px; width: 434px; height: 37px; }
.text-garden-outcome-heading {
  top: 572px;
  left: 558px;
  width: 414px;
  height: 30px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.garden-outcome-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.15px;
  white-space: nowrap;
}

.garden-outcome-body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.1px;
}

.mask-garden-outcome-01-title { top: 705px; left: 243px; width: 151px; height: 31px; }
.text-garden-outcome-01-title { top: 709px; left: 251px; width: 135px; height: 24px; }
.mask-garden-outcome-01-body { top: 741px; left: 200px; width: 235px; height: 67px; }
.text-garden-outcome-01-body { top: 746px; left: 210px; width: 215px; height: 58px; }

.mask-garden-outcome-02-title { top: 705px; left: 468px; width: 245px; height: 31px; }
.text-garden-outcome-02-title { top: 709px; left: 478px; width: 225px; height: 24px; }
.mask-garden-outcome-02-body { top: 741px; left: 455px; width: 270px; height: 67px; }
.text-garden-outcome-02-body { top: 746px; left: 465px; width: 250px; height: 58px; }

.mask-garden-outcome-03-title { top: 705px; left: 795px; width: 195px; height: 31px; }
.text-garden-outcome-03-title { top: 709px; left: 805px; width: 175px; height: 24px; }
.mask-garden-outcome-03-body { top: 741px; left: 762px; width: 260px; height: 67px; }
.text-garden-outcome-03-body { top: 746px; left: 772px; width: 240px; height: 58px; }

.mask-garden-outcome-04-title { top: 705px; left: 1110px; width: 210px; height: 31px; }
.text-garden-outcome-04-title { top: 709px; left: 1120px; width: 190px; height: 24px; }
.mask-garden-outcome-04-body { top: 741px; left: 1065px; width: 295px; height: 67px; }
.text-garden-outcome-04-body { top: 746px; left: 1075px; width: 275px; height: 58px; }

.mask-garden-vision { top: 858px; left: 542px; width: 448px; height: 28px; }
.text-garden-vision {
  top: 861px;
  left: 552px;
  width: 428px;
  height: 22px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.1px;
  white-space: nowrap;
}

html[lang="es"] .text-garden-outcome-heading {
  font-size: 21px;
  letter-spacing: 0.1px;
}

html[lang="es"] .garden-outcome-title {
  font-size: 15px;
  letter-spacing: -0.25px;
}

html[lang="es"] .text-garden-outcome-03-title {
  font-size: 13px;
  letter-spacing: -0.4px;
}

html[lang="es"] .text-garden-outcome-04-title {
  font-size: 13.5px;
  letter-spacing: -0.4px;
}

html[lang="es"] .garden-outcome-body {
  font-size: 10.5px;
  line-height: 17px;
  letter-spacing: -0.2px;
}

html[lang="es"] .text-garden-outcome-02-body {
  font-size: 9.5px;
  line-height: 16.5px;
  letter-spacing: -0.3px;
}

html[lang="es"] .text-garden-outcome-04-body {
  font-size: 9.5px;
  line-height: 16.5px;
  letter-spacing: -0.3px;
}

html[lang="es"] .text-garden-vision {
  font-size: 13px;
  letter-spacing: -0.2px;
}

.proof-bilingual {
  position: absolute;
  inset: 0;
  width: 1672px;
  height: 821px;
  pointer-events: none;
}

.proof-text {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d281b;
  text-align: center;
  white-space: pre-line;
}

.proof-mask {
  background:
    radial-gradient(ellipse at 50% 48%, rgba(247, 241, 233, 0.7), rgba(242, 232, 219, 0.6) 69%, rgba(218, 194, 161, 0.34)),
    linear-gradient(90deg, rgba(246, 239, 230, 0.58), rgba(242, 232, 219, 0.64));
}

.mask-proof-eyebrow { top: 60px; left: 589px; width: 494px; height: 31px; }
.text-proof-eyebrow {
  top: 64px;
  left: 599px;
  width: 474px;
  height: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 2px;
  white-space: nowrap;
}

.mask-proof-hero-title { top: 101px; left: 460px; width: 752px; height: 118px; }
.text-proof-hero-title {
  top: 108px;
  left: 470px;
  width: 732px;
  height: 104px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 43px;
  font-weight: 400;
  line-height: 49px;
  letter-spacing: 0.6px;
}

.mask-proof-hero-subtitle { top: 227px; left: 493px; width: 686px; height: 53px; }
.text-proof-hero-subtitle {
  top: 232px;
  left: 503px;
  width: 666px;
  height: 44px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.2px;
}

.mask-proof-hero-body { top: 286px; left: 421px; width: 830px; height: 106px; }
.text-proof-hero-body {
  top: 294px;
  left: 433px;
  width: 806px;
  height: 91px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.2px;
}

.mask-proof-hero-tagline { top: 402px; left: 633px; width: 406px; height: 34px; }
.text-proof-hero-tagline {
  top: 406px;
  left: 643px;
  width: 386px;
  height: 27px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.1px;
  white-space: nowrap;
}

html[lang="es"] .text-proof-eyebrow {
  font-size: 14px;
  letter-spacing: 1.5px;
}

html[lang="es"] .text-proof-hero-title {
  font-size: 39px;
  line-height: 47px;
  letter-spacing: 0.2px;
}

html[lang="es"] .text-proof-hero-subtitle {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.35px;
}

html[lang="es"] .text-proof-hero-body {
  font-size: 19px;
  line-height: 28px;
  letter-spacing: -0.35px;
}

html[lang="es"] .text-proof-hero-tagline {
  font-size: 16px;
  letter-spacing: -0.2px;
}

.mask-proof-metrics-heading { top: 523px; left: 575px; width: 522px; height: 42px; }
.text-proof-metrics-heading {
  top: 528px;
  left: 585px;
  width: 502px;
  height: 33px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.proof-metric-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: -0.1px;
}

.proof-metric-body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.1px;
}

.proof-metric-example {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10.5px;
  font-style: italic;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: -0.1px;
}

.mask-proof-metric-01-title { top: 635px; left: 192px; width: 154px; height: 38px; }
.text-proof-metric-01-title { top: 639px; left: 200px; width: 138px; height: 30px; }
.mask-proof-metric-01-body { top: 680px; left: 165px; width: 205px; height: 52px; }
.text-proof-metric-01-body { top: 684px; left: 175px; width: 185px; height: 44px; }
.mask-proof-metric-01-example { top: 743px; left: 166px; width: 204px; height: 41px; }
.text-proof-metric-01-example { top: 747px; left: 176px; width: 184px; height: 34px; }

.mask-proof-metric-02-title { top: 635px; left: 417px; width: 166px; height: 38px; }
.text-proof-metric-02-title { top: 639px; left: 425px; width: 150px; height: 30px; }
.mask-proof-metric-02-body { top: 680px; left: 399px; width: 203px; height: 52px; }
.text-proof-metric-02-body { top: 684px; left: 409px; width: 183px; height: 44px; }
.mask-proof-metric-02-example { top: 743px; left: 399px; width: 203px; height: 41px; }
.text-proof-metric-02-example { top: 747px; left: 409px; width: 183px; height: 34px; }

.mask-proof-metric-03-title { top: 635px; left: 639px; width: 195px; height: 38px; }
.text-proof-metric-03-title { top: 639px; left: 647px; width: 179px; height: 30px; }
.mask-proof-metric-03-body { top: 680px; left: 625px; width: 222px; height: 52px; }
.text-proof-metric-03-body { top: 684px; left: 635px; width: 202px; height: 44px; }
.mask-proof-metric-03-example { top: 743px; left: 625px; width: 222px; height: 41px; }
.text-proof-metric-03-example { top: 747px; left: 635px; width: 202px; height: 34px; }

.mask-proof-metric-04-title { top: 635px; left: 885px; width: 168px; height: 38px; }
.text-proof-metric-04-title { top: 639px; left: 893px; width: 152px; height: 30px; }
.mask-proof-metric-04-body { top: 680px; left: 865px; width: 208px; height: 52px; }
.text-proof-metric-04-body { top: 684px; left: 875px; width: 188px; height: 44px; }
.mask-proof-metric-04-example { top: 743px; left: 857px; width: 224px; height: 41px; }
.text-proof-metric-04-example { top: 747px; left: 867px; width: 204px; height: 34px; }

.mask-proof-metric-05-title { top: 635px; left: 1103px; width: 200px; height: 38px; }
.text-proof-metric-05-title { top: 639px; left: 1111px; width: 184px; height: 30px; }
.mask-proof-metric-05-body { top: 680px; left: 1094px; width: 218px; height: 52px; }
.text-proof-metric-05-body { top: 684px; left: 1104px; width: 198px; height: 44px; }
.mask-proof-metric-05-example { top: 743px; left: 1094px; width: 218px; height: 41px; }
.text-proof-metric-05-example { top: 747px; left: 1104px; width: 198px; height: 34px; }

.mask-proof-metric-06-title { top: 635px; left: 1335px; width: 183px; height: 38px; }
.text-proof-metric-06-title { top: 639px; left: 1343px; width: 167px; height: 30px; }
.mask-proof-metric-06-body { top: 680px; left: 1320px; width: 214px; height: 52px; }
.text-proof-metric-06-body { top: 684px; left: 1330px; width: 194px; height: 44px; }
.mask-proof-metric-06-example { top: 743px; left: 1315px; width: 224px; height: 41px; }
.text-proof-metric-06-example { top: 747px; left: 1325px; width: 204px; height: 34px; }

html[lang="es"] .text-proof-metrics-heading {
  font-size: 21px;
  letter-spacing: 0.1px;
}

html[lang="es"] .proof-metric-title {
  font-size: 12px;
  line-height: 14.5px;
  letter-spacing: -0.2px;
}

html[lang="es"] .proof-metric-body {
  font-size: 10px;
  line-height: 15px;
  letter-spacing: -0.2px;
}

html[lang="es"] .proof-metric-example {
  font-size: 9.5px;
  line-height: 14px;
  letter-spacing: -0.2px;
}

html[lang="es"] .text-proof-metric-03-title,
html[lang="es"] .text-proof-metric-05-title {
  font-size: 11px;
  letter-spacing: -0.3px;
}

html[lang="es"] .text-proof-metric-04-example {
  font-size: 8.5px;
  letter-spacing: -0.3px;
}

html[lang="es"] .text-proof-metric-06-example {
  font-size: 8px;
  line-height: 13px;
  letter-spacing: -0.35px;
}

.story-bilingual {
  position: absolute;
  inset: 0;
  width: 1672px;
  height: 816px;
  pointer-events: none;
}

.story-text {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #0d281b;
  text-align: left;
  white-space: pre-line;
}

.story-mask {
  background:
    radial-gradient(ellipse at 46% 48%, rgba(247, 241, 233, 0.7), rgba(242, 231, 217, 0.61) 68%, rgba(210, 184, 149, 0.34)),
    linear-gradient(90deg, rgba(246, 239, 230, 0.6), rgba(239, 226, 209, 0.56));
}

.mask-story-eyebrow { top: 72px; left: 169px; width: 334px; height: 31px; }
.text-story-eyebrow {
  top: 76px;
  left: 178px;
  width: 316px;
  height: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 1.8px;
  white-space: nowrap;
}

.mask-story-hero-title { top: 109px; left: 169px; width: 507px; height: 132px; }
.text-story-hero-title {
  top: 116px;
  left: 179px;
  width: 487px;
  height: 119px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 51px;
  letter-spacing: 0.4px;
}

.mask-story-hero-body { top: 257px; left: 168px; width: 555px; height: 143px; }
.text-story-hero-body {
  top: 265px;
  left: 178px;
  width: 535px;
  height: 128px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 15.5px;
  letter-spacing: -0.15px;
}

.mask-story-hero-mission { top: 414px; left: 168px; width: 557px; height: 96px; }
.text-story-hero-mission {
  top: 421px;
  left: 178px;
  width: 537px;
  height: 83px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.15px;
}

.mask-story-hero-tagline { top: 522px; left: 169px; width: 450px; height: 36px; }
.text-story-hero-tagline {
  top: 526px;
  left: 179px;
  width: 430px;
  height: 29px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: -0.1px;
  white-space: nowrap;
}

html[lang="es"] .text-story-eyebrow {
  font-size: 14px;
  letter-spacing: 1.4px;
}

html[lang="es"] .text-story-hero-title {
  font-size: 30px;
  line-height: 44px;
  letter-spacing: 0.1px;
}

html[lang="es"] .text-story-hero-body {
  font-size: 14px;
  line-height: 15px;
  letter-spacing: -0.25px;
}

html[lang="es"] .text-story-hero-mission {
  font-size: 16px;
  line-height: 23px;
  letter-spacing: -0.25px;
}

html[lang="es"] .text-story-hero-tagline {
  font-size: 15.5px;
  letter-spacing: -0.25px;
}

.story-center-text {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d281b;
  text-align: center;
  white-space: pre-line;
}

.mask-story-community-heading { top: 519px; left: 665px; width: 350px; height: 38px; }
.text-story-community-heading {
  top: 523px;
  left: 675px;
  width: 330px;
  height: 30px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.mask-story-community-intro { top: 559px; left: 536px; width: 600px; height: 70px; }
.text-story-community-intro {
  top: 565px;
  left: 548px;
  width: 576px;
  height: 58px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.15px;
}

.story-principle-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.1px;
  white-space: nowrap;
}

.story-principle-body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.1px;
}

.mask-story-principle-01-title { top: 712px; left: 309px; width: 182px; height: 31px; }
.text-story-principle-01-title { top: 716px; left: 317px; width: 166px; height: 24px; }
.mask-story-principle-01-body { top: 741px; left: 284px; width: 232px; height: 53px; }
.text-story-principle-01-body { top: 745px; left: 294px; width: 212px; height: 45px; }

.mask-story-principle-02-title { top: 712px; left: 588px; width: 213px; height: 31px; }
.text-story-principle-02-title { top: 716px; left: 598px; width: 193px; height: 24px; }
.mask-story-principle-02-body { top: 741px; left: 565px; width: 260px; height: 62px; }
.text-story-principle-02-body { top: 745px; left: 575px; width: 240px; height: 54px; }

.mask-story-principle-03-title { top: 712px; left: 883px; width: 184px; height: 31px; }
.text-story-principle-03-title { top: 716px; left: 891px; width: 168px; height: 24px; }
.mask-story-principle-03-body { top: 741px; left: 854px; width: 246px; height: 62px; }
.text-story-principle-03-body { top: 745px; left: 864px; width: 226px; height: 54px; }

.mask-story-principle-04-title { top: 712px; left: 1190px; width: 174px; height: 31px; }
.text-story-principle-04-title { top: 716px; left: 1198px; width: 158px; height: 24px; }
.mask-story-principle-04-body { top: 741px; left: 1144px; width: 266px; height: 64px; }
.text-story-principle-04-body { top: 745px; left: 1154px; width: 246px; height: 56px; }

html[lang="es"] .text-story-community-heading {
  font-size: 20px;
  letter-spacing: 0.1px;
}

html[lang="es"] .text-story-community-intro {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.25px;
}

html[lang="es"] .story-principle-title {
  font-size: 13px;
  letter-spacing: -0.25px;
}

html[lang="es"] .story-principle-body {
  font-size: 10px;
  line-height: 15px;
  letter-spacing: -0.2px;
}

html[lang="es"] .text-story-principle-01-title,
html[lang="es"] .text-story-principle-04-title {
  font-size: 11.5px;
  letter-spacing: -0.35px;
}

html[lang="es"] .text-story-principle-02-body {
  font-size: 9.5px;
  letter-spacing: -0.3px;
}

.involved-bilingual {
  position: absolute;
  inset: 0;
  width: 1672px;
  height: 826px;
  pointer-events: none;
}

.involved-text {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d281b;
  text-align: center;
  white-space: pre-line;
}

.involved-mask {
  background:
    radial-gradient(ellipse at 48% 48%, rgba(247, 241, 233, 0.72), rgba(242, 231, 217, 0.62) 68%, rgba(210, 184, 149, 0.34)),
    linear-gradient(90deg, rgba(246, 239, 230, 0.62), rgba(239, 226, 209, 0.57));
}

.mask-involved-eyebrow { top: 48px; left: 201px; width: 213px; height: 38px; }
.text-involved-eyebrow {
  top: 52px;
  left: 210px;
  width: 195px;
  height: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 1.4px;
  white-space: nowrap;
}

.mask-involved-hero-title { top: 95px; left: 97px; width: 431px; height: 137px; }
.text-involved-hero-title {
  top: 102px;
  left: 106px;
  width: 413px;
  height: 124px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 57px;
  letter-spacing: 0.2px;
}

.mask-involved-hero-body { top: 264px; left: 119px; width: 408px; height: 111px; }
.text-involved-hero-body {
  top: 272px;
  left: 129px;
  width: 388px;
  height: 96px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.15px;
}

.mask-involved-hero-tagline { top: 392px; left: 129px; width: 365px; height: 34px; }
.text-involved-hero-tagline {
  top: 396px;
  left: 138px;
  width: 347px;
  height: 27px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.15px;
  white-space: nowrap;
}

.mask-involved-ways-heading { top: 470px; left: 624px; width: 427px; height: 38px; }
.text-involved-ways-heading {
  top: 474px;
  left: 634px;
  width: 407px;
  height: 30px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

.mask-involved-ways-intro { top: 511px; left: 537px; width: 601px; height: 59px; }
.text-involved-ways-intro {
  top: 517px;
  left: 549px;
  width: 577px;
  height: 48px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.15px;
}

html[lang="es"] .text-involved-eyebrow {
  font-size: 16px;
  letter-spacing: 1.2px;
}

html[lang="es"] .text-involved-hero-title {
  font-size: 46px;
  line-height: 55px;
  letter-spacing: 0;
}

html[lang="es"] .text-involved-hero-body {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.3px;
}

html[lang="es"] .text-involved-hero-tagline {
  font-size: 14px;
  letter-spacing: -0.3px;
}

html[lang="es"] .text-involved-ways-heading {
  font-size: 21px;
  letter-spacing: 0;
}

html[lang="es"] .text-involved-ways-intro {
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.3px;
}

.involved-option-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.1px;
  white-space: nowrap;
}

.involved-option-body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: -0.1px;
}

.mask-involved-option-01-title { top: 642px; left: 234px; width: 120px; height: 30px; }
.text-involved-option-01-title { top: 646px; left: 242px; width: 104px; height: 23px; }
.mask-involved-option-01-body { top: 678px; left: 190px; width: 210px; height: 82px; }
.text-involved-option-01-body { top: 683px; left: 200px; width: 190px; height: 72px; }

.mask-involved-option-02-title { top: 642px; left: 473px; width: 99px; height: 30px; }
.text-involved-option-02-title { top: 646px; left: 481px; width: 83px; height: 23px; }
.mask-involved-option-02-body { top: 678px; left: 431px; width: 190px; height: 82px; }
.text-involved-option-02-body { top: 683px; left: 441px; width: 170px; height: 72px; }

.mask-involved-option-03-title { top: 642px; left: 692px; width: 114px; height: 30px; }
.text-involved-option-03-title { top: 646px; left: 700px; width: 98px; height: 23px; }
.mask-involved-option-03-body { top: 678px; left: 647px; width: 204px; height: 82px; }
.text-involved-option-03-body { top: 683px; left: 657px; width: 184px; height: 72px; }

.mask-involved-option-04-title { top: 642px; left: 899px; width: 116px; height: 30px; }
.text-involved-option-04-title { top: 646px; left: 907px; width: 100px; height: 23px; }
.mask-involved-option-04-body { top: 678px; left: 848px; width: 220px; height: 82px; }
.text-involved-option-04-body { top: 683px; left: 858px; width: 200px; height: 72px; }

.mask-involved-option-05-title { top: 642px; left: 1114px; width: 128px; height: 30px; }
.text-involved-option-05-title { top: 646px; left: 1122px; width: 112px; height: 23px; }
.mask-involved-option-05-body { top: 678px; left: 1066px; width: 225px; height: 82px; }
.text-involved-option-05-body { top: 683px; left: 1076px; width: 205px; height: 72px; }

.mask-involved-option-06-title { top: 642px; left: 1308px; width: 184px; height: 30px; }
.text-involved-option-06-title { top: 646px; left: 1316px; width: 168px; height: 23px; }
.mask-involved-option-06-body { top: 678px; left: 1288px; width: 224px; height: 82px; }
.text-involved-option-06-body { top: 683px; left: 1298px; width: 204px; height: 72px; }

html[lang="es"] .involved-option-title {
  font-size: 13px;
  letter-spacing: -0.25px;
}

html[lang="es"] .involved-option-body {
  font-size: 10px;
  line-height: 16px;
  letter-spacing: -0.25px;
}

html[lang="es"] .text-involved-option-01-title {
  font-size: 11px;
  letter-spacing: -0.35px;
}

html[lang="es"] .text-involved-option-02-body,
html[lang="es"] .text-involved-option-03-body {
  font-size: 9px;
  letter-spacing: -0.4px;
}

.donate-bilingual {
  position: absolute;
  inset: 0;
  width: 1672px;
  height: 818px;
  pointer-events: none;
}

.donate-text {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0d281b;
  text-align: center;
  white-space: pre-line;
}

.donate-left-text {
  justify-content: flex-start;
  text-align: left;
}

.donate-mask {
  background:
    radial-gradient(ellipse at 48% 48%, rgba(247, 241, 233, 0.74), rgba(242, 231, 217, 0.64) 68%, rgba(210, 184, 149, 0.35)),
    linear-gradient(90deg, rgba(246, 239, 230, 0.64), rgba(239, 226, 209, 0.59));
}

.mask-donate-eyebrow { top: 23px; left: 151px; width: 443px; height: 38px; }
.text-donate-eyebrow {
  top: 27px;
  left: 161px;
  width: 423px;
  height: 30px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.mask-donate-hero-title { top: 63px; left: 67px; width: 699px; height: 145px; }
.text-donate-hero-title {
  top: 70px;
  left: 77px;
  width: 679px;
  height: 132px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 59px;
  letter-spacing: 0.2px;
}

.mask-donate-hero-body-01 { top: 222px; left: 93px; width: 654px; height: 83px; }
.text-donate-hero-body-01 {
  top: 229px;
  left: 103px;
  width: 634px;
  height: 69px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.15px;
}

.mask-donate-hero-body-02 { top: 314px; left: 93px; width: 654px; height: 113px; }
.text-donate-hero-body-02 {
  top: 321px;
  left: 103px;
  width: 634px;
  height: 99px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.15px;
}

.mask-donate-hero-callout { top: 436px; left: 116px; width: 576px; height: 81px; }
.text-donate-hero-callout {
  top: 442px;
  left: 126px;
  width: 556px;
  height: 69px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.2px;
}

.donate-cta-mask {
  background: linear-gradient(180deg, #294515, #12340c);
  backdrop-filter: none;
}

.mask-donate-hero-cta { top: 528px; left: 145px; width: 515px; height: 49px; }
.text-donate-hero-cta {
  top: 534px;
  left: 157px;
  width: 491px;
  height: 37px;
  color: #fffdf6;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 37px;
  letter-spacing: 0.1px;
  text-shadow: 0 1px 1px #17220e;
  white-space: nowrap;
}

.mask-donate-hero-cta-note { top: 586px; left: 185px; width: 441px; height: 48px; }
.text-donate-hero-cta-note {
  top: 591px;
  left: 195px;
  width: 421px;
  height: 39px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: -0.15px;
}

html[lang="es"] .text-donate-eyebrow {
  font-size: 20px;
  letter-spacing: 0;
}

html[lang="es"] .text-donate-hero-title {
  font-size: 51px;
  line-height: 58px;
  letter-spacing: 0;
}

html[lang="es"] .text-donate-hero-body-01 {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.25px;
}

html[lang="es"] .text-donate-hero-body-02 {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.35px;
}

html[lang="es"] .text-donate-hero-callout {
  font-size: 22px;
  line-height: 29px;
  letter-spacing: -0.3px;
}

html[lang="es"] .text-donate-hero-cta {
  font-size: 21px;
  letter-spacing: -0.2px;
}

html[lang="es"] .text-donate-hero-cta-note {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.25px;
}

.mask-donate-methods-heading { top: 624px; left: 673px; width: 344px; height: 37px; }
.text-donate-methods-heading {
  top: 628px;
  left: 683px;
  width: 324px;
  height: 29px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0.2px;
  white-space: nowrap;
}

.mask-donate-methods-intro { top: 658px; left: 548px; width: 594px; height: 32px; }
.text-donate-methods-intro {
  top: 662px;
  left: 558px;
  width: 574px;
  height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.15px;
  white-space: nowrap;
}

.donate-method-description {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.1px;
}

.donate-method-button-mask {
  background: linear-gradient(180deg, #294515, #12340c);
  backdrop-filter: none;
}

.donate-method-button {
  color: #fffdf6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -0.1px;
  text-shadow: 0 1px 1px #17220e;
  white-space: nowrap;
}

.mask-donate-method-01-description { top: 726px; left: 205px; width: 188px; height: 42px; }
.text-donate-method-01-description { top: 730px; left: 215px; width: 168px; height: 34px; }
.mask-donate-method-01-button { top: 780px; left: 199px; width: 195px; height: 29px; }
.text-donate-method-01-button { top: 783px; left: 207px; width: 179px; height: 23px; }

.mask-donate-method-02-description { top: 726px; left: 458px; width: 190px; height: 42px; }
.text-donate-method-02-description { top: 730px; left: 468px; width: 170px; height: 34px; }
.mask-donate-method-02-button { top: 780px; left: 458px; width: 192px; height: 29px; }
.text-donate-method-02-button { top: 783px; left: 466px; width: 176px; height: 23px; }

.mask-donate-method-03-description { top: 726px; left: 707px; width: 190px; height: 42px; }
.text-donate-method-03-description { top: 730px; left: 717px; width: 170px; height: 34px; }
.mask-donate-method-03-button { top: 780px; left: 706px; width: 194px; height: 29px; }
.text-donate-method-03-button { top: 783px; left: 714px; width: 178px; height: 23px; }

.mask-donate-method-04-description { top: 717px; left: 958px; width: 244px; height: 54px; }
.text-donate-method-04-description { top: 722px; left: 968px; width: 224px; height: 44px; }
.mask-donate-method-04-button { top: 780px; left: 972px; width: 217px; height: 29px; }
.text-donate-method-04-button { top: 783px; left: 980px; width: 201px; height: 23px; }

.mask-donate-method-05-description { top: 717px; left: 1264px; width: 204px; height: 54px; }
.text-donate-method-05-description { top: 722px; left: 1274px; width: 184px; height: 44px; }
.mask-donate-method-05-button { top: 780px; left: 1277px; width: 184px; height: 29px; }
.text-donate-method-05-button { top: 783px; left: 1285px; width: 168px; height: 23px; }

html[lang="es"] .text-donate-methods-heading {
  font-size: 21px;
  letter-spacing: 0;
}

html[lang="es"] .text-donate-methods-intro {
  font-size: 10px;
  letter-spacing: -0.35px;
}

html[lang="es"] .donate-method-description {
  font-size: 10px;
  line-height: 15px;
  letter-spacing: -0.25px;
}

html[lang="es"] .text-donate-method-02-description,
html[lang="es"] .text-donate-method-04-description {
  font-size: 9px;
  letter-spacing: -0.4px;
}

.text-donate-method-04-description,
html[lang="es"] .text-donate-method-04-description {
  line-height: 14px;
}

html[lang="es"] .donate-method-button {
  font-size: 11px;
  letter-spacing: -0.25px;
}

html[lang="es"] .text-donate-method-04-button {
  font-size: 9px;
  letter-spacing: -0.4px;
}

.click-frame {
  position: absolute;
  z-index: 0;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  color: transparent;
  cursor: pointer;
  appearance: none;
}

.click-frame:focus,
.click-frame:focus-visible,
.click-frame:hover,
.click-frame:active {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}

.frame-home-path-01 { top: 769px; left: 356px; width: 20px; height: 20px; }
.frame-home-path-02 { top: 769px; left: 582px; width: 20px; height: 20px; }
.frame-home-path-03 { top: 769px; left: 819px; width: 20px; height: 20px; }
.frame-home-path-04 { top: 769px; left: 1054px; width: 20px; height: 20px; }
.frame-home-path-05 { top: 769px; left: 1286px; width: 20px; height: 20px; }

.frame-garden-outcome-01 { top: 811px; left: 381px; width: 22px; height: 22px; }
.frame-garden-outcome-02 { top: 811px; left: 675px; width: 22px; height: 22px; }
.frame-garden-outcome-03 { top: 811px; left: 973px; width: 22px; height: 22px; }
.frame-garden-outcome-04 { top: 810px; left: 1265px; width: 23px; height: 22px; }

.frame-involved-volunteer { top: 765px; left: 277px; width: 25px; height: 24px; }
.frame-involved-learn { top: 765px; left: 496px; width: 25px; height: 24px; }
.frame-involved-support { top: 765px; left: 707px; width: 25px; height: 24px; }
.frame-involved-partner { top: 765px; left: 917px; width: 24px; height: 25px; }
.frame-involved-advocate { top: 765px; left: 1131px; width: 25px; height: 24px; }
.frame-involved-join { top: 765px; left: 1360px; width: 24px; height: 25px; }

.frame-donate-hero-cta { top: 527px; left: 148px; width: 509px; height: 50px; }
.frame-donate-paypal { top: 777px; left: 199px; width: 192px; height: 32px; }
.frame-donate-wise { top: 777px; left: 461px; width: 179px; height: 32px; }
.frame-donate-zelle { top: 777px; left: 711px; width: 179px; height: 32px; }
.frame-donate-bank { top: 777px; left: 1021px; width: 165px; height: 32px; }
.frame-donate-other { top: 777px; left: 1306px; width: 151px; height: 32px; }

.involvement-popup {
  position: fixed;
  width: min(760px, calc(100vw - 40px));
  max-height: calc(100vh - 48px);
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #102b18;
  overflow: visible;
  transform: translate(-50%, -50%);
}

.involvement-popup::backdrop {
  background: rgb(8 24 12 / 58%);
  backdrop-filter: blur(1.5px);
}

.popup-panel {
  position: relative;
  max-height: calc(100vh - 48px);
  padding: 42px 46px 38px;
  border: 1px solid #9a906c;
  border-radius: 4px;
  background:
    linear-gradient(rgb(255 253 247 / 94%), rgb(247 240 225 / 96%)),
    #f7f0e1;
  box-shadow: 0 24px 70px rgb(0 16 5 / 45%);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.popup-close {
  position: absolute;
  top: 13px;
  right: 16px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #6f7651;
  border-radius: 50%;
  background: #fffaf0;
  color: #173719;
  font: 28px/31px Georgia, "Times New Roman", serif;
  cursor: pointer;
}

.popup-close:hover,
.popup-close:focus-visible {
  background: #e8e2ce;
  outline: 2px solid #ad7c20;
  outline-offset: 2px;
}

.popup-eyebrow {
  margin: 0 42px 6px 0;
  color: #667044;
  font: 700 12px/1.4 Arial, Helvetica, sans-serif;
  letter-spacing: 1.5px;
}

.popup-title {
  margin: 0 45px 12px 0;
  color: #0d3018;
  font: 400 clamp(30px, 5vw, 46px)/1.05 Georgia, "Times New Roman", serif;
  letter-spacing: -0.5px;
}

.popup-title::after {
  display: block;
  width: 68px;
  height: 1px;
  margin-top: 16px;
  background: #a28c58;
  content: "";
}

.popup-intro {
  margin: 0 0 24px;
  color: #273628;
  font: 16px/1.55 Georgia, "Times New Roman", serif;
}

.popup-intro p {
  margin: 0 0 9px;
}

.popup-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 19px 22px;
}

.popup-field {
  min-width: 0;
}

.popup-fieldset,
.popup-field-textarea,
.popup-submit,
.popup-dev-note {
  grid-column: 1 / -1;
}

.popup-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.popup-fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

.popup-label {
  display: block;
  margin: 0 0 7px;
  color: #173719;
  font: 700 12px/1.35 Arial, Helvetica, sans-serif;
  letter-spacing: 0.45px;
}

.popup-form input[type="text"],
.popup-form input[type="email"],
.popup-form input[type="url"],
.popup-form textarea,
.popup-form select {
  box-sizing: border-box;
  width: 100%;
  min-height: 42px;
  padding: 10px 11px;
  border: 1px solid #879073;
  border-radius: 2px;
  background: #fffdf7;
  color: #142619;
  font: 15px/1.35 Arial, Helvetica, sans-serif;
}

.popup-form textarea {
  min-height: 82px;
  resize: vertical;
}

.popup-form input:focus,
.popup-form textarea:focus,
.popup-form select:focus {
  border-color: #244b20;
  outline: 2px solid rgb(173 124 32 / 55%);
  outline-offset: 1px;
}

.popup-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 18px;
}

.popup-option {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #29382a;
  font: 12px/1.35 Arial, Helvetica, sans-serif;
  cursor: pointer;
}

.popup-option input {
  flex: 0 0 auto;
  margin: 1px 0 0;
  accent-color: #23491c;
}

.popup-submit {
  justify-self: start;
  min-height: 44px;
  padding: 11px 24px;
  border: 1px solid #102f13;
  border-radius: 3px;
  background: linear-gradient(#31531f, #163712);
  color: #fffdf5;
  font: 700 13px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 0.55px;
  cursor: pointer;
}

.popup-submit:hover,
.popup-submit:focus-visible {
  background: #0f2f12;
  outline: 2px solid #ad7c20;
  outline-offset: 2px;
}

.popup-dev-note {
  margin: -7px 0 0;
  color: #65675b;
  font: 11px/1.45 Arial, Helvetica, sans-serif;
}

.popup-success {
  padding: 22px 0 8px;
  outline: 0;
}

.popup-success h3 {
  margin: 0 0 12px;
  color: #173719;
  font: 400 26px/1.15 Georgia, "Times New Roman", serif;
}

.popup-success p {
  margin: 0 0 12px;
  color: #29382a;
  font: 15px/1.55 Arial, Helvetica, sans-serif;
}

[hidden] {
  display: none !important;
}

.site-footer {
  display: flex;
  min-height: 96px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 24px clamp(22px, 5vw, 84px);
  border-top: 1px solid rgb(216 202 171 / 45%);
  background: #102a18;
  color: #f4eee3;
  font: 600 13px/1.4 Arial, Helvetica, sans-serif;
  letter-spacing: 0.08em;
}

.site-footer-name {
  margin: 0;
}

.site-footer-links {
  display: flex;
  align-items: center;
  gap: 12px;
}

.site-footer a,
.popup-contact {
  color: inherit;
  text-underline-offset: 4px;
}

.popup-contact {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  margin: 4px 12px 0 0;
  color: #173719;
  font: 700 13px/1 Arial, Helvetica, sans-serif;
  letter-spacing: 0.06em;
}

.mobile-header,
.mobile-home,
.mobile-how,
.mobile-garden,
.mobile-proof,
.mobile-story,
.mobile-involved,
.mobile-donate {
  display: none;
}

@media (max-width: 1671px) {
  :root {
    --mobile-edge: 22px;
    --mobile-header-height: 72px;
  }

  html {
    width: 100%;
    min-width: 0;
    scroll-padding-top: var(--mobile-header-height);
  }

  body {
    width: 100%;
    min-width: 0;
    overflow-x: clip;
  }

  body.mobile-menu-open {
    overflow: hidden;
  }

  body.popup-open {
    overflow: hidden;
  }

  .site-footer {
    flex-direction: column;
    justify-content: center;
    padding: 28px var(--mobile-edge);
    text-align: center;
  }

  .site-nav {
    display: none;
  }

  .mobile-header {
    position: fixed;
    z-index: 1000;
    inset: 0 0 auto;
    display: flex;
    width: 100%;
    height: var(--mobile-header-height);
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--mobile-edge);
    border-bottom: 1px solid rgb(90 100 70 / 35%);
    background: #f4eee3;
    box-shadow: 0 2px 10px rgb(25 37 24 / 10%);
  }

  .mobile-brand {
    display: block;
    width: 224px;
    height: 48px;
    overflow: hidden;
  }

  .mobile-brand-crop {
    display: block;
    width: 224px;
    height: 48px;
    overflow: hidden;
  }

  .mobile-brand-crop img {
    display: block;
    width: 680px;
    height: 48px;
    max-width: none;
  }

  .mobile-header-utilities,
  .mobile-languages {
    display: flex;
    align-items: center;
  }

  .mobile-header-utilities {
    gap: 4px;
  }

  .mobile-languages {
    color: #596147;
    font: 700 10px/1 Arial, Helvetica, sans-serif;
  }

  .mobile-language-option {
    width: 27px;
    min-width: 27px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #243420;
    font: inherit;
    cursor: pointer;
  }

  .mobile-language-option.is-current {
    color: #8b5c12;
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  .mobile-language-option:focus-visible,
  .mobile-menu-trigger:focus-visible,
  .mobile-menu-close:focus-visible,
  .mobile-menu-link:focus-visible {
    outline: 2px solid #ad7c20;
    outline-offset: 2px;
  }

  .mobile-menu-trigger,
  .mobile-menu-close {
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #71805a;
    border-radius: 2px;
    background: #f9f4e9;
    color: #173719;
    cursor: pointer;
  }

  .mobile-menu-trigger {
    display: grid;
    align-content: center;
    justify-content: center;
    gap: 4px;
  }

  .mobile-menu-trigger span {
    display: block;
    width: 20px;
    height: 1px;
    background: #173719;
  }

  .mobile-menu-dialog {
    position: fixed;
    inset: 0;
    width: 100%;
    max-width: none;
    height: 100dvh;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: #f4eee3;
    color: #173719;
  }

  .mobile-menu-dialog::backdrop {
    background: rgb(8 24 12 / 55%);
  }

  .mobile-menu-panel {
    min-height: 100%;
    padding: 24px var(--mobile-edge) 36px;
    background:
      linear-gradient(rgb(255 253 247 / 92%), rgb(244 238 227 / 97%)),
      #f4eee3;
  }

  .mobile-menu-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
    border-bottom: 1px solid #a39a76;
  }

  .mobile-menu-title {
    margin: 0;
    font: 700 12px/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: 1.6px;
  }

  .mobile-menu-close {
    border-radius: 50%;
    font: 28px/40px Georgia, "Times New Roman", serif;
  }

  .mobile-menu-nav {
    display: grid;
    margin-top: 14px;
  }

  .mobile-menu-link {
    position: relative;
    display: flex;
    min-height: 54px;
    align-items: center;
    border-bottom: 1px solid rgb(130 128 102 / 30%);
    color: #173719;
    font: 400 22px/1.2 Georgia, "Times New Roman", serif;
    text-decoration: none;
  }

  .mobile-menu-link.is-active {
    color: #765116;
    font-weight: 700;
  }

  .mobile-menu-link.is-active::after {
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 52px;
    height: 1px;
    background: #667850;
    content: "";
  }

  .mobile-menu-donate {
    margin-top: 12px;
    padding: 0 16px;
    border: 1px solid #294417;
    border-radius: 3px;
    background: #294417;
    color: #fffaf0;
  }

  .brochure {
    width: 100%;
    margin: var(--mobile-header-height) 0 0;
  }

  .brochure-section {
    width: 100%;
    overflow: hidden;
  }

  [id="01-HOME"] {
    height: auto;
    background: #f4eee3;
  }

  [id="01-HOME"] > img,
  [id="01-HOME"] > .home-bilingual,
  [id="01-HOME"] > .click-frame {
    display: none;
  }

  .mobile-home {
    display: block;
    width: 100%;
    color: #102216;
    background: #f4eee3;
  }

  .mobile-home-visual {
    width: 100%;
    height: clamp(300px, 80vw, 330px);
    border-bottom: 1px solid rgb(90 100 70 / 30%);
    background-image: url("/assets/01-home_1672.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
  }

  .mobile-content {
    width: 100%;
    max-width: 560px;
    margin-inline: auto;
    padding-inline: var(--mobile-edge);
  }

  .mobile-home-content {
    padding-top: 32px;
    padding-bottom: 52px;
    text-align: center;
  }

  .mobile-eyebrow {
    margin: 0 0 11px;
    font: 700 11px/1.35 Arial, Helvetica, sans-serif;
    letter-spacing: 1.7px;
  }

  .mobile-home-title {
    margin: 0;
    padding-bottom: 4px;
    color: #092817;
    font: 400 clamp(42px, 12vw, 52px)/0.98 Georgia, "Times New Roman", serif;
    letter-spacing: -1px;
    white-space: normal;
  }

  .mobile-home-subtitle {
    margin: 18px auto 6px;
    font: 400 clamp(24px, 7vw, 30px)/1.08 Georgia, "Times New Roman", serif;
    white-space: normal;
  }

  .mobile-home-initiative {
    margin: 0 auto;
    color: #26382a;
    font: 700 10px/1.45 Arial, Helvetica, sans-serif;
    letter-spacing: 0.7px;
    white-space: normal;
  }

  .mobile-home-statement {
    margin: 28px auto 0;
    padding: 20px 0;
    border-top: 1px solid #899279;
    border-bottom: 1px solid #899279;
    font: 400 clamp(18px, 5.2vw, 21px)/1.35 Georgia, "Times New Roman", serif;
    white-space: normal;
  }

  .mobile-home-tagline {
    margin: 20px auto 0;
    font: italic 400 17px/1.4 Georgia, "Times New Roman", serif;
    white-space: normal;
  }

  .mobile-home-path {
    margin-top: 44px;
  }

  .mobile-path-heading {
    margin: 0 auto 22px;
    color: #173719;
    font: 400 clamp(26px, 7.5vw, 32px)/1.08 Georgia, "Times New Roman", serif;
    white-space: normal;
  }

  .mobile-card-stack {
    display: grid;
    gap: 12px;
    text-align: left;
  }

  .mobile-outcome-card {
    display: grid;
    min-height: 116px;
    grid-template-columns: 76px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    padding: 14px 13px;
    border: 1px solid rgb(102 120 80 / 38%);
    border-radius: 3px;
    background: rgb(255 252 244 / 70%);
  }

  .mobile-outcome-card h3 {
    margin: 0 0 6px;
    color: #173719;
    font: 400 19px/1.12 Georgia, "Times New Roman", serif;
    white-space: normal;
  }

  .mobile-outcome-card p {
    margin: 0;
    color: #344033;
    font: 400 15px/1.4 Arial, Helvetica, sans-serif;
    white-space: normal;
  }

  .mobile-outcome-icon {
    display: block;
    width: 76px;
    height: 70px;
    background-image: url("/assets/01-home_1672.png");
    background-repeat: no-repeat;
    background-size: 1672px 818px;
  }

  .mobile-outcome-icon-01 { background-position: -327px -597px; }
  .mobile-outcome-icon-02 { background-position: -553px -597px; }
  .mobile-outcome-icon-03 { background-position: -792px -597px; }
  .mobile-outcome-icon-04 { background-position: -1017px -597px; }
  .mobile-outcome-icon-05 { background-position: -1255px -597px; }

  [id="02-HOW-IT-WORKS"],
  [id="03-THE-GARDEN"],
  [id="04-PROOF"],
  [id="05-OUR-STORY"],
  [id="06-GET-INVOLVED"],
  [id="07-DONATE"] {
    height: auto;
    background: #f4eee3;
  }

  [id="02-HOW-IT-WORKS"] > img,
  [id="02-HOW-IT-WORKS"] > .how-bilingual,
  [id="03-THE-GARDEN"] > img,
  [id="03-THE-GARDEN"] > .garden-bilingual,
  [id="03-THE-GARDEN"] > .click-frame,
  [id="04-PROOF"] > img,
  [id="04-PROOF"] > .proof-bilingual,
  [id="05-OUR-STORY"] > img,
  [id="05-OUR-STORY"] > .story-bilingual,
  [id="06-GET-INVOLVED"] > img,
  [id="06-GET-INVOLVED"] > .involved-bilingual,
  [id="06-GET-INVOLVED"] > .click-frame,
  [id="07-DONATE"] > img,
  [id="07-DONATE"] > .donate-bilingual,
  [id="07-DONATE"] > .click-frame {
    display: none;
  }

  .mobile-how,
  .mobile-garden,
  .mobile-proof,
  .mobile-story,
  .mobile-involved,
  .mobile-donate {
    display: block;
    width: 100%;
    color: #102216;
    background: #f4eee3;
  }

  .mobile-section-shell {
    padding-block: 52px 58px;
    border-top: 1px solid rgb(90 100 70 / 24%);
  }

  .mobile-section-header {
    margin-bottom: 30px;
    text-align: center;
  }

  .mobile-section-title,
  .mobile-subsection-title,
  .mobile-stage h3,
  .mobile-metric h3 {
    color: #102d1b;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 400;
    white-space: normal;
  }

  .mobile-section-title {
    margin: 0;
    padding-bottom: 4px;
    font-size: clamp(40px, 11vw, 50px);
    line-height: 1;
    letter-spacing: -0.7px;
  }

  .mobile-section-lead,
  .mobile-section-body {
    margin: 20px auto 0;
    color: #2e392f;
    font: 400 17px/1.52 Georgia, "Times New Roman", serif;
    white-space: normal;
  }

  .mobile-section-body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
  }

  .mobile-section-tagline {
    margin: 18px auto 0;
    color: #334130;
    font: italic 400 17px/1.42 Georgia, "Times New Roman", serif;
    white-space: normal;
  }

  .mobile-subsection-title {
    margin: 0 auto 24px;
    text-align: center;
    font-size: clamp(27px, 7.5vw, 32px);
    line-height: 1.1;
  }

  .mobile-stage-stack {
    display: grid;
    gap: 22px;
  }

  .mobile-stage {
    position: relative;
    display: grid;
    justify-items: center;
    padding: 20px 16px 24px;
    border-bottom: 1px solid rgb(102 120 80 / 35%);
    text-align: center;
  }

  .mobile-stage-number {
    position: static;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border: 1px solid #173719;
    border-radius: 50%;
    background: #173719;
    color: #fffaf0;
    font: 400 20px/1 Georgia, "Times New Roman", serif;
    margin-bottom: 12px;
  }

  .mobile-how-stage-visual {
    display: block;
    width: 220px;
    height: 130px;
    max-width: 100%;
    background-image: url("/assets/02-how_it_works_1672.png");
    background-repeat: no-repeat;
    background-size: 1672px 804px;
  }

  .mobile-how-stage-01 { background-position: -168px -274px; }
  .mobile-how-stage-02 { background-position: -446px -274px; }
  .mobile-how-stage-03 { background-position: -724px -274px; }
  .mobile-how-stage-04 { background-position: -1002px -274px; }
  .mobile-how-stage-05 { background-position: -1280px -274px; }

  .mobile-stage h3 {
    margin: 13px 0 7px;
    font-size: 21px;
    line-height: 1.12;
  }

  .mobile-stage p,
  .mobile-metric > p:not(.mobile-example) {
    margin: 0;
    color: #344033;
    font: 400 15px/1.48 Arial, Helvetica, sans-serif;
    white-space: normal;
  }

  .mobile-cycle-motto {
    margin: 34px auto 28px;
    padding: 18px 8px;
    border-block: 1px solid #899279;
    color: #173719;
    text-align: center;
    font: 400 18px/1.5 Georgia, "Times New Roman", serif;
    white-space: normal;
  }

  .mobile-how-outcome-icon,
  .mobile-garden-icon {
    display: block;
    width: 76px;
    height: 70px;
    background-repeat: no-repeat;
  }

  .mobile-how-outcome-icon {
    height: 56px;
    background-image: url("/assets/02-how_it_works_1672.png");
    background-size: 1672px 804px;
  }

  .mobile-how-outcome-01 { background-position: -297px -626px; }
  .mobile-how-outcome-02 { background-position: -533px -626px; }
  .mobile-how-outcome-03 { background-position: -792px -626px; }
  .mobile-how-outcome-04 { background-position: -1037px -626px; }
  .mobile-how-outcome-05 { background-position: -1268px -626px; }

  .mobile-garden {
    padding-top: 52px;
  }

  .mobile-garden-copy {
    padding-bottom: 30px;
    text-align: center;
  }

  .mobile-garden-copy .mobile-section-title {
    margin-top: 14px;
  }

  .mobile-garden-visual {
    width: 100%;
    height: 300px;
    margin: 0;
    overflow: hidden;
    border-block: 1px solid rgb(90 100 70 / 28%);
    background: #122513;
    background-image: url("/assets/03-garden_01.png");
    background-repeat: no-repeat;
    background-position: 85% top;
    background-size: auto 475px;
  }

  .mobile-garden-visual img {
    display: none;
  }

  .mobile-garden-lower {
    padding-top: 36px;
  }

  .mobile-garden-icon {
    background-image: url("/assets/03-garden_01.png");
    background-size: 1532px 904px;
  }

  .mobile-garden-icon-01 { background-position: -253px -621px; }
  .mobile-garden-icon-02 { background-position: -566px -621px; }
  .mobile-garden-icon-03 { background-position: -869px -621px; }
  .mobile-garden-icon-04 { background-position: -1165px -621px; }

  .mobile-garden-vision {
    margin: 28px auto 0;
    padding-top: 20px;
    border-top: 1px solid #899279;
    text-align: center;
    font: italic 400 16px/1.45 Georgia, "Times New Roman", serif;
    white-space: normal;
  }

  .mobile-proof .mobile-section-header {
    margin-bottom: 38px;
  }

  .mobile-proof-metrics {
    padding-top: 30px;
    border-top: 1px solid #899279;
  }

  .mobile-metric-stack {
    display: grid;
    gap: 14px;
  }

  .mobile-metric {
    display: grid;
    justify-items: center;
    padding: 22px 18px;
    border: 1px solid rgb(102 120 80 / 38%);
    border-radius: 3px;
    background: rgb(255 252 244 / 72%);
    text-align: center;
  }

  .mobile-proof-icon {
    display: block;
    width: 86px;
    height: 70px;
    background-image: url("/assets/04-proof_1672.png");
    background-repeat: no-repeat;
    background-size: 1672px 821px;
  }

  .mobile-proof-icon-01 { background-position: -211px -545px; }
  .mobile-proof-icon-02 { background-position: -441px -545px; }
  .mobile-proof-icon-03 { background-position: -674px -545px; }
  .mobile-proof-icon-04 { background-position: -914px -545px; }
  .mobile-proof-icon-05 { background-position: -1143px -545px; }
  .mobile-proof-icon-06 { background-position: -1373px -545px; }

  .mobile-metric h3 {
    margin: 10px 0 7px;
    font-size: 21px;
    line-height: 1.14;
  }

  .mobile-example {
    width: 100%;
    margin: 15px 0 0;
    padding: 11px 12px;
    border-top: 1px solid #a68b50;
    background: rgb(226 213 179 / 26%);
    color: #243420;
    font: italic 700 14px/1.45 Arial, Helvetica, sans-serif;
    white-space: pre-line;
  }

  .mobile-story {
    padding-top: 52px;
  }

  .mobile-story-upper {
    padding-bottom: 30px;
    text-align: center;
  }

  .mobile-story-upper .mobile-section-header {
    margin-bottom: 24px;
  }

  .mobile-story-upper .mobile-section-title {
    font-size: clamp(37px, 10vw, 46px);
    line-height: 1.04;
  }

  .mobile-story-body,
  .mobile-story-intro,
  .mobile-story-principle p {
    margin: 0;
    color: #344033;
    font: 400 15px/1.55 Arial, Helvetica, sans-serif;
    white-space: pre-line;
  }

  .mobile-story-body {
    text-align: left;
  }

  .mobile-story-portrait {
    width: 100%;
    height: clamp(310px, 84vw, 350px);
    margin: 0;
    overflow: hidden;
    border-block: 1px solid rgb(90 100 70 / 28%);
    background: #20351e;
    background-image: url("/assets/05-story_1672.png");
    background-repeat: no-repeat;
    background-position: 80% top;
    background-size: auto 500px;
  }

  .mobile-story-portrait img {
    display: none;
  }

  .mobile-story-lower {
    padding-top: 34px;
  }

  .mobile-story-mission {
    margin: 0;
    padding: 22px 18px;
    border-block: 1px solid #899279;
    color: #173719;
    text-align: center;
    font: 400 19px/1.48 Georgia, "Times New Roman", serif;
    white-space: pre-line;
  }

  .mobile-story-lower > .mobile-section-tagline {
    text-align: center;
  }

  .mobile-story-community {
    margin-top: 48px;
  }

  .mobile-story-community .mobile-subsection-title {
    margin-bottom: 16px;
  }

  .mobile-story-intro {
    margin-bottom: 28px;
    text-align: center;
  }

  .mobile-story-principles {
    display: grid;
    gap: 12px;
  }

  .mobile-story-principle {
    display: grid;
    min-height: 122px;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    padding: 16px 14px;
    border: 1px solid rgb(102 120 80 / 38%);
    border-radius: 3px;
    background: rgb(255 252 244 / 72%);
  }

  .mobile-story-principle h4 {
    margin: 0 0 7px;
    color: #173719;
    font: 400 19px/1.16 Georgia, "Times New Roman", serif;
  }

  .mobile-story-icon {
    display: block;
    width: 82px;
    height: 82px;
    background-image: url("/assets/05-story_1672.png");
    background-repeat: no-repeat;
    background-size: 1672px 816px;
  }

  .mobile-story-icon-01 { background-position: -359px -614px; }
  .mobile-story-icon-02 { background-position: -649px -614px; }
  .mobile-story-icon-03 { background-position: -935px -614px; }
  .mobile-story-icon-04 { background-position: -1229px -614px; }

  .mobile-involved .mobile-section-header {
    margin-bottom: 44px;
  }

  .mobile-involved-intro {
    margin: -7px auto 28px;
    color: #344033;
    text-align: center;
    font: 400 15px/1.52 Arial, Helvetica, sans-serif;
    white-space: pre-line;
  }

  .mobile-involved-pathways {
    display: grid;
    gap: 12px;
  }

  .mobile-popup-trigger {
    display: grid;
    width: 100%;
    min-height: 132px;
    grid-template-columns: 76px minmax(0, 1fr) 44px;
    gap: 13px;
    align-items: center;
    padding: 15px 10px 15px 14px;
    border: 1px solid rgb(102 120 80 / 48%);
    border-radius: 3px;
    background: rgb(255 252 244 / 76%);
    color: #173719;
    text-align: left;
    cursor: pointer;
  }

  .mobile-popup-trigger:focus-visible {
    border-color: #ad7c20;
    outline: 3px solid rgb(173 124 32 / 45%);
    outline-offset: 2px;
  }

  .mobile-involved-copy {
    display: grid;
    gap: 7px;
  }

  .mobile-involved-copy strong {
    font: 400 19px/1.15 Georgia, "Times New Roman", serif;
  }

  .mobile-involved-copy > span {
    color: #344033;
    font: 400 14px/1.42 Arial, Helvetica, sans-serif;
    white-space: pre-line;
  }

  .mobile-involved-arrow {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border-radius: 50%;
    background: #214819;
    color: #fffdf5;
    font: 30px/38px Georgia, "Times New Roman", serif;
  }

  .mobile-involved-icon {
    display: block;
    width: 76px;
    height: 76px;
    background-image: url("/assets/06-get_involved_01.png");
    background-repeat: no-repeat;
    background-size: 1672px 826px;
  }

  .mobile-involved-icon-01 { background-position: -247px -569px; }
  .mobile-involved-icon-02 { background-position: -464px -569px; }
  .mobile-involved-icon-03 { background-position: -675px -569px; }
  .mobile-involved-icon-04 { background-position: -877px -569px; }
  .mobile-involved-icon-05 { background-position: -1081px -569px; }
  .mobile-involved-icon-06 { background-position: -1299px -569px; }

  .involvement-popup {
    width: calc(100vw - 32px);
    max-height: calc(100dvh - 24px);
  }

  .popup-panel {
    max-height: calc(100dvh - 24px);
    padding: 42px 18px 28px;
    overscroll-behavior: contain;
    scroll-padding-block: 58px 24px;
  }

  .popup-close {
    position: sticky;
    z-index: 2;
    top: 0;
    float: right;
    width: 44px;
    height: 44px;
    margin: -29px -5px 0 8px;
    font-size: 31px;
  }

  .popup-title {
    font-size: clamp(29px, 9vw, 38px);
  }

  .popup-form,
  .popup-options {
    grid-template-columns: 1fr;
  }

  .popup-form {
    gap: 18px;
  }

  .popup-form input[type="text"],
  .popup-form input[type="email"],
  .popup-form input[type="url"],
  .popup-form textarea,
  .popup-form select {
    min-height: 48px;
    font-size: 16px;
  }

  .popup-form textarea {
    min-height: 112px;
  }

  .popup-options {
    gap: 5px;
  }

  .popup-option {
    min-height: 44px;
    align-items: center;
    padding: 7px 8px;
    border-bottom: 1px solid rgb(102 120 80 / 22%);
    font-size: 14px;
  }

  .popup-option input {
    width: 20px;
    height: 20px;
    margin: 0;
  }

  .popup-submit {
    width: 100%;
    min-height: 48px;
    justify-self: stretch;
  }

  .mobile-donate-upper {
    text-align: center;
  }

  .mobile-donate-upper .mobile-section-header {
    margin-bottom: 26px;
  }

  .mobile-donate-body {
    margin: 0 auto 18px;
    color: #344033;
    text-align: left;
    font: 400 15px/1.55 Arial, Helvetica, sans-serif;
    white-space: pre-line;
  }

  .mobile-donate-callout {
    margin: 28px auto 20px;
    color: #173719;
    font: 700 23px/1.28 Georgia, "Times New Roman", serif;
    white-space: pre-line;
  }

  .mobile-donate-cta,
  .mobile-donate-button {
    min-height: 48px;
    border: 1px solid #102f13;
    border-radius: 3px;
    background: linear-gradient(#31531f, #163712);
    color: #fffdf5;
    font: 700 14px/1.25 Arial, Helvetica, sans-serif;
    letter-spacing: 0.45px;
    cursor: pointer;
  }

  .mobile-donate-cta {
    width: 100%;
    padding: 12px 16px;
  }

  .mobile-donate-cta:focus-visible,
  .mobile-donate-button:focus-visible {
    outline: 3px solid rgb(173 124 32 / 55%);
    outline-offset: 2px;
  }

  .mobile-donate-note {
    margin: 13px auto 0;
    color: #52604d;
    font: 400 14px/1.45 Georgia, "Times New Roman", serif;
    white-space: pre-line;
  }

  .mobile-donate-visuals {
    display: grid;
    gap: 0;
    margin-top: 34px;
    border-block: 1px solid rgb(90 100 70 / 28%);
    background: #101c0e;
  }

  .mobile-donate-seedling,
  .mobile-donate-cycle {
    display: block;
    width: 100%;
    background-image: url("/assets/07-donate_1672.png");
    background-repeat: no-repeat;
  }

  .mobile-donate-seedling {
    height: 290px;
    background-position: 61% top;
    background-size: auto 410px;
  }

  .mobile-donate-cycle {
    height: 390px;
    border-top: 1px solid rgb(255 253 245 / 28%);
    background-position: right top;
    background-size: auto 650px;
  }

  .mobile-donate-lower {
    padding-top: 42px;
  }

  .mobile-donate-intro {
    margin: -8px auto 28px;
    color: #344033;
    text-align: center;
    font: 400 15px/1.5 Arial, Helvetica, sans-serif;
    white-space: pre-line;
  }

  .mobile-donate-methods {
    display: grid;
    gap: 14px;
  }

  .mobile-donate-method {
    display: grid;
    justify-items: center;
    padding: 22px 18px 18px;
    border: 1px solid rgb(102 120 80 / 42%);
    border-radius: 3px;
    background: rgb(255 252 244 / 76%);
    text-align: center;
  }

  .mobile-donate-method p {
    margin: 8px auto 16px;
    color: #344033;
    font: 400 15px/1.45 Arial, Helvetica, sans-serif;
    white-space: pre-line;
  }

  .mobile-donate-button {
    width: 100%;
    padding: 11px 12px;
  }

  .mobile-donate-logo {
    display: block;
    width: 160px;
    height: 62px;
    background-image: url("/assets/07-donate_1672.png");
    background-repeat: no-repeat;
    background-size: 1672px 818px;
  }

  .mobile-donate-logo-paypal { background-position: -210px -678px; }
  .mobile-donate-logo-wise { background-position: -462px -678px; }
  .mobile-donate-logo-zelle { background-position: -710px -678px; }
  .mobile-donate-logo-bank { background-position: -965px -678px; }
  .mobile-donate-logo-other { background-position: -1286px -678px; }
}

@media (min-width: 768px) and (max-width: 1671px) {
  :root {
    --mobile-edge: 32px;
  }

  .mobile-content {
    max-width: 760px;
  }

  .mobile-home-visual,
  .mobile-garden-visual,
  .mobile-story-portrait,
  .mobile-donate-visuals {
    width: min(100%, 760px);
    margin-inline: auto;
  }

  .mobile-home,
  .mobile-how,
  .mobile-garden,
  .mobile-proof,
  .mobile-story,
  .mobile-involved,
  .mobile-donate {
    background:
      linear-gradient(90deg, rgb(217 207 188 / 34%), transparent 18%, transparent 82%, rgb(217 207 188 / 34%)),
      #f4eee3;
  }
}

@media (max-width: 400px) {
  :root {
    --mobile-edge: 18px;
  }

  .mobile-brand,
  .mobile-brand-crop {
    width: 215px;
  }

  .mobile-brand-crop img {
    width: 654px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}