@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInSlideUp {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.impact-report .bg-dark-green {
  background-color: #007443 !important;
}

.impact-report .bg-green {
  background-color: #77bd43 !important;
}

.impact-report .bg-green-subtle {
  background-color: #e4f2d9 !important;
}

.impact-report .bg-yellow-green-subtle {
  background-color: #e5F7ce !important;
}

.impact-report .bg-light-green {
  background-color: #c8e4b3 !important;
}

.impact-report .bg-light-orange {
  background-color: #ffdcb8 !important;
}

.impact-report .bg-light-yellow {
  background-color: #fff7c6 !important;
}

.impact-report .bg-mint {
  background-color: #cce3d9 !important;
}

.impact-report .bg-red {
  background-color: #f03d42 !important;
}

.impact-report .bg-blueberry {
  background-color: #145a96 !important;
}

.impact-report .bg-blue-subtle {
  background-color: #cdf6fe !important;
}

.impact-report .c-black {
  color: #3a3a3a !important;
}

.impact-report .c-light-blue {
  color: #00bde3 !important;
}

.impact-report .c-navy {
  color: #005b93 !important;
}

.impact-report .c-red {
  color: #f03d42 !important;
}

.impact-report .l-padding-wide {
  padding-left: 1.1764705882rem;
  padding-right: 1.1764705882rem;
}

@media all and (min-width: 22.5em) {
  .impact-report .l-padding-wide {
    padding-left: calc(5.9139784946vw + -0.0759013283rem);
    padding-right: calc(5.9139784946vw + -0.0759013283rem);
  }
}

@media all and (min-width: 80.625em) {
  .impact-report .l-padding-wide {
    padding-left: 4.4117647059rem;
    padding-right: 4.4117647059rem;
  }
}

.impact-report .l-cancel-padding-wide {
  margin-left: -1.1764705882rem;
  margin-right: -1.1764705882rem;
  max-width: 75.8823529412rem;
}

@media all and (min-width: 22.5em) {
  .impact-report .l-cancel-padding-wide {
    margin-left: calc(-5.9139784946vw + 0.0759013283rem);
    margin-right: calc(-5.9139784946vw + 0.0759013283rem);
  }
}

@media all and (min-width: 80.625em) {
  .impact-report .l-cancel-padding-wide {
    margin-left: -4.4117647059rem;
    margin-right: -4.4117647059rem;
  }
}

.impact-report .l-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 75.8823529412rem;
}

.impact-report .l-wrap--narrow {
  margin-left: auto;
  margin-right: auto;
  max-width: 50.2352941176rem;
}

@media all and (min-width: 64em) {
  .impact-report .l-wrap--small {
    max-width: 34.6470588235rem;
  }
}

.impact-report .l-fullwidth {
  left: 50% ;
  position: relative ;
  transform: translateX(-50%) ;
  width: 100vw ;
}

.impact-report .l-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.impact-report .l-relative {
  position: relative;
}

.impact-report .f-section-heading {
  font-size: 1.0588235294rem;
  line-height: 1.333;
  text-transform: uppercase;
}

@media all and (min-width: 22.5em) {
  .impact-report .f-section-heading {
    font-size: calc(2.1505376344vw + 0.6034155598rem);
  }
}

@media all and (min-width: 80.625em) {
  .impact-report .f-section-heading {
    font-size: 2.2352941176rem;
  }
}

.impact-report .f-upper-heading {
  font-size: 0.9411764706rem;
  font-family: "Montserrat", system-ui, Segoe UI, sans-serif, color-emoji;
  font-weight: 500;
  line-height: 1.333;
  text-transform: uppercase;
}

@media all and (min-width: 23.4375em) {
  .impact-report .f-upper-heading {
    font-size: calc(1.3114754098vw + 0.6518804243rem);
  }
}

@media all and (min-width: 80.625em) {
  .impact-report .f-upper-heading {
    font-size: 1.6470588235rem;
  }
}

.impact-report .f-small-heading {
  font-size: 1.2941176471rem;
  color: #00bde3;
  font-weight: bold;
  line-height: 1.2;
}

@media all and (min-width: 23.4375em) {
  .impact-report .f-small-heading {
    font-size: calc(0.6557377049vw + 1.1494696239rem);
  }
}

@media all and (min-width: 80.625em) {
  .impact-report .f-small-heading {
    font-size: 1.6470588235rem;
  }
}

.impact-report .link-orange {
  font-weight: bold;
  text-decoration: underline;
}

.impact-report .link-orange, .impact-report .link-orange:link {
  color: #FF8C14;
}

.impact-report .link-orange:visited {
  color: #ffa547;
}

.impact-report .link-orange:hover, .impact-report .link-orange:focus, .impact-report .link-orange:active {
  color: #e07200;
}

.AnchorNav {
  background-color: #db3939;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  padding-bottom: 0.5882352941rem;
  padding-top: 0.5882352941rem;
}

