/* Separate homepage study: /?home=editorial-v2. The published home and unified-v1 stay intact. */

html.home-editorial-preview #main {
  --home-shell: min(1360px, calc(100% - max(8vw, 64px)));
  --home-title-size: clamp(43px, 3.45vw, 54px);
  --home-lead-size: clamp(16px, 1.16vw, 18px);
  --editorial-paper: #f7f4ec;
  --editorial-ink: #26372c;
  --editorial-rule: rgba(38, 64, 43, 0.19);
}

html.home-editorial-preview body #main :is(
  #company-overview-title,
  #field-result-title,
  #company-products-title,
  #unified-solutions-title,
  #home-research-title,
  #closing-contact-title
) {
  font-size: var(--home-title-size) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.034em !important;
}

html.home-editorial-preview body #main :is(
  #company-overview-title,
  #soil-story-title,
  #field-result-title,
  #company-products-title,
  #unified-solutions-title,
  #home-research-title,
  #cf-film-title,
  #closing-contact-title
) em {
  color: inherit !important;
  font-style: normal !important;
}

html.home-editorial-preview body #main :is(
  .home-product-line h3,
  .field-other-studies h3,
  .research-row-copy h3,
  .lv-film-description h3,
  .uc-picker-head h3,
  .uc-choice strong,
  .company-practice-steps dt
) {
  font-family: var(--font-body, Inter, Arial, sans-serif) !important;
  font-weight: 500 !important;
  font-style: normal !important;
  letter-spacing: -0.018em !important;
  line-height: 1.27 !important;
}

/* Capability reads as one chapter: company, then the work itself. */
html.home-editorial-preview body #main :is(#company-overview, #soil-story) {
  background: var(--editorial-paper) !important;
  background-image: none !important;
}

html.home-editorial-preview body #main #company-overview {
  padding-block: clamp(70px, 6vw, 96px) 24px !important;
}

html.home-editorial-preview body #main #company-overview .company-overview-heading {
  padding-bottom: clamp(26px, 2.8vw, 38px) !important;
}

html.home-editorial-preview body #main #company-overview .company-overview-layout {
  display: block !important;
  padding-top: clamp(24px, 2.7vw, 36px) !important;
}

html.home-editorial-preview body #main #company-overview .company-overview-copy {
  max-width: 76ch !important;
}

html.home-editorial-preview body #main #company-overview .company-overview-facts {
  display: none !important;
}

html.home-editorial-preview body #main #soil-story {
  padding-block: 24px clamp(78px, 6vw, 104px) !important;
}

html.home-editorial-preview body #main #soil-story .company-practice-heading {
  margin-bottom: clamp(30px, 3vw, 44px) !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

html.home-editorial-preview body #main #soil-story-title {
  font-size: clamp(32px, 2.6vw, 40px) !important;
  line-height: 1.1 !important;
}

html.home-editorial-preview body #main #soil-story .company-practice-steps dt {
  font-size: clamp(18px, 1.45vw, 21px) !important;
}

/* Evidence is a chapter, not another group of competing cards. */
html.home-editorial-preview body #main #field-result {
  padding-block: clamp(74px, 6.4vw, 100px) !important;
  background: var(--editorial-paper) !important;
  box-shadow: none !important;
}

html.home-editorial-preview body #main #field-result .field-other-studies {
  margin-top: 36px !important;
  border-top: 1px solid var(--editorial-rule) !important;
}

html.home-editorial-preview body #main #field-result .field-other-studies article {
  padding-block: 25px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.home-editorial-preview body #main #field-result .field-other-studies h3 {
  font-size: clamp(20px, 1.6vw, 24px) !important;
}

/* One solutions chapter: two lines, a choice, then a seasonal aside. */
html.home-editorial-preview body #main :is(#products, #autumn-campaign) {
  background: var(--editorial-paper) !important;
  background-image: none !important;
}

html.home-editorial-preview body #main #products {
  padding-block: clamp(76px, 6vw, 100px) clamp(30px, 3vw, 44px) !important;
  box-shadow: none !important;
}

html.home-editorial-preview body #main #products .home-product-lines {
  gap: clamp(38px, 5vw, 76px) !important;
}

