/*
 * Homepage composition preview.
 * Enabled only by /?home=unified-v1 via home-unified-preview.mjs.
 */

html.home-unified-preview #main {
  --home-shell: min(1600px, calc(100% - max(10.4vw, 64px)));
  --home-section-space: clamp(68px, 6vw, 88px);
  --home-title-size: clamp(42px, 3.35vw, 50px);
  --home-story-size: clamp(38px, 3vw, 44px);
  --home-card-size: clamp(27px, 2vw, 30px);
  --home-lead-size: clamp(16px, 1.2vw, 18px);
  --home-copy-width: 42rem;
  --home-rule: rgba(34, 64, 45, 0.2);
}

/* One typographic hierarchy for the entire homepage. */
html.home-unified-preview body #main :is(
  #company-overview-title,
  #company-products-title,
  #unified-solutions-title,
  #autumn-title,
  #autumn-brown-title,
  #field-result-title,
  #soil-story-title,
  #home-research-title,
  #cf-film-title,
  #closing-contact-title
) {
  max-width: 24ch;
  margin: 0;
  font-family: var(--font-display, "Cormorant Garamond", Georgia, serif) !important;
  font-size: var(--home-title-size) !important;
  font-weight: 500 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.035em !important;
  text-wrap: balance;
}

html.home-unified-preview body #main :is(
  #potato-case-title,
  .company-practice-feature h3
) {
  font-family: var(--font-display, "Cormorant Garamond", Georgia, serif) !important;
  font-size: var(--home-story-size) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
  text-wrap: balance;
}

html.home-unified-preview body #main :is(
  .company-overview-fact h3,
  .company-products-item h3,
  .result-other-item h3,
  .research-list h3,
  #lv-film-caption
) {
  font-family: var(--font-display, "Cormorant Garamond", Georgia, serif) !important;
  font-size: var(--home-card-size) !important;
  font-weight: 500 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
  text-wrap: balance;
}

html.home-unified-preview body #main :is(
  .hero-lead,
  .company-overview-lead,
  .company-products-lead,
  .solutions-lead,
  .result-heading-lead,
  .company-practice-lead,
  .research-heading > p,
  .cf-film-heading > p,
  .brand-contact-lead,
  .autumn-description
) {
  max-width: var(--home-copy-width);
  font-family: var(--font-body, Inter, Arial, sans-serif) !important;
  font-size: var(--home-lead-size) !important;
  font-weight: 400 !important;
  line-height: 1.58 !important;
  letter-spacing: -0.008em !important;
}

/* One shell and one heading grid instead of a new composition in every block. */
html.home-unified-preview body #main :is(
  .company-shell,
  .company-products-shell,
  .us-shell,
  .autumn-campaign-inner,
  .result-shell,
  .company-practice-shell,
  .research-shell,
  .cf-film,
  .closing-shell
) {
  width: var(--home-shell) !important;
  max-width: 1600px !important;
  margin-inline: auto !important;
}

html.home-unified-preview body #main :is(
  .company-products-heading,
  .company-practice-heading,
  .research-heading,
  .cf-film-heading
) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr) !important;
  align-items: end !important;
  gap: clamp(40px, 6vw, 88px) !important;
  margin-bottom: clamp(36px, 3.5vw, 48px) !important;
}

html.home-unified-preview body #main :is(
  .company-products-heading,
  .company-practice-heading,
  .research-heading,
  .cf-film-heading
) > :last-child {
  justify-self: start;
  max-width: var(--home-copy-width);
}

html.home-unified-preview body #main .company-overview-heading {
  grid-template-columns: minmax(210px, 0.34fr) minmax(0, 1fr) !important;
  gap: clamp(40px, 6vw, 88px) !important;
}

html.home-unified-preview body #main .result-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr) !important;
  grid-template-areas:
    "kicker lead"
    "title lead";
  gap: 10px clamp(40px, 6vw, 88px) !important;
  align-items: end !important;
  margin-bottom: clamp(36px, 3.5vw, 48px) !important;
}

html.home-unified-preview body #main .result-heading > :first-child {
  grid-area: kicker;
}

html.home-unified-preview body #main .result-heading > h2 {
  grid-area: title;
}

html.home-unified-preview body #main .result-heading > .result-heading-lead {
  grid-area: lead;
  justify-self: start;
}