@media all and (max-width: 58.1875em) {
  .AnchorNav-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

.AnchorNav-toggle {
  background-color: transparent;
  border: 0;
  color: #fff;
  position: relative;
}

@media all and (min-width: 58.25em) {
  .AnchorNav-toggle {
    display: none;
  }
}

.AnchorNav-toggle-burger {
  margin-bottom: 14px;
  margin-top: 14px;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  display: block;
  border-radius: 10px;
}

.AnchorNav-toggle-burger, .AnchorNav-toggle-burger::before, .AnchorNav-toggle-burger::after {
  background-color: #fff;
  height: 4px;
  transition-duration: 200ms;
  transition-property: background-color, transform;
  width: 36px;
}

.AnchorNav-toggle-burger::before, .AnchorNav-toggle-burger::after {
  content: '';
  left: 0;
  position: absolute;
}

.AnchorNav-toggle-burger::before {
  top: -14px;
}

.AnchorNav-toggle-burger::after {
  top: 14px;
}

.AnchorNav-toggle-burger::before, .AnchorNav-toggle-burger::after {
  border-radius: 10px;
}

.is-expanded > .AnchorNav-toggle-burger {
  background-color: transparent;
}

.is-expanded > .AnchorNav-toggle-burger:before {
  transform: translateY(14px) rotate(45deg);
}

.is-expanded > .AnchorNav-toggle-burger:after {
  transform: translateY(-14px) rotate(-45deg);
}

.AnchorNav-link {
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
}

@media all and (max-width: 58.1875em) {
  .AnchorNav-expandable {
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
  }
  .AnchorNav-expandable[aria-hidden="true"] {
    transition: max-height 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000), visibility 0s linear 500ms;
  }
  .AnchorNav-expandable[aria-hidden="false"], .no-js .AnchorNav-expandable {
    max-height: none;
    pointer-events: auto;
    transition: max-height 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000), visibility 0s linear 0s;
    visibility: visible;
  }
  .AnchorNav-expandable[aria-hidden="true"][style] {
    max-height: 0 !important;
  }
}

@media all and (max-width: 58.1875em) {
  .AnchorNav-list {
    padding-bottom: 2.3529411765rem;
    padding-top: 2.3529411765rem;
  }
}

@media all and (min-width: 58.25em) {
  .AnchorNav-list {
    display: flex;
  }
}

@media all and (max-width: 58.1875em) {
  .AnchorNav-list-item {
    text-align: center;
  }
}

@media all and (min-width: 58.25em) {
  .AnchorNav-list-item:first-child {
    margin-left: auto;
  }
}

@media all and (min-width: 58.25em) {
  .AnchorNav-list-item + .AnchorNav-list-item {
    margin-left: 2.3529411765rem;
  }
}

@media all and (max-width: 58.1875em) {
  .AnchorNav-list-item + .AnchorNav-list-item {
    margin-top: 1.5882352941rem;
  }
}

.CardColumns {
  margin-bottom: 2.3529411765rem;
}

@media all and (min-width: 23.4375em) {
  .CardColumns {
    margin-bottom: calc(2.4653312789vw + 1.8091181002rem);
  }
}

@media all and (min-width: 64em) {
  .CardColumns {
    margin-bottom: 3.2941176471rem;
  }
}

@media all and (min-width: 64em) {
  .CardColumns:last-child {
    margin-bottom: 0;
  }
}

@media all and (min-width: 64em) {
  .CardColumns {
    align-items: center;
    display: flex;
    column-gap: 1.7647058824rem;
    justify-content: space-between;
  }
  .CardColumns.align-top {
    align-items: flex-start;
  }
}

@media all and (max-width: 63.9375em) {
  .CardColumns > *:not(:last-child) {
    margin-bottom: 1.1764705882rem;
  }
}

@media all and (min-width: 64em) {
  .CardColumns > * {
    width: 50%;
  }
}

.CardColumns--waffles {
  margin-left: auto;
  max-width: 60.1176470588rem;
}

@media all and (min-width: 64em) {
  .CardColumns--waffles {
    column-gap: 2.9411764706rem;
  }
}

@media all and (min-width: 64em) {
  .CardColumns--waffles > *:first-child {
    width: 60%;
  }
}

@media all and (min-width: 64em) {
  .CardColumns--waffles > *:last-child {
    width: 40%;
  }
}

.CardColumns--waffles .CardColumns-title {
  display: block;
  max-width: 100%;
}

.Decorations-beans {
  display: block;
  filter: drop-shadow(10px 20px 20px rgba(255, 140, 20, 0.5));
  margin-left: auto;
  margin-right: auto;
  margin-top: -2.6470588235rem;
  max-width: 23.5294117647rem;
  width: 56.5%;
}

@media all and (min-width: 64em) {
  .Decorations-beans {
    right: calc(-40.3846153846vw + 24.3257918552rem);
  }
}

@media all and (min-width: 90em) {
  .Decorations-beans {
    right: -9.8823529412rem;
  }
}

@media all and (min-width: 64em) {
  .Decorations-beans {
    position: absolute;
    width: 28vw;
    top: -22px;
  }
}

@media all and (min-width: 1024) {
  .Decorations-avocado {
    width: 58%;
  }
}

.Decorations-broccoli {
  display: block;
}

@media all and (min-width: 68.75em) {
  .Decorations-broccoli {
    right: calc(-42.6470588235vw + 24.9480968858rem);
  }
}

@media all and (min-width: 90em) {
  .Decorations-broccoli {
    right: -11.1764705882rem;
  }
}

@media all and (max-width: 68.6875em) {
  .Decorations-broccoli {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.9411764706rem;
    max-width: 11.7647058824rem;
    width: 100%;
  }
}