html.home-editorial-preview body #main #products .home-product-line,
html.home-editorial-preview body #main #products .home-product-line + .home-product-line {
  min-height: 410px !important;
  padding-top: 24px !important;
  border-top: 1px solid var(--editorial-rule) !important;
}

html.home-editorial-preview body #main #products .brand-line-pack {
  min-height: 315px !important;
  padding: 8px 12px 4px !important;
  background: transparent !important;
}

html.home-editorial-preview body #main #products .brand-line-pack img {
  width: min(100%, 245px) !important;
  height: 278px !important;
}

html.home-editorial-preview body #main #products .brand-line-pack figcaption {
  color: #617064 !important;
  font-size: 11px !important;
}

html.home-editorial-preview body #main #products .home-product-line h3 {
  font-size: clamp(22px, 1.75vw, 27px) !important;
}

html.home-editorial-preview body #main #solutions {
  padding-bottom: clamp(40px, 4vw, 60px) !important;
  background: linear-gradient(180deg, var(--editorial-paper), #f1f5ee 15%, #f1f5ee 82%, var(--editorial-paper)) !important;
}

html.home-editorial-preview body #main #solutions .us-shell {
  padding-top: clamp(58px, 5vw, 78px) !important;
}

html.home-editorial-preview body #main #solutions .uc-contexts .uc-choice {
  min-height: 82px !important;
  padding-block: 14px !important;
}

html.home-editorial-preview body #main #solutions .uc-choice strong {
  font-size: clamp(17px, 1.35vw, 20px) !important;
}

html.home-editorial-preview body #main #solutions .uc-choice small {
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

/* A bounded photograph with independent, still copy. The photograph moves 64px in total. */
html.home-editorial-preview body #main #autumn-campaign {
  --seasonal-parallax-y: 0px;
  padding-block: 16px clamp(52px, 4vw, 68px) !important;
  box-shadow: none !important;
}

html.home-editorial-preview body #main #autumn-campaign .autumn-shell {
  width: var(--home-shell) !important;
  max-width: 1360px !important;
  margin-inline: auto !important;
}

html.home-editorial-preview body #main #autumn-campaign .autumn-ad {
  display: block !important;
  min-height: 500px !important;
  overflow: hidden !important;
  background: var(--editorial-paper) !important;
}

html.home-editorial-preview body #main #autumn-campaign .autumn-ad[hidden] {
  display: none !important;
}

html.home-editorial-preview body #main #autumn-campaign .autumn-art {
  position: absolute !important;
  inset: -42px 0 !important;
  width: 100% !important;
  height: calc(100% + 84px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html.home-editorial-preview body #main #autumn-campaign .autumn-art img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: 59% 50% !important;
  transform: translate3d(0, var(--seasonal-parallax-y), 0) !important;
  will-change: transform;
}

html.home-editorial-preview body #main #autumn-campaign .autumn-ad::after {
  display: block !important;
  background: linear-gradient(90deg,
    rgba(247, 244, 236, 0.99) 0%,
    rgba(247, 244, 236, 0.93) 31%,
    rgba(247, 244, 236, 0.52) 52%,
    rgba(247, 244, 236, 0) 77%) !important;
}

html.home-editorial-preview body #main #autumn-campaign .autumn-copy {
  position: relative !important;
  z-index: 1 !important;
  width: min(55%, 610px) !important;
  min-height: 500px !important;
  padding: 56px 48px 112px !important;
}

html.home-editorial-preview body #main #autumn-campaign .autumn-title {
  font-size: clamp(38px, 3vw, 47px) !important;
  line-height: 1.08 !important;
}

html.home-editorial-preview body #main #autumn-campaign .autumn-tabs {
  left: 48px !important;
  bottom: 24px !important;
  width: auto !important;
  gap: 24px !important;
  background: transparent !important;
}

/* Research and people in the field share the same closing evidence chapter. */
html.home-editorial-preview body #main :is(#research, .unified-film-wrap) {
  background: var(--editorial-paper) !important;
  background-image: none !important;
}

