/* Section rhythm for the homepage. The content and its order are unchanged. */
#main{
  --ap-chapter-space:clamp(88px,7.5vw,112px);
  --ap-heading-gap:44px;
}

/* Give the opening choice its own entrance after the full-screen hero. */
#main #directions{padding-top:clamp(48px,5vw,64px)}

/* The company chapter hands off to the product chapter at a single rule. */
#main #company-overview{border-bottom:0;padding-bottom:clamp(40px,4vw,54px)}
#main #company-overview .company-overview-fact:last-child{border-bottom:0}
#main #products{padding-bottom:clamp(64px,5.5vw,80px)}
#main #products .company-products-heading{margin-bottom:52px}

/* Each subsequent chapter starts after one consistent pause and one rule. */
#main :is(#solutions,#field-result,#soil-story,#research,#contact),
#main .unified-film-wrap{padding-top:0}
#main #solutions .us-shell,
#main #field-result>.closing-shell,
#main #soil-story>.company-shell,
#main #research>.company-shell,
#main .unified-film-wrap #field-film,
#main #contact .home-contact-compact{padding-top:var(--ap-chapter-space)}

/* Keep the same distance from an introduction to its first substantive item. */
#main #field-result .result-heading,
#main #soil-story .company-practice-heading,
#main #research .research-heading,
#main .unified-film-wrap .cf-film-heading{margin-bottom:var(--ap-heading-gap)}
#main #field-result .field-other-studies article{padding-top:24px;padding-bottom:24px}
#main #research .research-row{padding-top:24px;padding-bottom:24px}

@media(max-width:760px){
  #main{--ap-chapter-space:72px;--ap-heading-gap:34px}
  #main #directions{padding-top:44px}
  #main #company-overview{padding-top:60px;padding-bottom:38px}
  #main #products{padding-bottom:52px}
  #main #products .company-products-heading{margin-bottom:34px}
  #main #products .home-product-line+.home-product-line{padding-top:32px}
  #main #field-result .field-other-studies article,
  #main #research .research-row{padding-top:20px;padding-bottom:20px}
}