@media all and (min-width: 68.75em) {
  .Decorations-broccoli {
    bottom: 92px;
    max-width: 19.5882352941rem;
    position: absolute;
    width: 23vw;
  }
}

.FoodGrid {
  column-gap: 1.9411764706rem;
  row-gap: 1.8823529412rem;
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1.7647058824rem;
  margin-top: 1.7647058824rem;
}

@media all and (min-width: 23.4375em) {
  .FoodGrid {
    column-gap: calc(6.8571428571vw + 0.4285714286rem);
  }
}

@media all and (min-width: 56.25em) {
  .FoodGrid {
    column-gap: 4.0588235294rem;
  }
}

@media all and (min-width: 23.4375em) {
  .FoodGrid {
    row-gap: calc(2.2857142857vw + 1.3781512605rem);
  }
}

@media all and (min-width: 56.25em) {
  .FoodGrid {
    row-gap: 2.5882352941rem;
  }
}

.FoodGrid-item {
  width: 8.2352941176rem;
}

@media all and (min-width: 23.4375em) {
  .FoodGrid-item {
    width: calc(5.7142857143vw + 6.974789916rem);
  }
}

@media all and (min-width: 56.25em) {
  .FoodGrid-item {
    width: 10rem;
  }
}

.FoodGrid-image {
  aspect-ratio: 1;
  background-color: #fff;
  border: 7px solid #00bde3;
  border-radius: 50%;
  display: block;
  width: 100%;
}

.FoodGrid-text {
  text-align: center;
}

.FoodGrid-text-stat {
  font-size: 1.0588235294rem;
  color: #f03d42;
  display: block;
  font-weight: 500;
  line-height: 1;
  margin-top: 1rem;
}

@media all and (min-width: 23.4375em) {
  .FoodGrid-text-stat {
    font-size: calc(0.9523809524vw + 0.8487394958rem);
  }
}

@media all and (min-width: 56.25em) {
  .FoodGrid-text-stat {
    font-size: 1.3529411765rem;
  }
}

.FoodGrid-text-name {
  font-size: 0.8823529412rem;
  color: #3a3a3a;
  display: block;
  line-height: 1.1;
  margin-top: 0.3529411765rem;
  text-transform: uppercase;
}

@media all and (min-width: 23.4375em) {
  .FoodGrid-text-name {
    font-size: calc(0.7619047619vw + 0.7142857143rem);
  }
}

@media all and (min-width: 56.25em) {
  .FoodGrid-text-name {
    font-size: 1.1176470588rem;
  }
}

.FoodGrid-text.-green {
  color: #77bd43;
}

.FoodGrid-text.-blue {
  color: #00bde3;
}

.GraphColumns {
  margin-bottom: 1.7647058824rem;
}

@media all and (min-width: 23.4375em) {
  .GraphColumns {
    margin-bottom: calc(2.6194144838vw + 1.1868938639rem);
  }
}

@media all and (min-width: 64em) {
  .GraphColumns {
    margin-bottom: 2.7647058824rem;
  }
}

@media all and (min-width: 64em) {
  .GraphColumns:last-child {
    margin-bottom: 0;
  }
}

@media all and (min-width: 64em) {
  .GraphColumns {
    display: flex;
    column-gap: 2.9411764706rem;
    justify-content: space-between;
  }
  .GraphColumns.align-top {
    align-items: flex-start;
  }
}

@media all and (max-width: 63.9375em) {
  .GraphColumns-sidebar {
    margin-bottom: 1.1764705882rem;
  }
}

.GraphColumns-graph img {
  display: block;
}

@media all and (min-width: 64em) {
  .GraphColumns-graph {
    flex-grow: 1;
    flex-shrink: 0;
    width: 60%;
  }
}

.ImageCard {
  border-radius: 14px;
  filter: drop-shadow(0px 8px 17px rgba(255, 230, 67, 0.6));
  position: relative;
  overflow: hidden;
}

@media all and (min-width: 64em) {
  .ImageCard {
    filter: drop-shadow(0 10px 20px rgba(255, 230, 67, 0.6));
  }
}

.ImageCard-image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ImageCard-caption {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: rgba(58, 58, 58, 0.7);
  bottom: 0;
  color: #fff7c6;
  font-size: 0.9411764706rem;
  left: 0;
  line-height: 1.25;
  margin-left: auto;
  margin-right: auto;
  padding: 0.8235294118rem 12%;
  position: absolute;
  text-align: center;
  width: 100%;
}

.LogoGrid {
  align-items: center;
  box-sizing: content-box;
  column-gap: 2.9411764706rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-bottom: 2.3529411765rem;
  max-width: 50.2352941176rem;
  row-gap: 3.5294117647rem;
}

.LogoGrid-logo {
  display: block;
}

.MapStats {
  margin-top: 2.5882352941rem;
  position: relative;
}

@media all and (min-width: 23.4375em) {
  .MapStats {
    margin-top: calc(2.5136612022vw + 2.0337512054rem);
  }
}

@media all and (min-width: 80.625em) {
  .MapStats {
    margin-top: 3.9411764706rem;
  }
}

.MapStats-heading {
  font-family: "Montserrat", system-ui, Segoe UI, sans-serif, color-emoji;
  font-size: 0.9411764706rem;
  margin-bottom: 1.3529411765rem;
  font-weight: 500;
  line-height: 1.333;
}

