body.body-2 .approach-hero {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.body-2 .approach-hero > .container,
body.body-2 .approach-hero > .w-container {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.body-2 .approach-hero-wrap,
body.body-2 .approach-video {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.body-2 .approach-video {
  inset: 0 !important;
  transform: none !important;
}

body.body-2 .approach-video .farmer-video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media screen and (min-width: 992px) {
  body.body-2 .approach-hero-content {
    width: 100% !important;
    padding-left: clamp(72px, 8vw, 168px) !important;
    padding-right: clamp(72px, 8vw, 168px) !important;
  }

  body.body-2 .approach-hero-description--inner {
    width: min(100%, 620px) !important;
  }

  /* Keep the section-four copy comfortably inside the viewport. */
  body.body-2 .approach-s-4-content {
    width: min(100%, 1440px) !important;
    margin-inline: auto !important;
    padding-inline: clamp(40px, 5vw, 92px) !important;
    gap: clamp(48px, 5vw, 88px) !important;
    justify-content: center !important;
  }

  body.body-2 .approach-s-4-texts {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: clamp(40px, 4vw, 72px) !important;
    justify-content: center !important;
  }

  body.body-2 .approach-s-4-texts > ._w-319,
  body.body-2 .approach-s-4-texts > ._w-340 {
    width: min(100%, 360px) !important;
    min-width: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  body.body-2 .approach-hero,
  body.body-2 .approach-hero > .container,
  body.body-2 .approach-hero-wrap {
    min-height: 760px !important;
  }

  body.body-2 .approach-hero-content {
    width: 100% !important;
    padding: 132px 40px 64px !important;
  }
}
