/* FERTESOL: a scroll-driven botanical story. */
:root{--header-height:104px;--growth-progress:0;--soft-gold:#ba9551}
html{scroll-padding-top:calc(var(--header-height) + 16px)}
.site-header{height:var(--header-height);transition:box-shadow .3s,background .3s}
.site-header.is-scrolled{box-shadow:0 8px 36px #123f320a;background:rgba(255,255,255,.96)}
.brand{width:270px}.brand img{width:100%;height:auto}.site-header nav{gap:32px}
.footer-main img{width:250px}.footer-main nav{flex-wrap:wrap}
.hero{min-height:calc(100svh - var(--header-height));overflow:clip}
.hero-image{height:112%;max-width:none;will-change:transform;transform:translate3d(0,var(--hero-offset,0px),0) scale(1.035)}
.hero-content{position:relative;z-index:1}.hero-actions{display:flex;align-items:center;gap:29px;flex-wrap:wrap}.hero-text-link{font-size:.875rem;color:#f3f0e7;border-bottom:1px solid #f3f0e777;padding:11px 0;transition:color .2s,border-color .2s}.hero-text-link:hover{color:var(--gold);border-color:var(--gold)}
.hero-content .eyebrow,.hero-content h1,.hero-description,.hero-actions{animation:hero-enter 1s cubic-bezier(.16,1,.3,1) both}.hero-content h1{animation-delay:.08s}.hero-description{animation-delay:.18s}.hero-actions{animation-delay:.28s}
@keyframes hero-enter{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.growth-experience{position:relative;background:#f3f4ec;color:var(--green);height:340svh;isolation:isolate}
.growth-sticky{height:calc(100svh - var(--header-height));min-height:570px;position:sticky;top:var(--header-height);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 76% 54%,#e9ecdf 0%,#f3f4ec 56%)}
.growth-top{display:flex;align-items:center;justify-content:space-between;padding-top:32px;position:relative;z-index:2}.growth-top .eyebrow{margin:0}.growth-chapter{display:flex;align-items:center;gap:15px;font-size:.75rem;letter-spacing:.1em;color:#8a927d}.growth-chapter #growth-current{font-size:1.15rem;color:var(--green);font-variant-numeric:tabular-nums}.chapter-rule{width:46px;height:1px;background:#b6c3ac}
.growth-inner{flex:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:center;position:relative;min-height:0}.growth-narrative{position:relative;z-index:2;padding-bottom:20px}.growth-copy-stack{display:grid;position:relative;min-height:310px}.growth-copy{grid-area:1/1;opacity:0;transform:translate3d(0,20px,0);transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1);pointer-events:none;align-self:center}.growth-copy.is-current{opacity:1;transform:none;pointer-events:auto}.growth-kicker{display:block;font-size:.75rem;letter-spacing:.13em;color:#8b703d;margin-bottom:24px}.growth-copy h3{font-family:var(--serif);font-size:clamp(2.6rem,4.7vw,4.35rem);letter-spacing:-.052em;line-height:1.1;font-weight:400;margin:0 0 26px}.growth-copy h3 em{font-weight:400;color:#577244}.growth-copy p{font-size:1rem;color:#66745f;line-height:1.8;max-width:360px;margin:0}.growth-scroll-cue{display:flex;align-items:center;gap:11px;font-size:.75rem;letter-spacing:.04em;color:#7b866f;margin-top:34px}.scroll-track{width:13px;height:26px;border:1px solid #a5b395;border-radius:9px;position:relative}.scroll-track>span{position:absolute;top:6px;left:5px;width:1px;height:5px;background:#76866a;animation:scroll-cue 2.2s ease-in-out infinite}@keyframes scroll-cue{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1}}
.growth-scene{width:100%;aspect-ratio:1;max-height:100%;position:relative;align-self:center;isolation:isolate}.plant-stage{position:absolute;inset:0;background-image:url('/assets/growth-stages.webp');background-size:200% 200%;background-repeat:no-repeat;transform-origin:50% 91%;will-change:transform,opacity,clip-path;opacity:0}.plant-seed{background-position:0% 0%;opacity:1}.plant-sprout{background-position:100% 0%}.plant-sapling{background-position:0% 100%}.plant-tree{background-position:100% 100%}.growth-halo{position:absolute;left:11%;top:6%;width:79%;height:79%;border-radius:50%;background:radial-gradient(circle,#dce4c4a1,transparent 69%);opacity:calc(.32 + var(--growth-progress)*.68);transform:scale(calc(.75 + var(--growth-progress)*.25));z-index:-2}.growth-orbit{position:absolute;left:9%;top:4%;width:82%;height:82%;border:1px solid #cbd3b878;border-radius:50%;z-index:-1;opacity:.45}.growth-orbit::after{content:'';position:absolute;inset:8%;border:1px solid #d8ddcc70;border-radius:50%}.growth-baseline{position:absolute;left:10%;right:10%;bottom:6%;border-top:1px solid #adbca675;display:flex;justify-content:space-between;padding-top:12px;font-size:.65rem;letter-spacing:.12em;color:#809075}
.growth-bottom{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-bottom:32px;position:relative;z-index:2}.growth-stages{list-style:none;display:flex;gap:34px;padding:0;margin:0}.growth-stages li{font-size:.875rem;color:#8c9681;transition:color .5s}.growth-stages li>span{display:inline-block;margin-right:8px;font-size:.65rem;color:#8b9b79}.growth-stages li.is-active{color:var(--green)}.growth-stages li.is-active>span{color:#a37d35}.growth-skip{font-size:.875rem;border-bottom:1px solid #789068;padding:5px 0;white-space:nowrap}.growth-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:#d6ddcc}.growth-progress>span{display:block;width:100%;height:100%;transform:scaleX(var(--growth-progress));transform-origin:left;background:#a78a43;will-change:transform}
.portfolio-bridge{background:var(--green);color:#f2f4e8;padding:27px 0}.portfolio-bridge>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.portfolio-bridge p{font-family:var(--serif);font-size:1.55rem;line-height:1.4;letter-spacing:-.025em;margin:0}.portfolio-bridge em{color:#d8ba79}.portfolio-bridge>.wrap>div{display:flex;gap:37px}.portfolio-bridge>.wrap>div>span{font-size:.75rem;color:#bbcbb6}.portfolio-bridge strong{font-family:var(--serif);font-size:1.8rem;font-weight:400;color:#f4e9c8;vertical-align:middle;margin-right:10px}
.products-section{padding-top:106px}.product-card{transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .35s,opacity .7s}.product-card:hover{box-shadow:0 18px 50px #0b332015;transform:translateY(-7px)}
.story-section{padding:117px 0 108px;background:#fff;border-bottom:1px solid #e2e7db}.story-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:12%}.story-heading h2{font-size:clamp(3rem,5.1vw,5rem);line-height:1.03;letter-spacing:-.045em;margin:0 0 46px}.story-heading h2 em{color:#7b8960}.story-origin{display:flex;gap:22px;align-items:center;border-top:1px solid #dbe2d1;max-width:345px;padding-top:25px}.origin-year{font-family:var(--serif);font-size:3.5rem;color:#b39864;letter-spacing:-.07em;line-height:1}.story-origin>div>span{display:block;font-size:.65rem;letter-spacing:.13em;color:#819072;margin-bottom:7px}.story-origin strong{font-size:1rem;font-weight:400}.story-content>p{font-size:1rem;line-height:1.95;color:#69735f}.story-content .story-lead{font-family:var(--serif);font-size:1.75rem;letter-spacing:-.02em;line-height:1.4;color:var(--green);margin-bottom:30px}.story-content blockquote{font-family:var(--serif);font-size:1.65rem;line-height:1.5;letter-spacing:-.02em;color:#6b754f;padding:22px 0 0 24px;margin:34px 0;border-left:2px solid #d7ba75}.story-signature{display:flex;align-items:center;gap:22px;border-top:1px solid #e0e5d8;padding-top:26px}.story-signature img{width:163px;flex-shrink:0}.story-signature>span{font-size:.75rem;color:#7b896c;line-height:1.5;max-width:160px}
.motion-ready .reveal{opacity:0;transform:translate3d(0,38px,0);transition:opacity .85s ease,transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.reveal-left{transform:translate3d(-36px,24px,0)}.motion-ready .reveal.reveal-right{transform:translate3d(36px,24px,0)}.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}.motion-ready .product-card.reveal.is-visible:hover{transform:translate3d(0,-7px,0)}.catalogue-book{transition:transform 1.15s cubic-bezier(.16,1,.3,1)}.catalogue-visual.is-visible .catalogue-book{transform:rotate(-4deg)}
@media(min-width:1600px){.growth-copy h3{font-size:4.8rem}.growth-scene{max-width:700px}.growth-sticky{min-height:700px}}
@media(max-width:1100px){:root{--header-height:94px}.brand{width:238px}.site-header nav{gap:23px}.growth-inner{grid-template-columns:1fr 1.1fr;gap:10px}.growth-copy h3{font-size:3.4rem}.growth-stages{gap:24px}.story-layout{gap:8%}.story-signature{display:block}.story-signature>span{display:block;margin-top:15px;max-width:none}.footer-main img{width:230px}}
@media(max-width:760px){:root{--header-height:82px}.brand{width:220px}.site-header nav{top:81px}.hero{min-height:665px}.hero-actions{gap:19px}.hero-text-link{font-size:.8rem}.hero-image{height:108%}.growth-experience{height:300svh}.growth-sticky{height:calc(100svh - var(--header-height));min-height:550px}.growth-top{padding-top:22px}.growth-top .eyebrow{font-size:.65rem;letter-spacing:.14em}.growth-chapter{gap:10px}.chapter-rule{width:24px}.growth-inner{display:flex;flex-direction:column;justify-content:center;gap:0;flex:1;padding-top:18px;min-height:0}.growth-narrative{width:100%;padding:0;text-align:center;flex-shrink:0}.growth-copy-stack{min-height:180px}.growth-copy{align-self:start}.growth-kicker{font-size:.65rem;letter-spacing:.1em;margin-bottom:12px}.growth-copy h3{font-size:clamp(2.15rem,7.5vw,3.5rem);line-height:1.08;margin-bottom:12px}.growth-copy p{font-size:.8rem;line-height:1.6;max-width:320px;margin:auto}.growth-scroll-cue{display:none}.growth-scene{width:auto;flex:1;aspect-ratio:1;max-height:380px;min-height:200px;max-width:100%;margin-top:-3px}.growth-baseline{font-size:.53rem;padding-top:7px;bottom:5%;letter-spacing:.08em}.growth-bottom{display:block;margin-top:7px;margin-bottom:19px;text-align:center}.growth-stages{gap:0;justify-content:space-between;width:100%;margin-bottom:12px}.growth-stages li{font-size:.75rem}.growth-stages li>span{margin-right:5px;font-size:.58rem}.growth-skip{display:inline-block;font-size:.75rem;padding:0 0 3px}.portfolio-bridge{padding:25px 0}.portfolio-bridge>.wrap{display:block;text-align:center}.portfolio-bridge p{font-size:1.35rem}.portfolio-bridge>.wrap>div{justify-content:center;margin-top:14px;gap:30px}.portfolio-bridge strong{font-size:1.7rem}.products-section{padding-top:65px}.story-section{padding:73px 0 70px}.story-layout{grid-template-columns:1fr;gap:42px}.story-heading h2{font-size:3.4rem;margin-bottom:32px}.story-origin{max-width:none}.origin-year{font-size:3rem}.story-content .story-lead{font-size:1.55rem}.story-content>p{font-size:.95rem;line-height:1.85}.story-content blockquote{font-size:1.45rem;margin:29px 0;padding-left:18px}.story-signature{display:flex;gap:18px}.story-signature>span{margin-top:0;max-width:160px}.story-signature img{width:154px}.motion-ready .reveal.reveal-left,.motion-ready .reveal.reveal-right{transform:translate3d(0,30px,0)}.motion-ready .reveal.is-visible{transform:none}.footer-main img{width:225px}}
@media(max-width:380px){.brand{width:194px}.growth-copy h3{font-size:2.08rem}.growth-sticky{min-height:545px}.growth-scene{min-height:190px}.growth-stages li{font-size:.7rem}.growth-stages li>span{font-size:.55rem}.story-heading h2{font-size:3rem}}
@media(max-height:720px) and (min-width:761px){.growth-sticky{min-height:470px}.growth-top{padding-top:22px}.growth-copy-stack{min-height:270px}.growth-copy h3{font-size:3.3rem}.growth-scroll-cue{margin-top:16px}.growth-scene{max-width:455px;justify-self:center}.growth-bottom{margin-bottom:20px}}

html.no-growth-motion .growth-experience{height:auto}html.no-growth-motion .growth-sticky{position:relative;top:0;min-height:640px}html.no-growth-motion .plant-stage{opacity:0}html.no-growth-motion .plant-tree{opacity:1}

/* Static fallback is a complete final chapter, rather than an empty scroll. */
html.no-growth-motion .growth-copy{display:none;opacity:1;transform:none}
html.no-growth-motion .growth-copy:last-child{display:block}
html.no-growth-motion .growth-scroll-cue{display:none}
html.no-growth-motion .growth-progress{display:none}
html.no-growth-motion .growth-inner{min-height:450px}
html.no-growth-motion .growth-stages li:last-child{color:var(--green)}
.growth-art-unavailable .growth-experience{display:none}
@media(max-width:760px){
 .growth-scene{flex:none;width:min(100%,36svh);height:auto;min-height:0;max-height:none;margin-top:0}
 .growth-inner{justify-content:center}
 .growth-copy-stack{min-height:186px}
 .growth-sticky{min-height:570px}
 html.no-growth-motion .growth-sticky{height:auto;min-height:0}
 html.no-growth-motion .growth-inner{min-height:0;padding:35px 0 20px}
 html.no-growth-motion .growth-scene{width:min(100%,350px);min-height:0}
}
@media(max-height:650px) and (max-width:760px){
 .growth-sticky{min-height:480px}
 .growth-top{padding-top:13px}
 .growth-inner{padding-top:9px}
 .growth-copy-stack{min-height:166px}
 .growth-kicker{margin-bottom:8px}
 .growth-copy h3{font-size:2rem;margin-bottom:8px}
 .growth-copy p{font-size:.8rem;line-height:1.5}
 .growth-scene{width:min(100%,32svh)}
 .growth-bottom{margin-bottom:12px;margin-top:0}
}


@media(min-width:761px){.growth-scene{width:min(100%,calc(100svh - 235px));max-height:none;justify-self:end;aspect-ratio:1}}
@media(max-width:760px){.growth-copy p{font-size:1rem;line-height:1.55}.growth-copy-stack{min-height:210px}.growth-scene{width:min(100%,32svh)}}
@media(max-height:650px) and (max-width:760px){.growth-copy h3{font-size:1.85rem}.growth-copy-stack{min-height:200px}.growth-copy p{font-size:.9375rem}.growth-scene{width:min(100%,28svh)}}


.growth-bottom{display:block;margin-bottom:24px}
.growth-player{display:flex;align-items:center;gap:20px;width:100%;padding:12px 0 15px;border-top:1px solid #cbd6c1}
.growth-play{min-width:128px;min-height:42px;padding:10px 17px;background:var(--green);color:white;border:1px solid var(--green);font-size:.875rem;line-height:1.4}
.growth-play:hover{background:#235641}.growth-play[aria-pressed="true"]{background:transparent;color:var(--green)}
.growth-seek-label{flex:1;display:flex;align-items:center;min-width:40px}
#growth-seek{width:100%;height:32px;accent-color:#9b7b36;cursor:ew-resize;background:transparent;direction:ltr}
#growth-percent{width:42px;text-align:end;font-size:.8rem;color:#637551;font-variant-numeric:tabular-nums;direction:ltr}
.growth-navigation{display:flex;justify-content:space-between;align-items:center;gap:30px}
html.no-growth-motion .growth-player{display:none}
@media(min-width:761px){.growth-scene{width:min(100%,calc(100svh - 300px))}}
@media(max-width:760px){.growth-player{gap:12px;padding:8px 0 12px}.growth-play{min-width:112px;min-height:42px;font-size:.8rem}.growth-navigation{display:block}.growth-stages{margin-bottom:8px}.growth-bottom{margin-bottom:15px}.growth-scene{width:min(100%,28svh)}.growth-copy-stack{min-height:200px}}
@media(max-height:650px) and (max-width:760px){.growth-scene{width:min(100%,23svh)}.growth-copy-stack{min-height:186px}.growth-sticky{min-height:520px}.growth-copy h3{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){
 .hero-image{transform:none!important;will-change:auto}
 .hero-content .eyebrow,.hero-content h1,.hero-description,.hero-actions,.scroll-track>span{animation:none!important}
 .growth-copy{transition:none}.motion-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}
 html:not(.growth-user-playing) .plant-stage{transform:none!important;clip-path:none!important}
 .catalogue-book{transition:none!important}
}