@media all and (min-width: 23.4375em) {
  .MapStats-heading {
    font-size: calc(1.3114754098vw + 0.6518804243rem);
  }
}

@media all and (min-width: 80.625em) {
  .MapStats-heading {
    font-size: 1.6470588235rem;
  }
}

@media all and (min-width: 23.4375em) {
  .MapStats-heading {
    margin-bottom: calc(2.7322404372vw + 0.75024108rem);
  }
}

@media all and (min-width: 80.625em) {
  .MapStats-heading {
    margin-bottom: 2.8235294118rem;
  }
}

.MapStats-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.MapStats-stat {
  display: block;
}

@media all and (max-width: 56.1875em) {
  .MapStats-stat {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    max-width: 100%;
    min-width: 11.4705882353rem;
    width: 47%;
  }
}

@media all and (min-width: 56.25em) {
  .MapStats-stat {
    margin-top: 5.7058823529rem;
    max-width: 22.0588235294rem;
    width: 100%;
  }
}

.MapStats-decoration {
  display: block;
}

@media all and (max-width: 56.1875em) {
  .MapStats-decoration {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.9411764706rem;
    width: 62%;
  }
}

@media all and (min-width: 56.25em) {
  .MapStats-decoration {
    bottom: -60px;
    position: absolute;
    right: 50px;
  }
}

@media all and (min-width: 85.375em) {
  .MapStats-decoration {
    bottom: -47px;
    right: -182px;
  }
}

.QuoteColumns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2.8235294118rem;
  margin-top: 2.4705882353rem;
  row-gap: 2.2352941176rem;
}

@media all and (min-width: 60em) {
  .QuoteColumns {
    margin-left: -2.2352941176rem;
  }
}

@media all and (min-width: 60em) {
  .QuoteColumns-item {
    padding-left: 2.2352941176rem;
    width: 50%;
  }
}

@media all and (min-width: 85.375em) {
  .QuoteColumns-item {
    width: 33.3%;
  }
}

.QuoteColumns .QuoteStrata {
  justify-content: flex-start;
  padding-bottom: 1.7647058824rem;
  padding-top: 1.7647058824rem;
}

@media all and (min-width: 60em) {
  .QuoteColumns .QuoteStrata {
    height: 100%;
    padding-left: 1.4705882353rem;
    padding-right: 1.4705882353rem;
  }
}

@media all and (min-width: 60em) {
  .QuoteColumns .QuoteStrata-text {
    font-size: 1.3529411765rem;
  }
}

.QuoteStrata {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  padding-left: 0.7647058824rem;
  padding-right: 0.7647058824rem;
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 25.8823529412rem;
  padding-bottom: 2.1176470588rem;
  padding-top: 2.1176470588rem;
  position: relative;
  text-align: center;
}

@media all and (min-width: 22.5em) {
  .QuoteStrata {
    padding-left: calc(2.8333333333vw + 0.1647058824rem);
    padding-right: calc(2.8333333333vw + 0.1647058824rem);
  }
}

@media all and (min-width: 960) {
  .QuoteStrata {
    padding-left: 1.7647058824rem;
    padding-right: 1.7647058824rem;
  }
}

.QuoteStrata:before {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: inherit;
  content: '';
  mix-blend-mode: color;
  z-index: 1;
}

.QuoteStrata.bg-dark-green:before {
  background-color: #77bd43;
}

.QuoteStrata.bg-blueberry:before {
  background-color: #145a96;
}

.QuoteStrata:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: inherit;
  content: '';
  opacity: 0.7;
  z-index: 2;
}

.QuoteStrata.bg-orange:before {
  display: none;
}

.QuoteStrata.bg-orange:after {
  opacity: 0.4;
}

.QuoteStrata.bg-orange-strong:before {
  background-color: #FF8C14;
  mix-blend-mode: normal;
  opacity: 0.8;
}

.QuoteStrata-background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
  z-index: 0;
}

.QuoteStrata-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 64.2352941176rem;
  position: relative;
  text-align: center;
  z-index: 10;
}

.QuoteStrata-avatar {
  border-radius: 10px;
  display: block;
  filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.3));
  margin-bottom: 1.7647058824rem;
  margin-left: auto;
  margin-right: auto;
}

.QuoteStrata-quote {
  fill: currentColor;
  margin-bottom: 1.5294117647rem;
  width: 100%;
}

.QuoteStrata-text {
  font-size: 1.1764705882rem;
  font-style: italic;
  font-weight: bold;
  line-height: 1.5;
}

@media all and (min-width: 22.5em) {
  .QuoteStrata-text {
    font-size: calc(1vw + 0.9647058824rem);
  }
}

@media all and (min-width: 960) {
  .QuoteStrata-text {
    font-size: 1.5294117647rem;
  }
}

.QuoteStrata-text.-small {
  font-size: 1.0588235294rem;
}

@media all and (min-width: 22.5em) {
  .QuoteStrata-text.-small {
    font-size: calc(0.6666666667vw + 0.9176470588rem);
  }
}

@media all and (min-width: 960) {
  .QuoteStrata-text.-small {
    font-size: 1.2941176471rem;
  }
}

.QuoteStrata-callout {
  font-size: 1.5294117647rem;
}

@media all and (min-width: 22.5em) {
  .QuoteStrata-callout {
    font-size: calc(1.3333333333vw + 1.2470588235rem);
  }
}