/* Chapters: company, choice, proof. Existing inner spacing remains authoritative. */
html.home-unified-preview #company-overview {
  background: #f8f6ee;
}

html.home-unified-preview #products {
  background: #f8f6ee;
}

html.home-unified-preview #solutions {
  background: #f2efe4;
}

html.home-unified-preview #autumn-campaign {
  background: #f2efe4;
}

html.home-unified-preview #field-result {
  background: #f4efe3;
}

html.home-unified-preview #soil-story {
  background: #f7f4eb;
}

html.home-unified-preview #research {
  background: #eef1e6;
}

html.home-unified-preview #contact {
  background: #f4efe3;
}

/* Keep supporting content compact so proof sections no longer behave like separate heroes. */
html.home-unified-preview body #main .company-overview-layout {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
  gap: clamp(48px, 7vw, 104px) !important;
  align-items: start !important;
}

html.home-unified-preview body #main .company-products-grid {
  gap: clamp(18px, 2vw, 28px) !important;
}

html.home-unified-preview body #main .company-products-item {
  min-height: 0 !important;
  padding: clamp(24px, 2.3vw, 34px) !important;
}

html.home-unified-preview body #main .company-products-item p,
html.home-unified-preview body #main .company-overview-fact p,
html.home-unified-preview body #main .result-other-item p,
html.home-unified-preview body #main .research-list p {
  font-size: 15px !important;
  line-height: 1.55 !important;
}

html.home-unified-preview body #main .us-finder {
  max-width: 1180px;
  margin-inline: auto;
}

html.home-unified-preview body #main .result-other-grid,
html.home-unified-preview body #main .research-list {
  gap: clamp(18px, 2vw, 28px) !important;
}

html.home-unified-preview body #main :is(.result-other-item, .research-list article) {
  min-height: 0 !important;
  padding-block: clamp(24px, 2.5vw, 36px) !important;
}

html.home-unified-preview body #main .closing-contact-grid {
  align-items: end !important;
  gap: clamp(42px, 6vw, 88px) !important;
}

@media (max-width: 1000px) {
  html.home-unified-preview #main {
    --home-shell: calc(100% - 56px);
    --home-section-space: clamp(58px, 7vw, 72px);
    --home-title-size: clamp(38px, 5.4vw, 46px);
    --home-story-size: clamp(34px, 4.8vw, 40px);
  }

  html.home-unified-preview body #main :is(
    .company-products-heading,
    .company-practice-heading,
    .research-heading,
    .cf-film-heading
  ) {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.86fr) !important;
    gap: 36px !important;
  }

  html.home-unified-preview body #main .result-heading {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.86fr) !important;
    column-gap: 36px !important;
  }
}

@media (max-width: 760px) {
  html.home-unified-preview #main {
    --home-shell: calc(100% - 40px);
    --home-section-space: 58px;
    --home-title-size: 34px;
    --home-story-size: 32px;
    --home-card-size: 25px;
    --home-lead-size: 16px;
  }

  html.home-unified-preview body #main :is(
    #company-overview-title,
    #company-products-title,
    #unified-solutions-title,
    #autumn-title,
    #autumn-brown-title,
    #field-result-title,
    #soil-story-title,
    #home-research-title,
    #cf-film-title,
    #closing-contact-title
  ) {
    max-width: 18ch;
    line-height: 1.02 !important;
  }

  html.home-unified-preview body #main :is(
    .company-products-heading,
    .us-heading,
    .company-practice-heading,
    .research-heading,
    .cf-film-heading,
    .company-overview-heading
  ) {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 24px !important;
    margin-bottom: 34px !important;
  }

  html.home-unified-preview body #main .result-heading {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "kicker"
      "title"
      "lead";
    gap: 14px !important;
    margin-bottom: 34px !important;
  }

  html.home-unified-preview body #main .company-overview-layout {
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  html.home-unified-preview body #main .company-products-item {
    padding: 24px 0 !important;
  }

  html.home-unified-preview body #main .closing-contact-grid {
    gap: 32px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.home-unified-preview #main *,
  html.home-unified-preview #main *::before,
  html.home-unified-preview #main *::after {
    scroll-behavior: auto !important;
  }
}

/*
 * Art-direction pass: the hero remains unchanged. Below the audience split,
 * three calm chapters replace the long undifferentiated cream catalogue.
 */
html.home-unified-preview body #main :is(
  #company-overview,
  #products
) {
  background: #f7f4ec !important;
}

