/* Continuous biological landscapes. Only page canvases and decorative layers. */
:root {
  --semio-paper: #f8faf6;
  --semio-organic-left: url('/assets/organic-margin-left.svg');
  --semio-organic-right: url('/assets/organic-margin-right.svg');
}
/* Retire decorative line networks, preserving icons and the interactive timeline. */
.home-page .home-flow-art,
.about-journey > .about-journey-lines,
.recognition-main > .recognition-lines { display: none; }
.partner-single-cta::after { display: none; }

/* A single canvas carries the ornament across the homepage's section boundaries. */
.home-page .home-flow-shell {
  background: var(--semio-organic-left) left 125svh / 290px 1100px no-repeat,
    var(--semio-organic-right) right 205svh / 330px 1200px no-repeat,
    var(--semio-paper);
}
.home-page .home-intro {
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.7) 48%, transparent);
}
.home-page .home-lines {
  background: radial-gradient(ellipse at 50% 52%, rgba(255,255,255,.75), transparent 76%);
}
.home-page .home-impact {
  background: linear-gradient(180deg, transparent, rgba(232,239,221,.35) 52%, transparent);
}
.home-page .home-footer.footer {
  background: linear-gradient(180deg, transparent, #f7f8f3 65%);
}

/* Institutional sequence: ivory, forest green and sage remain distinct. */
main.about-journey {
  background: var(--semio-organic-left) left 40svh / 310px 1500px no-repeat,
    var(--semio-organic-right) right 270svh / 360px 1600px no-repeat,
    var(--semio-paper);
}
.about-journey > .about-intro {
  background: radial-gradient(ellipse at 74% 28%, rgba(226,235,208,.35), transparent 65%);
}
.about-journey > .who-approved {
  background: linear-gradient(180deg, transparent, rgba(255,255,255,.8) 45%, transparent);
}
/* Short feathering stays inside the existing empty section padding. */
.about-journey > .about-manifesto {
  background: linear-gradient(180deg,
    #f8faf6 0, #003326 24px,
    #003326 calc(100% - 24px), #edf3e4 100%);
}
.about-journey > .principles-screen {
  background: linear-gradient(180deg, #edf3e4, rgba(237,243,228,.78) 55%, transparent);
}
.about-journey > .history-section {
  background: radial-gradient(ellipse at 30% 50%, rgba(255,255,255,.7), transparent 80%);
}
.about-journey > #programas.connections-section {
  background: linear-gradient(180deg, transparent, rgba(231,238,218,.3) 60%, transparent);
}

/* Product overview and scientific pages share a quiet, continuous base. */
main.products-compact,
main.category-page {
  background: var(--semio-organic-right) right 45% / 310px 1300px no-repeat,
    var(--semio-paper);
}
.products-compact .page-hero {
  background: linear-gradient(180deg, rgba(255,255,255,.65), transparent);
  border-bottom-color: transparent;
}
.category-page .category-topbar { background: #fff; }
.category-page .category-hero {
  background: linear-gradient(180deg, rgba(239,244,229,.65), transparent);
}
.category-page > .solutions-section {
  background: linear-gradient(180deg, transparent, rgba(235,241,224,.4) 58%, transparent);
}

/* On farm keeps the paper tone used at the existing photograph's feathered edge. */
main.onfarm-redesign {
  background: var(--semio-organic-left) left 50% / 280px 1200px no-repeat, #f8f8f4;
}
.onfarm-redesign .onfarm-first-screen,
.onfarm-redesign .onfarm-opening,
.onfarm-redesign .onfarm-services { background: transparent; }
.onfarm-redesign .onfarm-project-screen { background: transparent; }
.onfarm-redesign .onfarm-project-screen .onfarm-project {
  background: linear-gradient(180deg, transparent, #f8f8f4 24%);
  border-top-color: transparent;
}

/* Partnerships: the photograph and green contact panel retain their prominence. */
main.partner-single {
  background: var(--semio-organic-left) left center / 230px 1000px no-repeat,
    radial-gradient(ellipse at 67% 76%, rgba(229,237,214,.38), transparent 65%),
    #f7f8f4;
}
.partner-single .partner-single-screen { background: transparent; }

/* Recognition flows into the press area without a separating background edge. */
main.recognition-main {
  background: var(--semio-organic-right) right center / 300px 1400px no-repeat,
    var(--semio-paper);
}
.recognition-two-screens > .honors-screen {
  background: linear-gradient(180deg, rgba(255,255,255,.8), transparent);
}
.recognition-two-screens > .press-screen {
  background: linear-gradient(180deg, transparent, rgba(233,240,222,.4) 55%, transparent);
  border-top-color: transparent;
}
main.viewport-page:not(.products-compact) {
  background: var(--semio-organic-left) left center / 260px 1000px no-repeat,
    linear-gradient(180deg, #fff, var(--semio-paper));
}

/* The footer retains its typography, layout, logo and neutral institutional tone. */
main + .internal-footer.footer {
  background: linear-gradient(180deg, #f8faf6, #f7f8f4 65%);
}
main.onfarm-redesign + .internal-footer.footer {
  background: linear-gradient(180deg, #f8f8f4, #f7f8f4 65%);
}
main.partner-single + .internal-footer.footer { background: #f7f8f4; }

/* Smaller, quieter edge fields on phones; no new geometry or content overlays. */
@media (max-width:760px) {
  .home-page .home-flow-shell {
    background-size: 160px 1300px, 170px 1400px, auto;
    background-position: -50px 135svh, calc(100% + 50px) 300svh, center;
  }
  main.about-journey {
    background-size: 170px 1900px, 180px 2200px, auto;
    background-position: -55px 60svh, calc(100% + 60px) 320svh, center;
  }
  main.products-compact, main.category-page {
    background-size: 170px 1600px, auto;
    background-position: calc(100% + 55px) center, center;
  }
  main.onfarm-redesign, main.partner-single, main.recognition-main,
  main.viewport-page:not(.products-compact) { background-size: 150px 1600px, auto, auto; }
}