@media all and (min-width: 960) {
  .QuoteStrata-callout {
    font-size: 2rem;
  }
}

.QuoteStrata-cite {
  display: block;
  font-size: 1.0588235294rem;
  margin-top: 1em;
}

.QuoteStrata-image {
  object-fit: contain;
  position: relative;
  z-index: 10;
}

.QuoteStrata-image.-small {
  max-width: 200px;
}

.QuoteStrata-columns {
  align-items: center;
  display: flex;
  flex-direction: column;
}

@media all and (min-width: 43.75em) {
  .QuoteStrata-columns {
    flex-direction: row;
  }
}

@media all and (min-width: 43.75em) {
  .QuoteStrata-columns-col {
    padding-right: 20px;
    width: 40%;
  }
}

@media all and (min-width: 43.75em) {
  .QuoteStrata-columns-col-quote {
    padding-left: 20px;
    width: 55%;
  }
}

@media all and (min-width: 43.75em) {
  .QuoteStrata-columns-col-small {
    padding-right: 20px;
    width: 30%;
  }
}

@media all and (min-width: 43.75em) {
  .QuoteStrata-columns-col-large {
    padding-left: 20px;
    width: 65%;
  }
}

.ReportHero {
  padding-top: 1.2941176471rem;
  background-color: #42bedc;
  color: #fff;
  padding-top: 1.2941176471rem;
  position: relative;
  z-index: -1;
}

@media all and (min-width: 22.5em) {
  .ReportHero {
    padding-top: calc(5.9375vw + 0.0367647059rem);
  }
}

@media all and (min-width: 62.5em) {
  .ReportHero {
    padding-top: 3.5294117647rem;
  }
}

.year-2022 .ReportHero {
  background-color: #77bd43;
}

.ReportHero::before {
  background-image: url(/assets/impact-reports/2021/blueberries.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: inset 140px -50px 80px 40px #42bedc;
  content: "";
  display: block;
  height: 600px;
  position: absolute;
  right: 0;
  top: 0;
  width: 65%;
  z-index: -2;
}

.year-2022 .ReportHero::before {
  background-image: url(/assets/impact-reports/2022/string-beans.png);
  box-shadow: inset 140px -50px 80px 40px #77bd43;
}

.ReportHero::after {
  background-color: rgba(66, 190, 220, 0.8);
  content: "";
  display: block;
  height: 600px;
  position: absolute;
  right: 0;
  top: 0;
  width: 65%;
  z-index: -1;
}

.year-2022 .ReportHero::after {
  background-color: rgba(119, 189, 67, 0.8);
}

.ReportHero-wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 75.2941176471rem;
  position: relative;
}

@media all and (min-width: 62.5em) {
  .ReportHero-wrapper {
    display: flex;
  }
}

@media all and (min-width: 62.5em) {
  .ReportHero-wrapper > *:first-child {
    width: 68%;
  }
}

.ReportHero-title {
  margin-bottom: 1.7058823529rem;
}

.ReportHero-title strong {
  font-size: 1.6470588235rem;
  font-weight: bold;
  line-height: 1.08;
}

@media all and (min-width: 22.5em) {
  .ReportHero-title strong {
    font-size: calc(3.4782608696vw + 0.9104859335rem);
  }
}

@media all and (min-width: 65.625em) {
  .ReportHero-title strong {
    font-size: 3.0588235294rem;
  }
}

.ReportHero-title span {
  font-size: 1.6470588235rem;
  display: block;
  line-height: 1.75;
}

@media all and (min-width: 22.5em) {
  .ReportHero-title span {
    font-size: calc(2.0289855072vw + 1.2173913043rem);
  }
}

@media all and (min-width: 65.625em) {
  .ReportHero-title span {
    font-size: 2.4705882353rem;
  }
}

.ReportHero-row {
  margin-top: 1.1764705882rem;
}

@media all and (min-width: 62.5em) {
  .ReportHero-row {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2.8235294118rem;
  }
}

@media all and (min-width: 62.5em) {
  .ReportHero-row > *:first-child {
    width: 35%;
  }
}

@media all and (min-width: 62.5em) {
  .ReportHero-row > *:last-child {
    width: 60%;
  }
}

.ReportHero-logo {
  display: block;
  fill: #fff;
  height: auto;
  max-width: 100%;
  width: 19.1764705882rem;
}

@media all and (max-width: 62.4375em) {
  .ReportHero-logo {
    display: none;
  }
}

@media all and (min-width: 62.5em) {
  .ReportHero-video {
    margin-top: 3.8235294118rem;
  }
}

@media all and (max-width: 62.4375em) {
  .ReportHero-video {
    margin-bottom: 1.7647058824rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.7647058824rem;
    width: 65%;
    min-width: 15.8235294118rem;
  }
}

.ReportHero-text {
  font-size: 1.0588235294rem;
  line-height: 1.44;
  margin-bottom: 0.7058823529rem;
}

@media all and (min-width: 62.5em) {
  .ReportHero-rail {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-left: 40px;
    width: 40%;
  }
}

.ReportHero-rail-image-mobile {
  display: flex !important;
  flex-direction: column;
}

@media all and (min-width: 62.5em) {
  .ReportHero-rail-image-mobile {
    display: none !important;
  }
}

.ReportHero-rail-image-desktop {
  display: none !important;
}