html.home-editorial-preview body #main #research {
  padding-block: clamp(76px, 6vw, 100px) 22px !important;
  box-shadow: none !important;
}

html.home-editorial-preview body #main .unified-film-wrap {
  padding-block: 22px clamp(76px, 6vw, 100px) !important;
}

html.home-editorial-preview body #main #field-film {
  padding-top: clamp(34px, 3vw, 48px) !important;
  border-top: 1px solid var(--editorial-rule) !important;
}

html.home-editorial-preview body #main #cf-film-title {
  font-size: clamp(33px, 2.6vw, 40px) !important;
  line-height: 1.1 !important;
}

html.home-editorial-preview body #main #research .research-row-copy h3 {
  font-size: clamp(18px, 1.45vw, 21px) !important;
}

html.home-editorial-preview body #main #lv-film-caption {
  font-size: clamp(21px, 1.8vw, 27px) !important;
}

@media (min-width: 761px) and (max-width: 1000px) {
  html.home-editorial-preview body #main #autumn-campaign .autumn-copy {
    width: 63% !important;
    padding: 40px 34px 106px !important;
  }

  html.home-editorial-preview body #main #autumn-campaign .autumn-tabs {
    left: 34px !important;
  }
}

@media (max-width: 760px) {
  html.home-editorial-preview #main {
    --home-shell: calc(100% - 40px);
    --home-title-size: clamp(32px, 8.5vw, 38px);
  }

  html.home-editorial-preview body #main #company-overview {
    padding-block: 54px 18px !important;
  }

  html.home-editorial-preview body #main #soil-story {
    padding-block: 18px 58px !important;
  }

  html.home-editorial-preview body #main #soil-story .company-practice-heading {
    padding-top: 0 !important;
  }

  html.home-editorial-preview body #main #field-result,
  html.home-editorial-preview body #main #products,
  html.home-editorial-preview body #main #research {
    padding-block: 58px 38px !important;
  }

  html.home-editorial-preview body #main #products .home-product-line,
  html.home-editorial-preview body #main #products .home-product-line + .home-product-line {
    min-height: 0 !important;
    padding-block: 18px 4px !important;
  }

  html.home-editorial-preview body #main #products .brand-line-pack {
    min-height: 270px !important;
    padding: 0 !important;
  }

  html.home-editorial-preview body #main #products .brand-line-pack img {
    width: min(100%, 225px) !important;
    height: 238px !important;
  }

  html.home-editorial-preview body #main #solutions .uc-contexts .uc-choice {
    min-height: 75px !important;
    padding-block: 13px !important;
  }

  html.home-editorial-preview body #main #solutions .uc-choice strong {
    font-size: 18px !important;
  }

  html.home-editorial-preview body #main #autumn-campaign {
    padding-block: 12px 62px !important;
  }

  html.home-editorial-preview body #main #autumn-campaign .autumn-shell {
    width: 100% !important;
  }

  html.home-editorial-preview body #main #autumn-campaign .autumn-ad {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  html.home-editorial-preview body #main #autumn-campaign .autumn-ad[hidden] {
    display: none !important;
  }

  html.home-editorial-preview body #main #autumn-campaign .autumn-art {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.65 !important;
  }

  html.home-editorial-preview body #main #autumn-campaign .autumn-art img {
    object-position: 72% 50% !important;
    transform: none !important;
    will-change: auto;
  }

  html.home-editorial-preview body #main #autumn-campaign .autumn-ad::after {
    display: none !important;
  }

  html.home-editorial-preview body #main #autumn-campaign .autumn-copy {
    width: 100% !important;
    min-height: 0 !important;
    padding: 25px 20px 28px !important;
  }

  html.home-editorial-preview body #main #autumn-campaign .autumn-tabs {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    padding: 0 20px 12px !important;
    background: var(--editorial-paper) !important;
  }

  html.home-editorial-preview body #main #autumn-campaign .autumn-title {
    font-size: 32px !important;
  }

  html.home-editorial-preview body #main .unified-film-wrap {
    padding-block: 0 62px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.home-editorial-preview body #main #autumn-campaign .autumn-art img {
    transform: none !important;
    will-change: auto;
  }
}