html.home-unified-preview body #main :is(
  #solutions,
  #autumn-campaign
) {
  background-color: #e9eee5 !important;
}

html.home-unified-preview body #main :is(
  #field-result,
  #soil-story,
  #research
),
html.home-unified-preview body #main .unified-film-wrap {
  background: #f3efe6 !important;
}

html.home-unified-preview body #main :is(
  #company-overview,
  #solutions,
  #field-result
) {
  box-shadow: inset 0 1px rgba(35, 62, 43, 0.16);
}

html.home-unified-preview body #main #products {
  background-image:
    radial-gradient(circle at 82% 18%, rgba(154, 132, 75, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(229, 222, 203, 0.14)) !important;
}

html.home-unified-preview body #main #solutions {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.28), transparent 46%) !important;
}

html.home-unified-preview body #main #field-result {
  background-image: linear-gradient(180deg, rgba(142, 112, 48, 0.045), transparent 26%) !important;
}

/* Keep one chapter label, not one decorative label per section. */
html.home-unified-preview body #main :is(
  #products .company-eyebrow,
  #products .brand-line-owner,
  #autumn-campaign .autumn-kicker,
  #field-result .brand-practice-label,
  #soil-story .company-eyebrow,
  #research .company-eyebrow,
  #field-film .lp-index,
  #field-film .brand-film-label
) {
  display: none !important;
}

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

html.home-unified-preview body #main :is(
  .company-overview-actions,
  #products .home-product-line > a,
  .research-actions
) span[aria-hidden="true"] {
  opacity: 0.62;
}

/* Product lines: consistent object scale replaces the old logo-led catalogue. */
html.home-unified-preview body #main #products .home-product-lines {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  border: 0 !important;
  background: transparent !important;
}

html.home-unified-preview body #main #products .home-product-line,
html.home-unified-preview body #main #products .home-product-line + .home-product-line {
  display: grid !important;
  grid-template-columns: minmax(190px, 0.82fr) minmax(210px, 1.18fr) !important;
  grid-template-rows: auto auto 1fr auto !important;
  grid-template-areas:
    "index index"
    "pack title"
    "pack description"
    "pack link" !important;
  gap: 12px clamp(28px, 3vw, 46px) !important;
  min-height: 548px !important;
  margin: 0 !important;
  padding: clamp(28px, 3.2vw, 46px) !important;
  border: 1px solid rgba(35, 62, 43, 0.16) !important;
  background: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 18px 52px rgba(54, 50, 35, 0.045);
}

html.home-unified-preview body #main #products .line-index {
  grid-area: index !important;
  margin: 0 0 12px !important;
  color: #586454 !important;
  font-size: 10px !important;
  letter-spacing: 0.095em !important;
}

html.home-unified-preview body #main #products .line-brand {
  display: none !important;
}

html.home-unified-preview body #main #products .brand-line-pack {
  grid-area: pack !important;
  display: grid !important;
  grid-template-rows: 1fr auto !important;
  place-items: center !important;
  align-self: stretch !important;
  width: 100% !important;
  min-height: 390px !important;
  margin: 0 !important;
  padding: 30px 18px 18px !important;
  border: 1px solid rgba(35, 62, 43, 0.1) !important;
  background: rgba(250, 249, 244, 0.82) !important;
}

html.home-unified-preview body #main #products .brand-line-pack img {
  display: block !important;
  width: min(100%, 248px) !important;
  height: 310px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: multiply;
  filter: saturate(0.9) contrast(1.025);
}

html.home-unified-preview body #main #products .brand-line-pack figcaption {
  width: 100% !important;
  max-width: 240px !important;
  margin-top: 14px !important;
  color: #4d5c4d !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

html.home-unified-preview body #main #products .home-product-line h3 {
  grid-area: title !important;
  align-self: end !important;
  margin: 0 0 4px !important;
  font-size: clamp(29px, 2.2vw, 34px) !important;
  line-height: 1.06 !important;
}

html.home-unified-preview body #main #products .line-description {
  grid-area: description !important;
  max-width: 34ch !important;
  margin: 0 !important;
  color: #465548 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

html.home-unified-preview body #main #products .home-product-line > a {
  grid-area: link !important;
  align-self: end !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 10px 0 0 !important;
  border-top: 1px solid rgba(35, 62, 43, 0.18) !important;
  font-size: 13px !important;
}