@media all and (min-width: 62.5em) {
  .ReportHero-rail-image-desktop {
    display: flex !important;
    flex-direction: column;
  }
}

.ReportHero-rail-image-caption {
  background-color: #007443;
  color: #fff;
  padding: 20px;
}

.ReportHero-rail-image-caption a {
  color: #fff !important;
  font-weight: bold;
  text-decoration: underline;
  transition: all 150ms ease-in-out;
}

.ReportHero-rail-image-caption a:hover, .ReportHero-rail-image-caption a:focus, .ReportHero-rail-image-caption a:active {
  text-decoration: none;
}

@media all and (min-width: 25.875em) {
  .ReportHero-signature {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
  }
}

@media all and (min-width: 25.875em) {
  .ReportHero-signature-content {
    flex-grow: 1;
    margin-right: 1.4117647059rem;
  }
}

.ReportHero-signature-image {
  display: block;
  margin-bottom: 0.6470588235rem;
  margin-top: 0.6470588235rem;
  max-width: 17.1176470588rem;
  width: 100%;
}

.ReportHero-signature-nancy {
  display: block;
}

@media all and (max-width: 25.8125em) {
  .ReportHero-signature-nancy {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
  }
}

@media all and (min-width: 25.875em) {
  .ReportHero-signature-nancy {
    align-self: flex-end;
    flex-shrink: 0;
    width: 38%;
  }
}

@media all and (min-width: 62.5em) {
  .ReportHero-signature-nancy {
    bottom: 0;
    right: 1.4117647059rem;
    position: absolute;
    width: calc(32% - 48px);
  }
}

.ImpactSection {
  color: #005b93;
}

.year-2022 .ImpactSection {
  color: #3a3a3a;
}

@media all and (max-width: 39.9375em) {
  .ImpactSection {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.ImpactSection + .ImpactSection {
  margin-top: 1.7647058824rem;
}

.ImpactSection-wrap {
  padding-bottom: 2.9411764706rem;
  padding-top: 2.9411764706rem;
  padding-left: 1.1764705882rem;
  padding-right: 1.1764705882rem;
  border-radius: 20px;
}

@media all and (min-width: 22.5em) {
  .ImpactSection-wrap {
    padding-bottom: calc(1.6129032258vw + 2.5996204934rem);
    padding-top: calc(1.6129032258vw + 2.5996204934rem);
  }
}

@media all and (min-width: 80.625em) {
  .ImpactSection-wrap {
    padding-bottom: 3.8235294118rem;
    padding-top: 3.8235294118rem;
  }
}

@media all and (min-width: 22.5em) {
  .ImpactSection-wrap {
    padding-left: calc(3.2258064516vw + 0.4933586338rem);
    padding-right: calc(3.2258064516vw + 0.4933586338rem);
  }
}

@media all and (min-width: 80.625em) {
  .ImpactSection-wrap {
    padding-left: 2.9411764706rem;
    padding-right: 2.9411764706rem;
  }
}

.year-2022 .ImpactSection-wrap {
  border-radius: 0;
}

.ImpactSection-wrap.no-bottom-padding {
  padding-bottom: 0 !important;
}

.ImpactSection-wrap .fullwidth {
  margin-left: -1.1764705882rem;
  margin-right: -1.1764705882rem;
}

@media all and (min-width: 22.5em) {
  .ImpactSection-wrap .fullwidth {
    margin-left: calc(-3.2258064516vw + -0.4933586338rem);
    margin-right: calc(-3.2258064516vw + -0.4933586338rem);
  }
}

@media all and (min-width: 80.625em) {
  .ImpactSection-wrap .fullwidth {
    margin-left: -2.9411764706rem;
    margin-right: -2.9411764706rem;
  }
}

.ImpactSection-heading {
  font-size: 1.8823529412rem;
  color: #f03d42;
  font-weight: bold;
  line-height: 1.1;
}

@media all and (min-width: 22.5em) {
  .ImpactSection-heading {
    font-size: calc(2.1505376344vw + 1.4269449715rem);
  }
}

@media all and (min-width: 80.625em) {
  .ImpactSection-heading {
    font-size: 3.0588235294rem;
  }
}

.year-2022 .ImpactSection-heading {
  color: #007443;
}

.year-2022 .ImpactSection-heading.-red {
  color: #f03d42;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-heading-columns {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}

@media all and (min-width: 43.75em) {
  .ImpactSection-heading-columns-main {
    width: 65%;
  }
}

@media all and (min-width: 43.75em) {
  .ImpactSection-heading-columns-secondary {
    width: 40%;
  }
}

.ImpactSection-intro {
  margin-bottom: 1.9411764706rem;
  margin-top: 1.3529411765rem;
  position: relative;
}

@media all and (min-width: 22.5em) {
  .ImpactSection-intro {
    margin-bottom: calc(0.6451612903vw + 1.8045540797rem);
  }
}

@media all and (min-width: 80.625em) {
  .ImpactSection-intro {
    margin-bottom: 2.2941176471rem;
  }
}

@media all and (min-width: 22.5em) {
  .ImpactSection-intro {
    margin-top: calc(2.2580645161vw + 0.8747628083rem);
  }
}

@media all and (min-width: 80.625em) {
  .ImpactSection-intro {
    margin-top: 2.5882352941rem;
  }
}

.CardColumns .ImpactSection-intro {
  margin-top: 0;
}

.ImpactSection-intro-top {
  color: #005b93;
}

.year-2022 .ImpactSection-intro-top {
  color: #3a3a3a;
}

.ImpactSection-intro-bottom {
  font-size: 1.7647058824rem;
  color: #00bde3;
  display: block;
  font-weight: bold;
  line-height: 1.1;
}

@media all and (min-width: 22.5em) {
  .ImpactSection-intro-bottom {
    font-size: calc(4.623655914vw + 0.7855787476rem);
  }
}

@media all and (min-width: 80.625em) {
  .ImpactSection-intro-bottom {
    font-size: 4.2941176471rem;
  }
}

.ImpactSection-intro-logo {
  object-fit: contain;
  width: 200px;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-intro-logo {
    width: 400px;
  }
}

.ImpactSection-intro-badge {
  object-fit: contain;
  max-width: 250px;
}

.ImpactSection-intro-instacart {
  height: 33px;
  object-fit: contain;
}

.ImpactSection-intro-veggieLogo {
  bottom: 0;
  display: none;
  position: absolute;
  right: 0;
  width: 9.4705882353rem;
}

@media all and (min-width: 60em) {
  .ImpactSection-intro-veggieLogo {
    display: block;
  }
}

@media all and (min-width: 71.875em) {
  .ImpactSection-intro-veggieLogo {
    transform: translateX(20%);
  }
}

@media all and (min-width: 75.625em) {
  .ImpactSection-intro-veggieLogo {
    transform: translateX(30%);
  }
}

@media all and (min-width: 78.125em) {
  .ImpactSection-intro-veggieLogo {
    transform: translateX(40%);
  }
}

@media all and (min-width: 80.625em) {
  .ImpactSection-intro-veggieLogo {
    transform: translateX(50%);
  }
}

.ImpactSection-bold {
  color: #f03d42;
  font-weight: bold;
}

.ImpactSection-subsection {
  margin-bottom: 1.7647058824rem;
  margin-top: 1.7647058824rem;
  padding-bottom: 1.7647058824rem;
  padding-top: 1.7647058824rem;
  padding-left: 1.1764705882rem;
  padding-right: 1.1764705882rem;
  background-color: #fff;
  border-radius: 20px;
}

@media all and (min-width: 48em) {
  .ImpactSection-subsection {
    margin-bottom: calc(1.4880952381vw + 1.0924369748rem);
    margin-top: calc(1.4880952381vw + 1.0924369748rem);
  }
}

@media all and (min-width: 90em) {
  .ImpactSection-subsection {
    margin-bottom: 2.3529411765rem;
    margin-top: 2.3529411765rem;
  }
}

@media all and (min-width: 48em) {
  .ImpactSection-subsection {
    padding-bottom: calc(4.4642857143vw + -0.2521008403rem);
    padding-top: calc(4.4642857143vw + -0.2521008403rem);
  }
}

@media all and (min-width: 90em) {
  .ImpactSection-subsection {
    padding-bottom: 3.5294117647rem;
    padding-top: 3.5294117647rem;
  }
}

@media all and (min-width: 48em) {
  .ImpactSection-subsection {
    padding-left: calc(22.0238095238vw + -8.7731092437rem);
    padding-right: calc(22.0238095238vw + -8.7731092437rem);
  }
}

@media all and (min-width: 90em) {
  .ImpactSection-subsection {
    padding-left: 9.8823529412rem;
    padding-right: 9.8823529412rem;
  }
}

.ImpactSection-subsection.no-bottom-corners {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media all and (max-width: 39.9375em) {
  .ImpactSection-subsection {
    left: 50% ;
    position: relative ;
    transform: translateX(-50%) ;
    width: 100vw ;
  }
}

.ImpactSection-subsection.no-bottom-padding {
  padding-bottom: 0;
}

@media all and (min-width: 64em) {
  .ImpactSection-subsection.no-right-padding {
    padding-right: 0;
  }
}

@media all and (min-width: 48em) {
  .ImpactSection-subsection .right-padding {
    padding-right: calc(22.0238095238vw + -8.7731092437rem);
  }
}

@media all and (min-width: 90em) {
  .ImpactSection-subsection .right-padding {
    padding-right: 9.8823529412rem;
  }
}

@media all and (max-width: 63.9375em) {
  .ImpactSection-subsection .right-padding {
    padding-right: 0;
  }
}

.ImpactSection-image {
  object-fit: contain;
}

.ImpactSection-image-full {
  object-fit: contain;
  width: 100% !important;
}

.ImpactSection-image-desktop {
  display: none;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-image-desktop {
    display: block;
  }
}

.ImpactSection-image-mobile {
  display: block;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-image-mobile {
    display: none;
  }
}

.ImpactSection-logo {
  object-fit: contain;
  padding: 10px;
  width: 50%;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-logo {
    padding: 20px;
    width: 24%;
  }
}

.ImpactSection-logo-grid {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.ImpactSection-logo-grid-wrap {
  padding: 30px;
}

.ImpactSection-callout {
  padding: 200px;
  position: relative;
}

.ImpactSection-callout-background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
  z-index: 0;
}

.ImpactSection-callout-box {
  background-color: #fff;
  border: 4px solid #77bd43;
  color: #77bd43;
  left: 40px;
  padding: 20px;
  position: absolute;
  top: 40px;
  width: 50%;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-callout-box {
    top: 100px;
  }
}

.ImpactSection-box {
  background-color: #fff;
  border: 4px solid #005b93;
  color: #005b93;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-box {
    flex-direction: row;
  }
}

.ImpactSection-box-image {
  object-fit: contain;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-box-image {
    padding-right: 50px;
    width: 45%;
  }
}

.ImpactSection-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ImpactSection-grid-item {
  background-color: #fff;
  border: 2px solid #005b93;
  padding: 70px 20px 20px;
  position: relative;
  width: 100%;
}

@media all and (min-width: 63.9375em) {
  .ImpactSection-grid-item {
    width: 48%;
  }
}

.ImpactSection-grid-item-image {
  height: 120px;
  left: 0;
  object-fit: contain;
  position: absolute;
  right: 0;
  top: -70px;
  width: 100%;
}

.ImpactSection-threeup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-threeup {
    justify-content: space-between;
  }
}

@media all and (min-width: 43.75em) {
  .ImpactSection-threeup-image {
    width: 30%;
  }
}

.ImpactSection-threeup-image-caption {
  font-size: 13px;
}

.ImpactSection-threeup-item {
  border: 4px solid #007443;
  padding: 30px 20px;
  position: relative;
  text-align: center;
  width: 100%;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-threeup-item {
    width: 30%;
  }
}

.ImpactSection-threeup-item.bg-green {
  background-color: #77bd43;
}

.ImpactSection-threeup-item.bg-red {
  background-color: #f03d42;
}

.ImpactSection-threeup-item.bg-orange {
  background-color: #FF8C14;
}

.ImpactSection-threeup-item:before {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: inherit;
  content: '';
  mix-blend-mode: color;
  z-index: 1;
}

.ImpactSection-threeup-item:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: inherit;
  content: '';
  opacity: 0.7;
  z-index: 2;
}

.ImpactSection-threeup-item-content {
  color: #fff;
  position: relative;
  z-index: 10;
}

.ImpactSection-threeup-item-number {
  font-size: 60px;
  font-weight: bold;
}

.ImpactSection-threeup-item-text {
  font-size: 28px;
  line-height: 1.2;
}

@media all and (min-width: 43.75em) {
  .ImpactSection-columns {
    display: flex;
    justify-content: space-between;
  }
}

@media all and (min-width: 43.75em) {
  .ImpactSection-columns-col {
    padding-right: 20px;
    width: 50%;
  }
}

@media all and (min-width: 43.75em) {
  .ImpactSection-columns-col-secondary {
    padding-left: 20px;
    width: 40%;
  }
}

@media all and (min-width: 56.25em) {
  .StatCols {
    column-gap: 3.5294117647rem;
    display: flex;
    justify-content: space-between;
  }
  .StatCols.align-top {
    align-items: flex-start;
  }
}

.StatCols-stat {
  display: block;
  height: auto;
  width: 100%;
}

@media all and (min-width: 56.25em) {
  .StatCols-stat {
    max-width: 21.7647058824rem;
  }
}

@media all and (max-width: 56.1875em) {
  .StatCols-content {
    margin-top: 1.9411764706rem;
  }
}

@media all and (min-width: 56.25em) {
  .StatCols-content {
    flex-grow: 1;
    flex-shrink: 0;
    width: 48%;
  }
}

.TopLink {
  border-radius: 50%;
  bottom: 10px;
  position: fixed;
  right: 10px;
  z-index: 101;
}

@media all and (max-width: 91.1875em) {
  .TopLink {
    opacity: 0.6;
  }
}

.TopLink:hover, .TopLink:focus, .TopLink:active {
  background-color: #fff;
  opacity: 1;
}

.TopLink svg {
  display: block;
  fill: #005b93;
  height: auto;
  width: 3.5294117647rem;
}

.impact-report .Main {
  font-family: "Open Sans", system-ui, Segoe UI, sans-serif, color-emoji;
  padding-bottom: 1.1764705882rem;
  background-color: #00bde3;
}

@media all and (min-width: 22.5em) {
  .impact-report .Main {
    padding-bottom: calc(6.4516129032vw + -0.1897533207rem);
  }
}

@media all and (min-width: 80.625em) {
  .impact-report .Main {
    padding-bottom: 4.7058823529rem;
  }
}

.impact-report .u-richtext > p:not([class]) {
  color: #005b93;
}

.impact-report .u-richtext > p:not([class]) > a:not([class]) {
  color: inherit;
}

.impact-report .u-richtext > p:not([class]) > a:not([class]):hover, .impact-report .u-richtext > p:not([class]) > a:not([class]):focus, .impact-report .u-richtext > p:not([class]) > a:not([class]):active {
  text-decoration: underline;
}

.impact-report.year-2022 .Main {
  background-color: #77bd43;
}

.impact-report.year-2022 .u-richtext > p:not([class]) {
  color: #3a3a3a;
}

.impact-report.year-2022 .u-richtext > p:not([class]) > a:not([class]) {
  color: inherit;
}

.impact-report.year-2022 .u-richtext > p:not([class]) > a:not([class]):hover, .impact-report.year-2022 .u-richtext > p:not([class]) > a:not([class]):focus, .impact-report.year-2022 .u-richtext > p:not([class]) > a:not([class]):active {
  text-decoration: underline;
}