/* The main field result stays dominant; supporting proof becomes quieter. */
html.home-unified-preview body #main #field-result .field-other-studies {
  margin-top: 28px !important;
}

html.home-unified-preview body #main #field-result .field-other-studies article {
  min-height: 0 !important;
  padding: 22px 0 !important;
}

html.home-unified-preview body #main #field-result .field-other-studies h3 {
  font-size: 27px !important;
}

html.home-unified-preview body #main #field-result .field-other-studies .proof-number {
  font-size: 48px !important;
}

html.home-unified-preview body #main #research .research-row {
  min-height: 88px !important;
  padding-block: 14px !important;
}

html.home-unified-preview body #main #contact {
  box-shadow: inset 0 1px rgba(35, 62, 43, 0.16);
}

@media (max-width: 1000px) {
  html.home-unified-preview body #main #products .home-product-lines {
    grid-template-columns: 1fr !important;
  }

  html.home-unified-preview body #main #products .home-product-line,
  html.home-unified-preview body #main #products .home-product-line + .home-product-line {
    grid-template-columns: minmax(220px, 0.78fr) minmax(0, 1.22fr) !important;
    min-height: 500px !important;
  }

  html.home-unified-preview body #main #products .brand-line-pack {
    min-height: 350px !important;
  }

  html.home-unified-preview body #main #products .brand-line-pack img {
    height: 280px !important;
  }
}

@media (max-width: 760px) {
  html.home-unified-preview body #main #products .home-product-line,
  html.home-unified-preview body #main #products .home-product-line + .home-product-line {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    grid-template-areas:
      "index"
      "pack"
      "title"
      "description"
      "link" !important;
    gap: 18px !important;
    min-height: 0 !important;
    padding: 22px !important;
  }

  html.home-unified-preview body #main #products .brand-line-pack {
    min-height: 300px !important;
    padding: 24px 16px 16px !important;
  }

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

  html.home-unified-preview body #main #products .home-product-line h3 {
    font-size: 28px !important;
  }

  html.home-unified-preview body #main #field-result .field-other-studies article {
    padding: 18px 0 !important;
  }

  html.home-unified-preview body #main #field-result .field-other-studies .proof-number {
    font-size: 38px !important;
  }
}

/* The approved second composition keeps colour in the fields, not in cards. */
html.home-unified-preview body #main :is(
  #company-overview,
  #products,
  #field-result,
  #autumn-campaign,
  #soil-story,
  #research
),
html.home-unified-preview body #main .unified-film-wrap {
  background: #f7f4ec !important;
  background-image: none !important;
}

html.home-unified-preview body #main #solutions {
  background: #edf2e8 !important;
  background-image: none !important;
  padding-bottom: clamp(58px, 5vw, 76px) !important;
}

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

html.home-unified-preview body #main :is(
  #company-overview-title,
  #autumn-title,
  #autumn-brown-title,
  #closing-contact-title
) em {
  color: inherit !important;
  font-style: normal !important;
}

/* Company: one concise introduction followed by three readable facts. */
html.home-unified-preview body #main #company-overview {
  padding-block: clamp(52px, 5vw, 72px) !important;
}

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

html.home-unified-preview body #main #company-overview .company-overview-layout {
  padding-top: clamp(26px, 2.6vw, 38px) !important;
  gap: clamp(48px, 6vw, 84px) !important;
}

html.home-unified-preview body #main #company-overview .company-overview-copy > p {
  margin-bottom: 12px !important;
}

html.home-unified-preview body #main #company-overview .company-overview-actions {
  gap: 12px 24px !important;
  margin-top: 24px !important;
}

html.home-unified-preview body #main #company-overview .company-overview-actions a {
  min-width: 150px !important;
  min-height: 46px !important;
}

html.home-unified-preview body #main #company-overview .company-overview-fact {
  padding: 14px 0 !important;
}

html.home-unified-preview body #main #company-overview .company-overview-fact h3 {
  margin-bottom: 4px !important;
  font-size: 23px !important;
}

html.home-unified-preview body #main #company-overview .company-overview-fact p {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

/* Product diptych: large real packaging on pale field-green stages. */
html.home-unified-preview body #main #products {
  padding-block: clamp(60px, 5vw, 76px) !important;
}

html.home-unified-preview body #main #products .company-products-heading {
  margin-bottom: clamp(28px, 3vw, 42px) !important;
}

html.home-unified-preview body #main #products .home-product-lines {
  gap: clamp(24px, 3vw, 44px) !important;
}

html.home-unified-preview body #main #products .home-product-line,
html.home-unified-preview body #main #products .home-product-line + .home-product-line {
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: 10px clamp(22px, 2.3vw, 34px) !important;
  min-height: 486px !important;
  padding: 22px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(35, 62, 43, 0.22) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.home-unified-preview body #main #products .line-index {
  margin: 5px 0 16px !important;
}

html.home-unified-preview body #main #products .brand-line-pack {
  min-height: 428px !important;
  padding: 24px 20px 18px !important;
  border: 0 !important;
  background: #e8efe4 !important;
}

html.home-unified-preview body #main #products .brand-line-pack img {
  width: min(100%, 310px) !important;
  height: 354px !important;
  filter: none !important;
}

html.home-unified-preview body #main #products .brand-line-pack figcaption {
  margin-top: 8px !important;
  font-size: 11px !important;
}

html.home-unified-preview body #main #products .home-product-line h3 {
  align-self: start !important;
  max-width: 13ch;
  font-size: clamp(29px, 2.3vw, 35px) !important;
}

html.home-unified-preview body #main #products .line-description {
  align-self: start !important;
  font-size: 15px !important;
}

html.home-unified-preview body #main #products .home-product-line > a {
  font-size: 14px !important;
}

/* A seasonal note inside the page rhythm instead of a second full-width hero. */
html.home-unified-preview body #main #autumn-campaign {
  padding-block: clamp(30px, 4vw, 54px) !important;
  box-shadow: inset 0 1px rgba(35, 62, 43, 0.12);
}

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

html.home-unified-preview body #main #autumn-campaign .autumn-ad {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
  min-height: 0 !important;
  background: #edf2e8 !important;
}

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

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

html.home-unified-preview body #main #autumn-campaign .autumn-art {
  position: relative !important;
  inset: auto !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-height: 450px !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-art img {
  position: absolute !important;
  inset: 0 !important;
  object-position: 68% 50% !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: clamp(34px, 4vw, 58px) clamp(34px, 4vw, 58px) 112px !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-tabs {
  left: clamp(34px, 4vw, 58px) !important;
  bottom: 25px !important;
  border: 0 !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-title {
  font-size: clamp(32px, 2.8vw, 42px) !important;
  line-height: 1.06 !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-benefits {
  margin-top: 20px !important;
}

@media (min-width: 761px) and (max-width: 1000px) {
  html.home-unified-preview body #main #autumn-campaign .autumn-ad {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  html.home-unified-preview body #main #autumn-campaign .autumn-copy {
    padding: 32px 28px 105px !important;
  }

  html.home-unified-preview body #main #autumn-campaign .autumn-tabs {
    left: 28px !important;
    bottom: 20px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: calc(50% - 48px) !important;
    gap: 4px !important;
    padding: 0 !important;
  }

  html.home-unified-preview body #main #autumn-campaign .autumn-tab {
    min-height: 46px !important;
    padding: 7px !important;
    gap: 4px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 1000px) {
  html.home-unified-preview body #main #products .brand-line-pack {
    min-height: 360px !important;
  }

  html.home-unified-preview body #main #products .brand-line-pack img {
    height: 300px !important;
  }

  html.home-unified-preview body #main #autumn-campaign .autumn-art {
    min-height: 410px !important;
  }
}

@media (max-width: 760px) {
  html.home-unified-preview body #main #company-overview {
    padding-block: 44px !important;
  }

  html.home-unified-preview body #main #company-overview .company-overview-layout {
    gap: 24px !important;
  }

  html.home-unified-preview body #main #company-overview .company-overview-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 16px !important;
    margin-top: 18px !important;
  }

  html.home-unified-preview body #main #company-overview .company-overview-actions a {
    min-width: 0 !important;
    font-size: 12px !important;
  }

  html.home-unified-preview body #main #company-overview .company-overview-actions a:first-child {
    grid-column: 1 / -1;
  }

  html.home-unified-preview body #main #company-overview .company-overview-fact {
    padding: 10px 0 !important;
  }

  html.home-unified-preview body #main #company-overview .company-overview-fact h3 {
    margin: 0 !important;
    font-size: 20px !important;
  }

  html.home-unified-preview body #main #company-overview .company-overview-fact p {
    display: none !important;
  }

  html.home-unified-preview body #main #solutions {
    padding-bottom: 42px !important;
  }

  html.home-unified-preview body #main #solutions .us-shell {
    padding-top: 46px !important;
  }

  html.home-unified-preview body #main #products {
    padding-block: 46px 54px !important;
  }

  html.home-unified-preview body #main #products .home-product-lines {
    gap: 28px !important;
  }

  html.home-unified-preview body #main #products .home-product-line,
  html.home-unified-preview body #main #products .home-product-line + .home-product-line {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid rgba(35, 62, 43, 0.22) !important;
  }

  html.home-unified-preview body #main #products .brand-line-pack {
    min-height: 300px !important;
    padding: 16px 20px 14px !important;
  }

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

  html.home-unified-preview body #main #products .home-product-line h3 {
    margin-top: 8px !important;
  }

  html.home-unified-preview body #main #autumn-campaign {
    padding-block: 26px !important;
  }

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

  html.home-unified-preview body #main #autumn-campaign .autumn-tabs {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    padding: 0 20px 16px !important;
    background: #f7f4ec !important;
  }

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

  html.home-unified-preview body #main #autumn-campaign .autumn-art {
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 1.72 !important;
  }

  html.home-unified-preview body #main #autumn-campaign .autumn-art img {
    object-position: 72% 50% !important;
  }

  html.home-unified-preview body #main #autumn-campaign .autumn-copy {
    width: 100% !important;
    padding: 24px 20px 28px !important;
  }

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

/* Editorial correction: colour is an atmosphere, never a rectangular card. */
html.home-unified-preview body #main #solutions {
  background: linear-gradient(
    180deg,
    #f7f4ec 0%,
    #f0f4ed 12%,
    #f0f4ed 88%,
    #f7f4ec 100%
  ) !important;
}

html.home-unified-preview body #main #products .brand-line-pack {
  background: radial-gradient(
    ellipse 62% 60% at 50% 54%,
    rgba(184, 207, 177, 0.2),
    rgba(184, 207, 177, 0) 85%
  ) !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-ad {
  display: block !important;
  min-height: 490px !important;
  background: #f7f4ec !important;
}

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

html.home-unified-preview body #main #autumn-campaign .autumn-art {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-art img {
  position: absolute !important;
  inset: 0 !important;
  object-position: 55% 50% !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-ad::after {
  display: block !important;
  content: "";
  background: linear-gradient(
    90deg,
    rgba(247, 244, 236, 0.99) 0%,
    rgba(247, 244, 236, 0.94) 29%,
    rgba(247, 244, 236, 0.58) 52%,
    rgba(247, 244, 236, 0) 77%
  ) !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-copy {
  position: relative !important;
  z-index: 1 !important;
  width: 54% !important;
  min-height: 490px !important;
  padding: 48px 46px 108px !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-title {
  font-size: clamp(38px, 3.1vw, 47px) !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-benefits {
  display: none !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-tabs {
  left: 46px !important;
  bottom: 24px !important;
  display: flex !important;
  width: auto !important;
  gap: 24px !important;
  padding: 0 !important;
  background: transparent !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-tab {
  min-height: 44px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #46594a !important;
  font-size: 13px !important;
}

html.home-unified-preview body #main #autumn-campaign .autumn-tab[aria-selected="true"] {
  border-bottom-color: #315b3b !important;
  background: transparent !important;
  color: #244a31 !important;
}

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

  html.home-unified-preview body #main #autumn-campaign .autumn-ad {
    min-height: 480px !important;
  }

  html.home-unified-preview body #main #autumn-campaign .autumn-tabs {
    left: 36px !important;
    bottom: 20px !important;
  }

  html.home-unified-preview body #main #autumn-campaign .autumn-tab {
    font-size: 11px !important;
  }
}

@media (max-width: 760px) {
  html.home-unified-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;
  }

  html.home-unified-preview body #main #autumn-campaign .autumn-tab {
    justify-content: flex-start !important;
    min-height: 46px !important;
    font-size: 12px !important;
  }

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

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

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

  html.home-unified-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-unified-preview body #main #autumn-campaign .autumn-art img {
    object-position: 72% 50% !important;
  }

  html.home-unified-preview body #main #autumn-campaign .autumn-copy {
    width: 100% !important;
    min-height: 0 !important;
    padding: 26px 20px 30px !important;
    background: #f7f4ec !important;
  }

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