@font-face{font-family:Reigo;src:url('fonts/Reigo-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Reigo;src:url('fonts/Reigo-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Plex;src:url('fonts/IBMPlexSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Plex;src:url('fonts/IBMPlexSans-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Plex;src:url('fonts/IBMPlexSans-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Plex;src:url('fonts/IBMPlexSans-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--forest:#0c2d21;--deep:#061711;--leaf:#87cc02;--pale:#e7f5cc;--orange:#ff651e;--cream:#f4f5ee;--white:#fff;--grey:#54645e;--line:rgba(12,45,33,.2);--max:1500px;--gutter:clamp(1.25rem,4vw,5rem);--space:clamp(5.5rem,9vw,10rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--forest);font-family:Plex,Arial,sans-serif;font-size:1rem;line-height:1.55;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}::selection{background:var(--leaf);color:var(--deep)}
.skip{position:fixed;left:1rem;top:-5rem;z-index:2000;padding:.75rem 1rem;background:var(--leaf)}.skip:focus{top:1rem}.progress{position:fixed;z-index:1001;inset:0 0 auto;height:3px}.progress span{display:block;width:0;height:100%;background:var(--orange)}
.header{position:sticky;z-index:1000;top:0;height:86px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:0 var(--gutter);background:rgba(244,245,238,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.logo img{width:180px;height:auto}.nav{justify-self:center;display:flex;gap:clamp(1rem,2vw,2.5rem);align-items:center;font-size:.84rem;font-weight:500}.nav>a,.nav-group>button{position:relative;padding:2rem 0;border:0;background:none;cursor:pointer}.nav>a:before,.nav-group>button:before{content:"";position:absolute;left:0;right:100%;bottom:1.45rem;height:2px;background:var(--orange);transition:right .25s}.nav>a:hover:before,.nav>a[aria-current=page]:before,.nav-group:hover>button:before{right:0}.nav-group{position:relative}.nav-group>button{display:flex;gap:.4rem}.dropdown{position:absolute;top:calc(100% - 6px);left:50%;width:300px;padding:.45rem;opacity:0;pointer-events:none;transform:translate(-50%,10px);background:var(--cream);border:1px solid var(--line);transition:.22s}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.dropdown a{display:block;padding:.9rem 1rem;border-bottom:1px solid var(--line)}.dropdown a:last-child{border:0}.dropdown a:hover{background:var(--pale)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:50px;padding:.75rem 1.2rem;border:1px solid var(--forest);background:var(--forest);color:#fff;font-size:.86rem;font-weight:600;transition:.25s}.btn:hover{background:var(--orange);border-color:var(--orange);transform:translateY(-2px)}.btn-small{min-height:44px}.btn-leaf{background:var(--leaf);border-color:var(--leaf);color:var(--deep)}.btn-leaf:hover{background:var(--orange)}.btn-outline{background:transparent;color:var(--forest)}.arrow{font-size:1.1rem}.menu,.mobile-nav{display:none}
.wrap{width:min(100%,var(--max));margin:auto;padding-inline:var(--gutter)}.section{padding-block:var(--space)}.section-dark{background:var(--forest);color:#fff}.section-pale{background:var(--pale)}.section-leaf{background:var(--leaf)}
.display{font-family:Reigo,Georgia,serif;font-weight:600;letter-spacing:-.035em;line-height:.95}.kicker{display:flex;align-items:center;gap:.7rem;margin:0 0 1.4rem;color:#5a8801;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.kicker:before{content:"";width:30px;height:2px;background:currentColor}.section-dark .kicker,.trade-strip .kicker{color:var(--leaf)}.lead{font-size:clamp(1.12rem,1.7vw,1.42rem);line-height:1.46;color:var(--grey)}.section-dark .lead{color:rgba(255,255,255,.68)}

/* Home: a corporate split screen, not an image-overlay hero */
.home-hero{min-height:calc(100svh - 86px);display:grid;grid-template-columns:47% 53%;background:var(--cream)}.home-hero-copy{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(3.5rem,7vw,7rem) var(--gutter) 2rem}.home-hero-copy h1{max-width:760px;margin:0;font-size:clamp(4.2rem,7.3vw,8.2rem)}.home-hero-copy .lead{max-width:620px;margin:2rem 0}.home-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-foot{display:flex;justify-content:space-between;gap:2rem;margin-top:5rem;padding-top:1.3rem;border-top:1px solid var(--line);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.hero-foot span:last-child{color:#5a8801}.home-hero-media{position:relative;min-height:650px;overflow:hidden;background:var(--forest)}.home-hero-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.home-hero-media:hover img{transform:scale(1.025)}.hero-route{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:var(--forest);color:#fff}.hero-route div{padding:1rem 1.15rem;border-right:1px solid rgba(255,255,255,.17)}.hero-route div:last-child{border:0}.hero-route b{display:block;color:var(--leaf);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.hero-route span{font-size:.82rem}
.trade-strip{display:grid;grid-template-columns:.8fr 2.2fr;background:var(--deep);color:#fff}.trade-strip-title{padding:2.5rem var(--gutter);border-right:1px solid rgba(255,255,255,.16)}.trade-strip-title h2{margin:0;font-size:1.25rem}.trade-flow{display:grid;grid-template-columns:repeat(5,1fr)}.trade-flow article{position:relative;min-height:155px;padding:2.4rem 1.3rem;border-right:1px solid rgba(255,255,255,.16)}.trade-flow article:last-child{border:0}.trade-flow b{display:block;margin-bottom:1.5rem;color:var(--orange);font-size:.65rem}.trade-flow h3{margin:0;font-size:1rem;font-weight:500}.trade-flow article:after{content:"→";position:absolute;right:-.45rem;top:50%;z-index:2;color:var(--leaf);font-size:1.1rem}.trade-flow article:last-child:after{display:none}
.statement{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:end}.statement h2{margin:0;font-size:clamp(3.5rem,6.8vw,7.5rem)}.statement-copy{max-width:560px}.statement-copy p{margin:0 0 1.5rem}.text-link{display:inline-flex;align-items:center;gap:.7rem;padding-bottom:.28rem;border-bottom:1px solid currentColor;font-weight:600}.text-link:hover{color:var(--orange)}
.operating-view{display:grid;grid-template-columns:1.35fr .65fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.operating-photo{min-height:740px;overflow:hidden}.operating-photo img{width:100%;height:100%;object-fit:cover}.operating-detail{display:flex;flex-direction:column;background:var(--white);border-left:1px solid var(--line)}.operating-detail>div{padding:2rem;border-bottom:1px solid var(--line)}.operating-detail>div:last-child{margin-top:auto;border:0}.operating-detail .signal{display:flex;justify-content:space-between;gap:1rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.operating-detail .signal span:last-child{color:#5a8801}.operating-detail h2{margin:1.5rem 0;font-size:clamp(2.6rem,4.3vw,4.8rem)}.operating-detail p{color:var(--grey)}.proof-stack{display:grid;grid-template-columns:1fr 1fr}.proof{padding:1.5rem 2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.proof:nth-child(even){border-right:0}.proof strong{display:block;font-family:Reigo,Georgia,serif;font-size:2.6rem}.proof span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--grey)}
.capability-lines{border-top:1px solid var(--line)}.capability{display:grid;grid-template-columns:90px 1fr 1fr 40px;gap:2rem;align-items:center;min-height:150px;padding:1.5rem 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.capability:hover{padding-inline:1rem;background:var(--white)}.capability b{color:var(--orange);font-size:.68rem}.capability h3{margin:0;font-family:Reigo,Georgia,serif;font-size:clamp(2rem,3.5vw,3.8rem);font-weight:600}.capability p{margin:0;color:var(--grey)}.capability i{font-style:normal;font-size:1.5rem}
.commodity-board{display:grid;grid-template-columns:.85fr 1.15fr;min-height:720px;background:var(--forest);color:#fff}.commodity-index{padding:clamp(2.5rem,5vw,5rem)}.commodity-index h2{margin:0 0 3rem;font-size:clamp(3.2rem,5.4vw,6rem)}.commodity-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.18)}.commodity-list button{padding:1rem 0;text-align:left;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.18);cursor:pointer;color:rgba(255,255,255,.62);transition:.2s}.commodity-list button:nth-child(odd){border-right:1px solid rgba(255,255,255,.18)}.commodity-list button:nth-child(even){padding-left:1rem}.commodity-list button:hover,.commodity-list button.active{color:var(--leaf)}.commodity-view{position:relative;min-height:720px;overflow:hidden}.commodity-view img{width:100%;height:100%;object-fit:cover}.commodity-caption{position:absolute;right:0;bottom:0;width:min(75%,520px);padding:2rem;background:var(--cream);color:var(--forest)}.commodity-caption .code{color:var(--orange);font-size:.68rem;font-weight:700}.commodity-caption h3{margin:.7rem 0;font-size:clamp(2.7rem,4vw,4.4rem)}.commodity-caption p{margin:0;color:var(--grey)}
.audience{display:grid;grid-template-columns:1fr 1fr}.audience article{min-height:650px;padding:clamp(3rem,6vw,6rem);display:flex;flex-direction:column;background:var(--pale)}.audience article:last-child{background:var(--orange)}.audience h2{margin:0 0 1.5rem;font-size:clamp(3rem,5vw,5.6rem)}.audience p{max-width:540px}.audience ul{margin:2.5rem 0;padding:0;list-style:none;border-top:1px solid rgba(12,45,33,.25)}.audience li{padding:.85rem 0;border-bottom:1px solid rgba(12,45,33,.25)}.audience .text-link{margin-top:auto;align-self:flex-start}
.image-band{height:min(65vw,820px);overflow:hidden}.image-band img{width:100%;height:100%;object-fit:cover}.image-band-caption{display:flex;justify-content:space-between;gap:2rem;padding:1rem var(--gutter);border-bottom:1px solid var(--line);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.reach{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.reach h2{margin:0;font-size:clamp(3.2rem,6vw,6.5rem)}.reach-list{border-top:1px solid rgba(255,255,255,.2)}.reach-row{display:grid;grid-template-columns:1fr 1fr;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.reach-row strong{color:var(--leaf)}.reach-row span{color:rgba(255,255,255,.58)}
.reach-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.reach-grid .reach-list>div{display:grid;grid-template-columns:1fr 1fr;padding:1.2rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.reach-grid .reach-list strong{color:var(--leaf)}.reach-grid .reach-list span{color:rgba(255,255,255,.58)}
.cta-band{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;padding:var(--space) var(--gutter);background:var(--leaf)}.cta-band h2{margin:0;font-size:clamp(3.4rem,6vw,6.8rem)}.cta-band .action{justify-self:end}.cta-band p{max-width:520px}

/* Inner pages share the identity but not a landing-page stack */
.page-intro-split{display:grid;grid-template-columns:1fr 1fr;min-height:680px}main:has(>.page-hero){display:grid;grid-template-columns:1fr 1fr}main>.page-hero{grid-column:1}main>.page-visual{grid-column:2}main>.page-visual~*{grid-column:1/-1}.page-hero{display:flex;align-items:end;padding:clamp(4rem,8vw,8rem) var(--gutter);background:var(--forest);color:#fff}.page-hero-inner{max-width:720px}.breadcrumbs{display:flex;gap:.55rem;margin-bottom:3rem;color:rgba(255,255,255,.5);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.breadcrumbs span{color:var(--leaf)}.page-hero h1{margin:0;font-size:clamp(3.8rem,6.2vw,7rem)}.page-hero .lead{margin:2rem 0 0;color:rgba(255,255,255,.67)}.page-visual{min-height:680px;overflow:hidden}.page-visual img{width:100%;height:100%;object-fit:cover}.page-visual.tall{min-height:760px}
.heading-row{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin-bottom:clamp(3rem,6vw,6rem)}.heading-row h2{margin:0;font-size:clamp(3.2rem,6vw,6.5rem)}.heading-row>p{max-width:540px;margin:0;color:var(--grey)}.section-dark .heading-row>p{color:rgba(255,255,255,.62)}
.pillar-grid{border-top:1px solid var(--line)}.pillar{display:grid;grid-template-columns:100px .9fr 1.1fr;gap:2rem;align-items:start;padding:2.5rem 0;border-bottom:1px solid var(--line)}.pillar b{color:var(--orange);font-size:.68rem}.pillar h2,.pillar h3{margin:0;font-family:Reigo,Georgia,serif;font-size:clamp(2.2rem,3.7vw,4rem);line-height:.98}.pillar p{max-width:620px;margin:0;color:var(--grey)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split.reverse .split-media{order:2}.split-media{margin:0;min-height:650px;overflow:hidden}.split-media img{width:100%;height:100%;object-fit:cover}.split-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,6vw,6rem);background:var(--cream)}.section-dark .split-copy{background:var(--deep)}.split-copy h2{margin:0 0 1.5rem;font-size:clamp(3rem,5.2vw,5.8rem)}.split-copy p{color:var(--grey)}.section-dark .split-copy p{color:rgba(255,255,255,.62)}.check-list{margin:2.2rem 0;padding:0;list-style:none;border-top:1px solid var(--line)}.section-dark .check-list{border-color:rgba(255,255,255,.2)}.check-list li{padding:1rem 0;border-bottom:1px solid var(--line)}.section-dark .check-list li{border-color:rgba(255,255,255,.2)}.check-list li:before{content:"↗";margin-right:1rem;color:var(--orange)}
.detail-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw}.sticky-title{position:sticky;top:120px;align-self:start}.sticky-title h2{font-size:clamp(3rem,5.5vw,6rem)!important}.detail-list{border-top:1px solid var(--line)}.detail-list article{display:grid;grid-template-columns:90px 1fr;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--line);counter-increment:item}.detail-list{counter-reset:item}.detail-list article:before{content:"0" counter(item);color:var(--orange);font-size:.68rem;font-weight:700}.detail-list h3{margin:0 0 .5rem;font-size:1.25rem}.detail-list p{margin:0;color:var(--grey)}
.service-grid{border-top:1px solid var(--line)}.service-card{display:grid;grid-template-columns:100px 1fr 1fr;gap:2rem;align-items:start;padding:2rem 0;border-bottom:1px solid var(--line);background:none}.service-card .index{color:var(--orange);font-size:.68rem}.service-card h3{margin:0;font-family:Reigo,Georgia,serif;font-size:2.4rem}.service-card p{margin:0;color:var(--grey)}
.commodity-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.commodity-card{position:relative;min-height:300px;padding:2rem;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:none;color:var(--forest);overflow:hidden;transition:.25s}.commodity-card:nth-child(even){border-right:0}.commodity-card:hover{background:var(--forest);color:#fff}.commodity-card b{color:var(--orange);font-size:.68rem}.commodity-card h3{margin:auto 0 .5rem;font-family:Reigo,Georgia,serif;font-size:clamp(2.6rem,4vw,4.5rem)}.commodity-card p{max-width:420px;margin:0;color:var(--grey)}.commodity-card:hover p{color:rgba(255,255,255,.62)}.commodity-card:after{content:attr(data-code);position:absolute;right:-.08em;top:-.4em;color:rgba(135,204,2,.13);font-family:Reigo,serif;font-size:9rem}
.application-table{border-top:1px solid var(--line)}.application-row{display:grid;grid-template-columns:.5fr 1fr 1fr;gap:2rem;padding:1.4rem 0;border-bottom:1px solid var(--line)}.application-row strong{font-family:Reigo,serif;font-size:1.45rem}.application-row p{margin:0;color:var(--grey)}
.numbers{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.number{padding:2rem;border-right:1px solid var(--line)}.number:last-child{border:0}.number strong{display:block;font-family:Reigo,serif;font-size:clamp(2.8rem,5vw,5.5rem);line-height:1}.number span{color:var(--grey);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.values{border-top:1px solid var(--line)}.value{display:grid;grid-template-columns:90px .8fr 1.2fr;gap:2rem;padding:2.3rem 0;border-bottom:1px solid var(--line)}.value b{color:var(--orange);font-size:.68rem}.value h3{margin:0;font-family:Reigo,serif;font-size:2.4rem}.value p{margin:0;color:var(--grey)}
.manifesto{display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;align-items:end}.manifesto h2{margin:0;font-size:clamp(3.5rem,7vw,7.5rem)}.manifesto p{margin:0;color:var(--grey);font-size:1.2rem}
.quote-band{padding:var(--space) var(--gutter);background:var(--orange)}.quote-band blockquote{max-width:1300px;margin:auto;font-family:Reigo,serif;font-size:clamp(3rem,6vw,6.7rem);line-height:.98}.quote-band cite{display:block;margin-top:2rem;font-family:Plex,sans-serif;font-size:.68rem;font-style:normal;text-transform:uppercase;letter-spacing:.12em}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.contact-details{margin-top:3rem;border-top:1px solid var(--line)}.contact-details div{padding:1.3rem 0;border-bottom:1px solid var(--line)}.contact-details span{display:block;margin-bottom:.35rem;color:#5a8801;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.contact-details a{font-size:1.1rem}
.faq{max-width:1000px;margin:auto;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:2rem;padding:1.4rem 0;list-style:none;cursor:pointer;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--orange);font-size:1.2rem}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{max-width:760px;margin:0;padding:0 3rem 1.5rem 0;color:var(--grey)}
.footer{padding:5rem var(--gutter) 1.5rem;background:var(--deep);color:#fff}.footer-inner{max-width:var(--max);margin:auto}.footer-top{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.17)}.footer-brand img{width:190px;filter:brightness(0) invert(1)}.footer-brand p{max-width:360px;color:rgba(255,255,255,.58)}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.footer-col h4{margin:0 0 .7rem;color:var(--leaf);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.footer-col a,.footer-col address{color:rgba(255,255,255,.65);font-style:normal}.footer-col a:hover{color:var(--leaf)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;padding-top:1.4rem;color:rgba(255,255,255,.38);font-size:.7rem}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.intro-grid h2{margin:0;font-size:clamp(3.2rem,6vw,6.4rem)}.intro-grid .body{max-width:680px}.intro-grid .body p{margin:0 0 1.4rem}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}.reveal.visible{opacity:1;transform:none}.image-reveal{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.22,.61,.36,1)}.image-reveal.visible{clip-path:inset(0)}
@media(max-width:1080px){.nav{display:none}.header{grid-template-columns:auto 1fr auto}.header>.btn{justify-self:end}.home-hero{grid-template-columns:1fr 1fr}.trade-strip{grid-template-columns:1fr}.trade-strip-title{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.commodity-board{grid-template-columns:1fr}.commodity-view{min-height:620px}.capability{grid-template-columns:60px 1fr 1fr 30px}.page-intro-split{grid-template-columns:1fr}.page-hero,.page-visual{min-height:600px}}
@media(max-width:760px){:root{--space:5rem}.header{height:72px}.logo img{width:180px}.header>.btn{display:none}.menu{justify-self:end;display:grid;place-content:center;gap:6px;width:44px;height:44px;background:none;border:1px solid var(--line)}.menu span{display:block;width:20px;height:1px;background:var(--forest);transition:.25s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:999;top:72px;inset-inline:0;bottom:0;padding:1.5rem var(--gutter);display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(-10px);background:var(--cream);transition:.25s}.mobile-nav.open{opacity:1;pointer-events:auto;transform:none}.mobile-nav a{padding:.9rem 0;border-bottom:1px solid var(--line);font-family:Reigo,serif;font-size:1.6rem}.mobile-nav .btn{margin-top:1rem;font-family:Plex,sans-serif;font-size:.86rem}.home-hero{grid-template-columns:1fr;min-height:0}.home-hero-copy{min-height:calc(100svh - 72px);padding-top:4.5rem}.home-hero-copy h1{font-size:clamp(4rem,17vw,6.5rem)}.home-hero-media{min-height:620px}.hero-foot{margin-top:3rem}.trade-flow{grid-template-columns:1fr}.trade-flow article{min-height:100px;padding:1.3rem var(--gutter)}.trade-flow article:after{display:none}.statement,.operating-view,.commodity-board,.audience,.reach,.cta-band,.heading-row,.detail-grid,.manifesto,.contact-layout{grid-template-columns:1fr}.statement{gap:2rem}.operating-photo{min-height:520px}.operating-detail{border-left:0}.capability{grid-template-columns:45px 1fr;gap:1rem}.capability p{grid-column:2}.capability i{display:none}.commodity-view{min-height:520px}.commodity-caption{width:88%;padding:1.5rem}.audience article{min-height:580px;padding:var(--space) var(--gutter)}.image-band{height:520px}.reach{gap:2rem}.cta-band .action{justify-self:start}.page-intro-split{grid-template-columns:1fr}.page-hero{min-height:560px}.page-visual{min-height:520px}.heading-row{gap:2rem}.pillar,.service-card,.value{grid-template-columns:50px 1fr}.pillar p,.service-card p,.value p{grid-column:2}.split{grid-template-columns:1fr}.split.reverse .split-media{order:0}.split-media{min-height:500px}.detail-grid{gap:2rem}.sticky-title{position:relative;top:auto}.detail-list article{grid-template-columns:50px 1fr}.commodity-grid{grid-template-columns:1fr}.commodity-card{border-right:0}.application-row{grid-template-columns:1fr;gap:.4rem}.numbers{grid-template-columns:1fr 1fr}.number:nth-child(2){border-right:0}.number:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-top{grid-template-columns:1fr}.footer-nav{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column}}
@media(max-width:480px){.home-hero-media{min-height:500px}.proof-stack,.commodity-list,.numbers{grid-template-columns:1fr}.commodity-list button:nth-child(odd){border-right:0}.commodity-list button:nth-child(even){padding-left:0}.proof{border-right:0}.number{border-right:0;border-bottom:1px solid var(--line)}.footer-nav{grid-template-columns:1fr}.page-hero{min-height:500px}.page-visual{min-height:400px}.manifesto h2{font-size:3.5rem}}
@media(max-width:1080px){main:has(>.page-hero){grid-template-columns:1fr}main>.page-hero,main>.page-visual{grid-column:1}}
@media(max-width:760px){.intro-grid,.reach-grid{grid-template-columns:1fr;gap:2rem}}
/* Version 3 direction with the stronger, image-led Version 2 hero */
.hero{position:relative;min-height:calc(100svh - 82px);display:grid;align-items:end;isolation:isolate;overflow:hidden;color:#fff;background:var(--forest)}
.hero>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover}
.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(6,23,17,.94) 0%,rgba(6,23,17,.76) 43%,rgba(6,23,17,.14) 78%),linear-gradient(0deg,rgba(6,23,17,.62),transparent 55%)}
.hero:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--leaf) 0 56%,var(--orange) 56%)}
.hero-inner{width:min(100%,var(--max));margin:auto;padding:clamp(7rem,13vw,12rem) var(--gutter) clamp(5rem,8vw,8rem)}
.hero-copy{max-width:950px}.hero h1{max-width:940px;margin:0 0 1.7rem;font-size:clamp(4.2rem,8.3vw,8.5rem)}
.hero p:not(.kicker){max-width:710px;margin:0 0 2.2rem;color:rgba(255,255,255,.78);font-size:clamp(1.1rem,1.8vw,1.45rem)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.hero-note{position:absolute;right:var(--gutter);bottom:2rem;display:grid;grid-template-columns:auto 1px auto;gap:1rem;align-items:center;padding:.9rem 1rem;background:rgba(6,23,17,.72);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}
.hero-note i{width:1px;height:24px;background:rgba(255,255,255,.28)}
.hero-secondary{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}.hero-secondary:hover{background:var(--orange);border-color:var(--orange)}
.footer-brand img{width:220px;filter:none;background:var(--cream);padding:.75rem}
@media(max-width:760px){.hero{min-height:calc(100svh - 72px);align-items:end}.hero:before{background:linear-gradient(0deg,rgba(6,23,17,.95),rgba(6,23,17,.26) 82%)}.hero-inner{padding-top:12rem}.hero h1{font-size:clamp(3.6rem,16vw,6rem)}.hero-note{display:none}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}}
/* Version 7: image-led editorial system */
.hero{min-height:clamp(660px,82svh,820px)}
.hero-inner{padding:clamp(7rem,11vw,10rem) var(--gutter) clamp(4.5rem,7vw,6.5rem)}
.hero-copy{max-width:980px}.hero h1{max-width:900px;font-size:clamp(3.8rem,5.8vw,6.4rem);line-height:.93}.hero p:not(.kicker){max-width:680px;font-size:clamp(1.05rem,1.35vw,1.3rem)}
.marquee{overflow:hidden;background:var(--leaf);color:var(--deep);border-bottom:1px solid rgba(12,45,33,.2)}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee span{display:flex;align-items:center;gap:1.2rem;padding:1rem 1.2rem;font-size:.77rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.marquee span:after{content:"✦";font-size:.8rem;color:var(--orange)}
@keyframes marquee{to{transform:translateX(-50%)}}
.statement h2{font-size:clamp(3rem,4.7vw,5rem)}
.operating-view{grid-template-columns:56% 44%}.operating-photo{min-height:680px;opacity:1!important;transform:none!important;clip-path:none!important}.operating-detail>div{padding:clamp(2.2rem,3.5vw,4rem)}.operating-detail h2{font-size:clamp(2.6rem,3.7vw,4.2rem);line-height:.98}.proof{min-width:0;padding:1.6rem clamp(1.25rem,2vw,2rem)}.proof strong{font-size:clamp(2.1rem,2.8vw,3rem);white-space:nowrap}.proof span{font-size:.72rem}
.route-heading{margin-bottom:clamp(3rem,5vw,5rem)}.route-heading h2{max-width:720px;font-size:clamp(3rem,4.2vw,4.6rem)}.capability{grid-template-columns:70px 1.05fr 1fr 36px;min-height:118px}.capability h3{font-size:clamp(1.9rem,2.7vw,3rem)}
.route-inline{display:grid;grid-template-columns:.9fr 2.1fr;margin-top:clamp(3rem,6vw,6rem);background:var(--deep);color:#fff;border-top:3px solid var(--leaf)}.route-intro{padding:2rem}.route-intro .kicker{margin-bottom:1rem}.route-intro strong{font-family:Reigo,Georgia,serif;font-size:clamp(1.7rem,2.2vw,2.4rem);font-weight:600}.route-inline ol{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none}.route-inline li{position:relative;min-height:150px;padding:2rem 1.1rem;border-left:1px solid rgba(255,255,255,.16)}.route-inline li b{display:block;margin-bottom:2.4rem;color:var(--orange);font-size:.7rem}.route-inline li span{font-size:.95rem}.route-inline li:not(:last-child):after{content:"→";position:absolute;z-index:2;right:-.48rem;top:50%;color:var(--leaf)}
.commodity-showcase{padding:var(--space) 0;background:var(--forest);color:#fff;overflow:hidden}.commodity-head{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;width:min(100%,var(--max));margin:0 auto clamp(3.5rem,6vw,6rem);padding-inline:var(--gutter)}.commodity-head h2{max-width:900px;margin:0;font-size:clamp(3.2rem,5vw,5.5rem)}.commodity-head>div:last-child{max-width:520px}.commodity-head>div:last-child p{color:rgba(255,255,255,.65)}.commodity-head .text-link{color:#fff}.commodity-rail{display:flex;gap:1rem;overflow-x:auto;padding:0 var(--gutter) 1.5rem;scroll-snap-type:x proximity;scrollbar-color:var(--leaf) rgba(255,255,255,.12)}.commodity-rail a{flex:0 0 clamp(280px,31vw,460px);scroll-snap-align:start;color:#fff}.commodity-rail img{width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.88);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s}.commodity-rail a:hover img{transform:scale(.985);filter:saturate(1.08)}.commodity-rail span{display:block;margin-top:1.25rem;color:var(--orange);font-size:.7rem;font-weight:700;letter-spacing:.1em}.commodity-rail h3{margin:.35rem 0;font-family:Reigo,Georgia,serif;font-size:clamp(2.3rem,3vw,3.5rem);font-weight:600}.commodity-rail p{margin:0;color:rgba(255,255,255,.58)}
.audience-heading{margin-bottom:clamp(3rem,5vw,5rem)}.audience-heading h2{max-width:800px}.audience-stories{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2vw,2rem)}.audience-story{display:grid;grid-template-rows:clamp(380px,32vw,520px) auto;background:var(--white);border:1px solid var(--line);color:var(--forest);overflow:hidden}.audience-story figure{margin:0;overflow:hidden}.audience-story figure img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.audience-story:hover figure img{transform:scale(1.025)}.audience-story>div{padding:clamp(2rem,4vw,4rem)}.audience-story h3{max-width:680px;margin:0 0 1.4rem;font-size:clamp(2.7rem,4vw,4.5rem);line-height:.98}.audience-story>div>p:not(.kicker){max-width:570px;color:var(--grey)}.audience-story .text-link{margin-top:1.5rem}
.motion-story{position:relative;height:min(62vw,760px);min-height:540px;overflow:hidden;background:var(--forest)}.motion-story>img{width:100%;height:100%;object-fit:cover}.motion-story:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(6,23,17,.86))}.motion-caption{position:absolute;z-index:2;right:var(--gutter);bottom:var(--gutter);left:var(--gutter);display:flex;justify-content:space-between;gap:2rem;align-items:end;color:#fff;text-transform:uppercase;letter-spacing:.12em}.motion-caption span{font-size:.75rem}.motion-caption strong{font-size:.8rem}
.reach-story{display:grid;grid-template-columns:1.05fr .95fr;min-height:720px;background:var(--forest);color:#fff}.reach-story figure{margin:0;overflow:hidden}.reach-story figure img{width:100%;height:100%;object-fit:cover}.reach-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,6vw,6rem)}.reach-panel h2{max-width:680px;margin:0 0 1.5rem;font-size:clamp(3.2rem,4.8vw,5.4rem);line-height:.98}.reach-panel>p:not(.kicker){max-width:600px;margin:0 0 2.5rem;color:rgba(255,255,255,.64)}.reach-network{border-top:1px solid rgba(255,255,255,.2)}.reach-network>div{display:grid;grid-template-columns:45px 1fr auto;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.2)}.reach-network b{color:var(--orange);font-size:.68rem}.reach-network strong{color:var(--leaf);font-size:1rem}.reach-network span{color:rgba(255,255,255,.58);font-size:.82rem;text-align:right}
.heading-row h2{font-size:clamp(3rem,4.8vw,5.3rem)}.split-copy h2{font-size:clamp(2.8rem,4.3vw,4.8rem)}
main:has(>.page-hero){display:grid;grid-template-columns:1fr}.page-hero{position:relative;z-index:2;grid-column:1!important;grid-row:1;min-height:clamp(600px,72svh,760px);align-items:end;padding:clamp(5rem,9vw,8rem) var(--gutter);background:linear-gradient(90deg,rgba(6,23,17,.93) 0%,rgba(6,23,17,.7) 48%,rgba(6,23,17,.18) 80%),linear-gradient(0deg,rgba(6,23,17,.5),transparent 55%)}.page-hero-inner{max-width:900px}.page-hero h1{max-width:850px;font-size:clamp(3.5rem,5.2vw,5.8rem);line-height:.96}.page-hero .lead{max-width:720px;color:rgba(255,255,255,.82)}main>.page-visual{position:relative;z-index:1;grid-column:1!important;grid-row:1;min-height:clamp(600px,72svh,760px)}main>.page-visual~*{grid-column:1}.page-visual.tall{min-height:clamp(600px,72svh,760px)}
.image-reveal{clip-path:none}.split-media.reveal,.page-visual,.motion-story,.operating-photo{opacity:1!important;transform:none!important}
@media(max-width:1080px){.route-inline{grid-template-columns:1fr}.route-inline ol{border-top:1px solid rgba(255,255,255,.16)}.commodity-head{grid-template-columns:1fr;gap:1.5rem}.audience-story{grid-template-rows:clamp(360px,44vw,480px) auto}.reach-story{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero{min-height:650px}.hero-inner{padding:8rem var(--gutter) 4rem}.hero h1{font-size:clamp(3rem,12vw,4.5rem)}.hero p:not(.kicker){font-size:1rem}.statement h2{font-size:clamp(2.8rem,11vw,4rem)}.operating-view{grid-template-columns:1fr}.operating-photo{min-height:480px}.operating-detail h2{font-size:clamp(2.6rem,10vw,3.5rem)}.proof strong{font-size:clamp(1.8rem,8vw,2.6rem)}.route-inline ol{grid-template-columns:1fr}.route-inline li{min-height:0;padding:1.2rem 1.5rem;border-left:0;border-bottom:1px solid rgba(255,255,255,.16)}.route-inline li b{display:inline-block;width:44px;margin:0}.route-inline li:not(:last-child):after{display:none}.commodity-head h2{font-size:clamp(2.8rem,11vw,4rem)}.commodity-rail a{flex-basis:82vw}.audience-stories{grid-template-columns:1fr}.audience-story{grid-template-rows:390px auto}.audience-story h3{font-size:clamp(2.7rem,11vw,3.8rem)}.motion-story{height:560px;min-height:0}.motion-caption{flex-direction:column;align-items:flex-start}.reach-story{grid-template-columns:1fr}.reach-story figure{min-height:480px}.reach-panel h2{font-size:clamp(2.9rem,11vw,4rem)}.reach-network>div{grid-template-columns:36px 1fr}.reach-network span{grid-column:2;text-align:left}.page-hero,.page-visual,.page-visual.tall{min-height:600px}.page-hero{padding:7rem var(--gutter) 3.5rem;background:linear-gradient(0deg,rgba(6,23,17,.94),rgba(6,23,17,.28) 86%)}.page-hero h1{font-size:clamp(3rem,12vw,4.4rem)}.page-hero .lead{font-size:1.05rem}.breadcrumbs{margin-bottom:1.5rem}}
@media(max-width:480px){.proof strong{font-size:1.75rem}.audience-story{grid-template-rows:330px auto}.motion-story{height:480px}.reach-story figure{min-height:400px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.image-reveal{clip-path:none}.marquee-track{animation:none}}

/* Version 8: floating navigation, spatial route and richer motion */
body{padding-top:106px}
.header{position:fixed;top:18px;left:50%;width:min(calc(100% - 36px),1480px);height:70px;transform:translateX(-50%);border:1px solid rgba(12,45,33,.18);border-radius:8px;background:rgba(244,245,238,.88);box-shadow:0 16px 50px rgba(6,23,17,.12);transition:top .35s,background .35s,box-shadow .35s;overflow:visible}
.header.is-scrolled{top:10px;background:rgba(244,245,238,.96);box-shadow:0 18px 55px rgba(6,23,17,.18)}
.nav{font-size:.82rem;font-weight:700}.nav-group>button{font-weight:700}.nav>a,.nav-group>button{padding:1.45rem 0}.nav>a:before,.nav-group>button:before{bottom:1rem}.dropdown{border-radius:6px;box-shadow:0 18px 45px rgba(6,23,17,.14)}
.hero{min-height:clamp(660px,calc(92svh - 106px),860px)}
.hero>img,.motion-story>img,[data-parallax]{transform:scale(1.06);will-change:transform}
.hero-copy>*{transition-delay:calc(var(--stagger,0) * 90ms)}
.capability{transition:background .35s,padding-left .35s}.capability:hover{padding-left:1rem;background:rgba(255,255,255,.42)}.capability i{transition:transform .3s}.capability:hover i{transform:translate(5px,-5px)}
.motion-story{margin-bottom:0}.motion-caption{padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.4)}
.route-interlude{padding:clamp(5rem,8vw,8rem) var(--gutter)}
.route-shell{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,2.22fr);width:min(100%,var(--max));margin:auto;background:var(--deep);color:#fff;border-top:4px solid var(--leaf);box-shadow:0 30px 80px rgba(12,45,33,.12)}
.route-intro{position:relative;padding:clamp(2.2rem,4vw,4rem);overflow:hidden}.route-intro:after{content:"";position:absolute;width:170px;height:170px;right:-80px;bottom:-80px;border:1px solid rgba(135,204,2,.35);border-radius:50%}.route-intro h2{margin:0 0 1.3rem;font-size:clamp(2.3rem,3.3vw,4rem);line-height:.98}.route-intro>p:last-child{max-width:300px;margin:0;color:rgba(255,255,255,.58)}
.route-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none}
.route-steps li{position:relative;display:flex;min-width:0;min-height:280px;padding:clamp(1.5rem,2vw,2.2rem) 1.15rem;flex-direction:column;justify-content:space-between;border-left:1px solid rgba(255,255,255,.15);outline:0;transition:background .35s,color .35s}.route-steps li:before{content:"";position:absolute;inset:auto 0 0;height:0;background:var(--leaf);transition:height .35s cubic-bezier(.2,.7,.2,1);z-index:0}.route-steps li>*{position:relative;z-index:1}.route-steps li:hover:before,.route-steps li:focus-visible:before,.route-steps li.active:before{height:100%}.route-steps li:hover,.route-steps li:focus-visible,.route-steps li.active{color:var(--deep)}.route-steps b{color:var(--orange);font-size:.72rem}.route-steps span{font-size:clamp(.8rem,1.02vw,1rem);font-weight:600;white-space:nowrap}.route-steps li:not(:last-child):after{content:"→";position:absolute;z-index:3;right:-.55rem;top:50%;color:var(--leaf);transition:transform .3s}.route-steps li:hover:after{transform:translateX(4px)}
.reach-story{position:relative;min-height:800px;border-top:1px solid rgba(255,255,255,.12)}.reach-story figure{clip-path:inset(0);transition:clip-path .9s}.reach-story figure img{transition:transform .15s linear}.reach-panel{position:relative;overflow:hidden}.reach-mark{position:absolute;width:min(62%,440px);right:-12%;top:-8%;opacity:.055;transform:rotate(-8deg);pointer-events:none}.reach-panel>*:not(.reach-mark){position:relative;z-index:1}.reach-panel h2{font-size:clamp(3rem,4.4vw,5rem)}
.reach-network{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16)}.reach-network button{display:grid;grid-template-columns:30px 1fr;gap:.25rem .7rem;align-items:center;padding:1.15rem;text-align:left;color:#fff;background:var(--forest);border:0;cursor:pointer;transition:background .3s,color .3s,transform .3s}.reach-network button:last-child{grid-column:1/-1}.reach-network button:hover,.reach-network button.active,.reach-network button:focus-visible{background:var(--leaf);color:var(--deep);transform:translateY(-2px)}.reach-network b{grid-row:1/3;color:var(--orange);font-size:.68rem}.reach-network strong{color:inherit;font-size:1rem;white-space:nowrap}.reach-network span{color:inherit;font-size:.75rem;text-align:left;opacity:.62}
@media(max-width:1180px){.route-shell{grid-template-columns:1fr}.route-steps{border-top:1px solid rgba(255,255,255,.15)}.route-steps li{min-height:190px}.route-intro br{display:none}}
@media(max-width:760px){body{padding-top:88px}.header{top:10px;width:calc(100% - 20px);height:62px;padding-inline:1rem}.header.is-scrolled{top:6px}.logo img{width:155px}.mobile-nav{top:0;z-index:998;padding-top:100px}.hero{min-height:650px}.route-interlude{padding:4rem 1rem}.route-steps{grid-template-columns:1fr}.route-steps li{display:grid;grid-template-columns:42px 1fr;min-height:0;padding:1.1rem 1.3rem;border-left:0;border-bottom:1px solid rgba(255,255,255,.15)}.route-steps li:before{inset:0 auto 0 0;width:0;height:auto}.route-steps li:hover:before,.route-steps li:focus-visible:before,.route-steps li.active:before{width:100%;height:auto}.route-steps li:not(:last-child):after{content:"↓";top:auto;right:1.2rem;bottom:-.65rem}.route-steps span{white-space:normal}.reach-story{min-height:0}.reach-story figure{min-height:460px}.reach-network{grid-template-columns:1fr}.reach-network button:last-child{grid-column:auto}.reach-panel{padding:4.5rem 1.25rem}}

/* Version 9: immersive editorial flow */
body{padding-top:0}
.header{mix-blend-mode:normal}.header .btn{white-space:nowrap}
.hero{min-height:clamp(570px,76svh,710px)}.hero-inner{padding-top:clamp(8rem,13vw,11rem);padding-bottom:clamp(3.5rem,6vw,5rem)}
main:has(>.page-hero){grid-template-columns:1fr}.page-hero,main>.page-visual,.page-visual.tall{min-height:clamp(520px,64svh,650px)}.page-hero{padding-top:clamp(8rem,13vw,10rem);padding-bottom:clamp(3rem,5vw,4.5rem)}.page-visual img{transform:scale(1.045);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.page-visual:hover img{transform:scale(1.075)}
.marquee+.section{padding-top:clamp(4rem,6vw,6.5rem);padding-bottom:clamp(4.5rem,7vw,7rem)}.statement{align-items:start;gap:clamp(3rem,7vw,8rem)}.statement h2{max-width:930px}.statement-copy{padding-top:.4rem}
.detail-grid{grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:clamp(3rem,8vw,9rem)}.detail-list article{grid-template-columns:64px minmax(0,1fr);padding:clamp(1.6rem,3vw,2.8rem) 0}.detail-list article:before{grid-row:1/3}.detail-list h3,.detail-list p{grid-column:2}.detail-list h3{font-size:clamp(1.35rem,2vw,1.8rem)}.detail-list p{max-width:720px;font-size:1rem;line-height:1.7}.detail-list article{transition:padding-left .35s,background .35s}.detail-list article:hover{padding-left:1rem;background:linear-gradient(90deg,rgba(135,204,2,.09),transparent)}
.pillar{position:relative;overflow:hidden;transition:padding-left .35s,background .35s,transform .3s}.pillar:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--leaf);transition:width .45s cubic-bezier(.2,.7,.2,1)}.pillar:hover{padding-left:1rem;background:rgba(135,204,2,.06)}.pillar:hover:after{width:100%}
.split{overflow:hidden}.split-media img{transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s}.split:hover .split-media img{transform:scale(1.045);filter:saturate(1.08)}
.motion-card{position:relative;isolation:isolate;will-change:transform;transition:transform .25s ease,box-shadow .35s}.motion-card:before{content:"";position:absolute;z-index:-1;inset:0;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(135,204,2,.15),transparent 48%);transition:opacity .3s}.motion-card:hover:before{opacity:1}.motion-card:hover{box-shadow:0 24px 60px rgba(6,23,17,.09)}
.text-link span,.text-link b,.btn span{display:inline-block;transition:transform .3s}.text-link:hover span,.text-link:hover b,.btn:hover span{transform:translate(4px,-4px)}
.reveal:nth-child(even){transition-delay:.08s}.pillar-grid .reveal:nth-child(2),.insight-grid .reveal:nth-child(2),.insight-grid .reveal:nth-child(5){transition-delay:.12s}.pillar-grid .reveal:nth-child(3),.insight-grid .reveal:nth-child(3),.insight-grid .reveal:nth-child(6){transition-delay:.2s}
body[data-page="solutions"] .pillar:nth-child(even),body[data-page="industrial-buyers"] .pillar:nth-child(even),body[data-page="suppliers"] .pillar:nth-child(even){padding-left:clamp(1rem,4vw,5rem)}
body[data-page="solutions"] .detail-list article:nth-child(even),body[data-page="industrial-buyers"] .detail-list article:nth-child(even),body[data-page="suppliers"] .detail-list article:nth-child(even){margin-left:clamp(0rem,4vw,4rem)}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.insight-card{min-height:330px;padding:clamp(1.7rem,3vw,3rem);background:var(--cream);transition:background .35s,color .35s}.insight-card:hover{background:var(--forest);color:#fff}.insight-card b{color:var(--orange);font-size:.72rem}.insight-card h2{margin:4rem 0 1rem;font-family:Reigo,Georgia,serif;font-size:clamp(2rem,3vw,3.3rem);line-height:1}.insight-card p{color:var(--grey)}.insight-card:hover p{color:rgba(255,255,255,.65)}
.request-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,8rem);align-items:start}.request-aside{position:sticky;top:110px}.request-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.request-form label{display:grid;gap:.5rem;font-size:.78rem;font-weight:700}.request-form label.full{grid-column:1/-1}.request-form input,.request-form select,.request-form textarea{width:100%;padding:1rem;border:1px solid var(--line);border-radius:0;background:#fff;color:var(--forest);outline:none;transition:border-color .25s,box-shadow .25s}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:var(--leaf);box-shadow:0 0 0 4px rgba(135,204,2,.13)}.request-form textarea{min-height:150px;resize:vertical}.request-form .btn{justify-self:start}.request-notes{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--grey)}
@media(max-width:1080px){.insight-grid{grid-template-columns:1fr 1fr}.request-layout{grid-template-columns:1fr}.request-aside{position:relative;top:auto}.page-hero,main>.page-visual,.page-visual.tall{min-height:580px}}
@media(max-width:760px){body{padding-top:0}.hero{min-height:600px}.hero-inner{padding-top:8rem}.page-hero,main>.page-visual,.page-visual.tall{min-height:540px}.page-hero{padding-top:7.5rem}.detail-grid{grid-template-columns:1fr}.detail-list article{grid-template-columns:42px minmax(0,1fr)}.insight-grid,.request-form{grid-template-columns:1fr}.request-form label.full{grid-column:auto}.header>.btn{display:none}}

/* Version 10: image-led density and balanced editorial spacing */
:root{--space:clamp(4.25rem,7vw,7.5rem)}
.section{padding-block:var(--space)}
.marquee+.section{padding-block:clamp(3.5rem,5vw,5.25rem)}
.statement{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center}.statement h2{font-size:clamp(3.2rem,5.5vw,6.2rem)}
.intro-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(3rem,7vw,7rem);align-items:center}.intro-grid h2{font-size:clamp(3rem,4.7vw,5.2rem);overflow-wrap:normal}.intro-grid .body{padding-block:1rem}
.heading-row{margin-bottom:clamp(2.5rem,4vw,4rem)}
.pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}
.pillar,.pillar:nth-child(even),body[data-page="solutions"] .pillar:nth-child(even),body[data-page="industrial-buyers"] .pillar:nth-child(even),body[data-page="suppliers"] .pillar:nth-child(even){display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto 1fr auto;gap:1rem;min-height:330px;padding:clamp(1.6rem,3vw,3rem);background:var(--cream)}
.section-pale .pillar{background:#eff8dc}.pillar b{grid-row:1;grid-column:1}.pillar h2,.pillar h3{grid-row:2;grid-column:1/-1;align-self:end;font-size:clamp(2.15rem,3.1vw,3.5rem)}.pillar p{grid-row:3;grid-column:1/-1;max-width:560px}.pillar:before{content:"";grid-column:2;justify-self:end;width:44px;height:44px;border:1px solid rgba(135,204,2,.55);border-radius:50%}.pillar:hover{padding-left:clamp(1.6rem,3vw,3rem);background:var(--forest);color:#fff}.pillar:hover p{color:rgba(255,255,255,.65)}
.detail-grid{display:block}.sticky-title{position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,7rem);align-items:end;margin-bottom:clamp(2.5rem,4vw,4rem)}.sticky-title .kicker{align-self:start}.sticky-title h2{max-width:780px;font-size:clamp(3rem,4.7vw,5.2rem)!important}.detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line)}.detail-list article,.detail-list article:nth-child(even),body[data-page="solutions"] .detail-list article:nth-child(even),body[data-page="industrial-buyers"] .detail-list article:nth-child(even),body[data-page="suppliers"] .detail-list article:nth-child(even){display:grid;grid-template-columns:48px 1fr;margin:0;padding:clamp(1.5rem,2.6vw,2.6rem);min-height:230px;background:var(--cream);border:0}.section-pale .detail-list article{background:#eff8dc}.detail-list article:before{grid-row:1;grid-column:1}.detail-list h3{grid-row:2;grid-column:1/-1;align-self:end;margin:1.8rem 0 .7rem;font-size:clamp(1.55rem,2.2vw,2.15rem)}.detail-list p{grid-row:3;grid-column:1/-1}.detail-list article:hover{padding-left:clamp(1.5rem,2.6vw,2.6rem);background:var(--forest)}.detail-list article:hover h3{color:#fff}.detail-list article:hover p{color:rgba(255,255,255,.65)}
.visual-strip{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:4px;height:clamp(330px,38vw,560px);padding:4px;background:var(--leaf);overflow:hidden}.visual-strip figure{position:relative;margin:0;overflow:hidden;background:var(--forest)}.visual-strip figure:nth-child(2){margin-top:clamp(2rem,5vw,5rem)}.visual-strip img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .8s}.visual-strip figure:hover img{transform:scale(1.055);filter:saturate(1.12)}.visual-strip-mark figure:nth-child(2){display:grid;place-items:center;margin-top:0;background:var(--forest);padding:clamp(2rem,5vw,5rem)}.visual-strip-mark figure:nth-child(2) img{object-fit:contain;filter:none;transform:none!important}
.commodity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.commodity-card{display:grid;grid-template-rows:240px 1fr;min-height:0;padding:0;border:0;background:var(--cream)}.commodity-card:nth-child(even){border:0}.commodity-card figure{margin:0;overflow:hidden;background:var(--forest)}.commodity-card figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.commodity-card>div{display:flex;min-height:230px;padding:1.4rem;flex-direction:column}.commodity-card h3{margin:auto 0 .45rem;font-size:clamp(2rem,2.6vw,3.2rem)}.commodity-card:after{display:none}.commodity-card:hover{background:var(--forest)}.commodity-card:hover figure img{transform:scale(1.06);filter:saturate(1.1)}
.numbers{position:relative}.number{padding:clamp(2rem,3vw,3.5rem)}.number strong{font-size:clamp(3.5rem,5.8vw,6.5rem)}.number strong>span{color:inherit;font:inherit;letter-spacing:inherit;text-transform:none}.number>span{display:block;margin-top:1rem;font-size:.78rem}.numbers:before{content:"";position:absolute;right:1.5rem;top:-5rem;width:110px;height:145px;background:url("offtake-mark.png") center/contain no-repeat;opacity:.08;pointer-events:none}
.reach-mark{transform:none}.reach-panel:after{content:"";position:absolute;right:2rem;bottom:2rem;width:46px;height:46px;border:1px solid rgba(135,204,2,.38);border-radius:50%;box-shadow:24px -24px 0 -23px var(--orange)}
.section-pale{position:relative}.section-pale:before{content:"";position:absolute;right:var(--gutter);top:2rem;width:34px;height:34px;border-top:2px solid var(--orange);border-right:2px solid var(--orange);opacity:.55}
@media(max-width:1180px){.commodity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--space:4rem}.statement,.intro-grid,.sticky-title{grid-template-columns:1fr;gap:1.5rem}.statement h2,.intro-grid h2{font-size:clamp(2.75rem,11vw,4rem)}.pillar-grid,.detail-list{grid-template-columns:1fr}.pillar,.pillar:nth-child(even),.detail-list article,.detail-list article:nth-child(even){min-height:240px}.visual-strip{grid-template-columns:1fr 1fr;height:430px}.visual-strip figure:nth-child(2){margin-top:2rem}.visual-strip figure:nth-child(3){display:none}.commodity-grid{grid-template-columns:1fr}.commodity-card{grid-template-columns:1fr 1fr;grid-template-rows:260px}.commodity-card>div{min-height:0}.numbers:before{display:none}}
@media(max-width:480px){.visual-strip{height:330px}.commodity-card{grid-template-columns:1fr;grid-template-rows:220px auto}.commodity-card>div{min-height:210px}}
.pillar.motion-card:before{position:static;inset:auto;z-index:auto;opacity:1;background:transparent;transition:none}

/* Version 11: rounded image-led product architecture */
.section-pale:before,.reach-panel:after,.pillar:before,.pillar.motion-card:before{display:none}
.section-pale{overflow:hidden}.section-pale:after,.product-overview:after{content:"";position:absolute;z-index:0;right:-3rem;top:12%;width:clamp(180px,18vw,320px);height:clamp(240px,24vw,430px);background:url("offtake-mark.png") center/contain no-repeat;opacity:.035;pointer-events:none}.section-pale>.wrap,.product-overview>.wrap{position:relative;z-index:1}
.split,.audience-story,.insight-card{border-radius:28px}.split-media{border-radius:28px 0 0 28px}.split.reverse .split-media{border-radius:0 28px 28px 0}.split-copy{border-radius:0 28px 28px 0}.split.reverse .split-copy{border-radius:28px 0 0 28px}
.visual-strip{width:min(calc(100% - 2*var(--gutter)),var(--max));height:clamp(360px,42vw,620px);margin:0 auto;padding:0;gap:clamp(.7rem,1.5vw,1.5rem);background:transparent}.visual-strip figure{border-radius:clamp(22px,2.5vw,42px)}
.supply-mosaic{grid-template-columns:1.05fr .8fr 1.15fr;grid-template-rows:1fr 1fr;height:clamp(560px,58vw,780px)}.supply-mosaic figure:first-child{grid-row:1/3}.supply-mosaic figure:nth-child(2){grid-column:2;margin:0 0 2.5rem}.supply-mosaic figure:nth-child(3){grid-column:3;grid-row:1/3;margin-top:4rem}
.commodity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,1.8vw,1.75rem);border:0;background:transparent}.commodity-card{grid-template-rows:clamp(250px,23vw,350px) auto auto;border-radius:28px;background:#fff;box-shadow:0 14px 42px rgba(6,23,17,.08);overflow:hidden}.commodity-card:nth-child(3n+2){transform:translateY(2.5rem)}.commodity-card figure{border-radius:24px 24px 0 0}.commodity-card>div{min-height:215px;padding:1.6rem 1.6rem .75rem}.commodity-card h3{font-size:clamp(2rem,3vw,3.45rem)}.commodity-link{display:flex;justify-content:space-between;padding:1rem 1.6rem 1.35rem;color:#5a8801;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.commodity-card:hover .commodity-link{color:var(--leaf)}
.journey-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:min(100%,920px);margin:0 auto 2rem;padding:.55rem;border-radius:999px;background:#d7fb96}.journey-tabs button{min-height:64px;padding:.8rem 1.4rem;border:0;border-radius:999px;background:transparent;color:var(--forest);font-size:1rem;font-weight:700;cursor:pointer;transition:background .35s,color .35s,transform .3s}.journey-tabs button[aria-selected="true"]{background:var(--forest);color:#fff}.journey-tabs button:hover{transform:translateY(-2px)}
.journey-panel{display:grid;grid-template-columns:.9fr 1.1fr;min-height:520px;overflow:hidden;border-radius:38px;background:#fff;box-shadow:0 24px 70px rgba(6,23,17,.1)}.journey-panel[hidden]{display:none}.journey-panel>div{display:flex;padding:clamp(2rem,5vw,5rem);flex-direction:column;justify-content:center}.journey-panel b{color:var(--orange);font-size:.72rem}.journey-panel h3{margin:1.2rem 0;font-family:Reigo,Georgia,serif;font-size:clamp(2.6rem,4.2vw,4.8rem);line-height:.98}.journey-panel p{max-width:540px;color:var(--grey);font-size:1.1rem}.journey-panel figure{margin:0;overflow:hidden}.journey-panel img{width:100%;height:100%;object-fit:cover;animation:panel-in .65s cubic-bezier(.2,.7,.2,1)}
@keyframes panel-in{from{opacity:.35;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}
.product-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:clamp(610px,78svh,790px);padding:1rem;background:var(--forest);color:#fff}.product-hero figure{margin:0;overflow:hidden;border-radius:34px}.product-hero figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.product-hero:hover figure img{transform:scale(1.035)}.product-hero-copy{display:flex;padding:clamp(7.5rem,10vw,10rem) clamp(2rem,5vw,5rem) clamp(3rem,5vw,5rem);flex-direction:column;justify-content:flex-end}.product-hero h1{margin:0 0 1rem;font-size:clamp(4.5rem,8vw,9rem)}.product-hero-copy>p:not(.kicker){max-width:540px;color:rgba(255,255,255,.68);font-size:1.15rem}.product-hero .btn{align-self:flex-start;margin-top:1.5rem}.product-overview{position:relative;overflow:hidden}.product-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,9rem);align-items:end}.product-intro h2{max-width:760px;margin:0;font-size:clamp(3rem,4.8vw,5.3rem)}.product-checks{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(3rem,6vw,6rem);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-checks article{display:flex;min-height:160px;padding:1.5rem;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.product-checks article:last-child{border:0}.product-checks b{color:var(--orange);font-size:.7rem}.product-checks span{font-weight:600}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2vw,2rem)}.related-grid a{position:relative;min-height:380px;overflow:hidden;border-radius:28px;color:#fff}.related-grid img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.related-grid a:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(6,23,17,.86))}.related-grid a:hover img{transform:scale(1.05)}.related-grid span{position:absolute;z-index:2;left:1.5rem;right:1.5rem;bottom:1.5rem;font-family:Reigo,serif;font-size:2rem}
@media(max-width:1080px){.commodity-grid{grid-template-columns:repeat(2,1fr)}.commodity-card:nth-child(3n+2){transform:none}.product-hero{grid-template-columns:1fr}.product-hero figure{min-height:520px}.product-hero-copy{padding-top:3rem}.product-intro{grid-template-columns:1fr}.product-checks{grid-template-columns:1fr 1fr}.product-checks article:nth-child(2){border-right:0}.journey-panel{grid-template-columns:1fr}.journey-panel figure{min-height:430px}}
@media(max-width:760px){.section-pale:after,.product-overview:after{width:170px;height:230px;right:-4rem}.split,.split-media,.split.reverse .split-media,.split-copy,.split.reverse .split-copy{border-radius:24px}.visual-strip{width:calc(100% - 2rem)}.supply-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:520px}.supply-mosaic figure:first-child{grid-row:1/3}.supply-mosaic figure:nth-child(2){display:block;grid-column:2;margin:0}.supply-mosaic figure:nth-child(3){display:block;grid-column:2;grid-row:2;margin:0}.commodity-grid{grid-template-columns:1fr}.commodity-card{grid-template-columns:1fr;grid-template-rows:250px auto auto}.journey-tabs{gap:.2rem}.journey-tabs button{min-height:54px;padding:.6rem}.journey-panel{min-height:0;border-radius:26px}.journey-panel figure{min-height:330px}.product-hero{padding:.5rem}.product-hero figure{min-height:460px;border-radius:24px}.product-hero h1{font-size:clamp(4rem,19vw,6rem)}.product-checks,.related-grid{grid-template-columns:1fr}.product-checks article{min-height:110px;border-right:0;border-bottom:1px solid var(--line)}.related-grid a{min-height:320px}}
/* Version 12 — editorial, image-led system */
:root{--radius-xl:36px;--radius-lg:28px;--radius-md:18px;--radius-pill:999px}
.header{border-radius:var(--radius-pill)!important;padding:.65rem .75rem .65rem 1.25rem}
.dropdown{border-radius:var(--radius-md)!important;overflow:hidden}
.menu,.btn{border-radius:var(--radius-pill)!important}
.page-visual,.page-visual img,.split,.audience-story,.featured-story,.story-grid article,.visual-strip figure,.request-form{border-radius:var(--radius-xl)!important}
.page-visual{overflow:hidden;margin-inline:var(--gutter);width:auto}
body[data-page="sustainability"] .page-hero{min-height:auto;padding-bottom:3rem}
body[data-page="sustainability"] .page-visual.tall{height:clamp(360px,48vw,540px);min-height:0}
body[data-page="sustainability"] .page-visual.tall img{height:100%;object-fit:cover;object-position:center 38%!important}

/* All former table-like modules become photographic editorial cards. */
.pillar-grid,.values,.detail-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.5rem!important;border:0!important;background:transparent!important}
.values{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pillar,.value,.detail-list article{position:relative;isolation:isolate;display:flex!important;flex-direction:column;justify-content:flex-end;min-height:clamp(320px,33vw,470px);padding:clamp(1.5rem,3vw,2.8rem)!important;border:0!important;border-radius:var(--radius-lg)!important;overflow:hidden;color:#fff!important;background-position:center!important;background-size:cover!important;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}
.pillar:hover,.value:hover,.detail-list article:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(3,30,21,.18)}
.pillar:after,.value:after,.detail-list article:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,35,25,.04) 22%,rgba(4,35,25,.94) 100%)}
.pillar h2,.pillar h3,.value h3,.detail-list h3,.pillar p,.value p,.detail-list p,.pillar b,.value b{position:relative;color:inherit!important;max-width:34rem}
.pillar h2,.pillar h3,.value h3,.detail-list h3{font-family:var(--serif);font-size:clamp(2rem,3vw,3.5rem)!important;line-height:.98;margin:.75rem 0 1rem}
.pillar p,.value p,.detail-list p{font-size:1.05rem;line-height:1.55;margin:0;opacity:.88}
.pillar b,.value b{color:var(--leaf)!important}
.pillar:nth-child(4n+1),.detail-list article:nth-child(4n+1),.value:nth-child(1){background-image:url("commodity-warehouse.webp")}
.pillar:nth-child(4n+2),.detail-list article:nth-child(4n+2),.value:nth-child(2){background-image:url("quality-control.webp")}
.pillar:nth-child(4n+3),.detail-list article:nth-child(4n+3),.value:nth-child(3){background-image:url("farmer-traceability.webp")}
.pillar:nth-child(4n),.detail-list article:nth-child(4n){background-image:url("logistics-loading.webp")}
.detail-grid{grid-template-columns:minmax(260px,.65fr) minmax(0,1.6fr)!important;gap:clamp(2rem,6vw,7rem)!important;align-items:start}
.sticky-title{top:8rem}

/* Aligned, image-led commodity catalogue. */
.commodity-grid{align-items:stretch!important;grid-auto-rows:1fr}
.commodity-card,.commodity-card:nth-child(3n+2){transform:none!important;height:100%}
.commodity-card:hover{transform:translateY(-8px)!important}
.commodity-card figure{height:clamp(260px,29vw,430px)!important}
.commodity-card .content{min-height:210px;display:flex;flex-direction:column;justify-content:flex-end}

/* Sustainability statement uses photography, not a flat colour panel. */
.quote-band{position:relative;margin:0 var(--gutter) clamp(2rem,5vw,5rem);border-radius:var(--radius-xl);overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(4,35,25,.94),rgba(4,35,25,.48)),url("farming-partners.webp") center 42%/cover!important}
.quote-band blockquote,.quote-band cite{color:#fff!important}

/* Market intelligence is an editorial blog. */
.blog-hero{padding:clamp(9rem,14vw,13rem) var(--gutter) clamp(4rem,8vw,7rem);background:var(--paper)}
.blog-heading{display:grid;grid-template-columns:1fr 1.4fr;align-items:end;gap:3rem;margin-bottom:clamp(3rem,7vw,7rem)}
.blog-heading .kicker{grid-column:1}.blog-heading h1{grid-column:1;font-size:clamp(4rem,8vw,8rem);line-height:.88;margin:0}.blog-heading>p:last-child{grid-column:2;font-size:clamp(1.3rem,2vw,2rem);max-width:32rem;color:var(--muted)}
.featured-story{display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;background:var(--dark);color:#fff}
.featured-story figure{min-height:520px;margin:0}.featured-story img{width:100%;height:100%;object-fit:cover}
.featured-story>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,5rem)}
.featured-story span,.story-grid span{color:var(--leaf);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}
.featured-story h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.95;margin:1rem 0 1.5rem}.featured-story p{font-size:1.15rem;line-height:1.6;color:rgba(255,255,255,.76)}
.blog-bar{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:1.25rem;margin-bottom:2rem}.blog-bar h2{font-size:clamp(2rem,4vw,4rem);margin:0}.blog-bar div{color:var(--muted)}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.story-grid article{overflow:hidden;background:#fff;transition:transform .45s ease,box-shadow .45s ease}.story-grid article:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(3,30,21,.12)}
.story-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.story-grid article>div{padding:1.6rem}.story-grid h3{font-family:var(--serif);font-size:clamp(1.8rem,2.6vw,2.8rem);line-height:1;margin:1rem 0}.story-grid p{color:var(--muted);line-height:1.55}
.article-stream article{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,8vw,9rem);align-items:start}.article-stream h2{font-size:clamp(3rem,6vw,6rem);line-height:.92;margin:1rem 0}.article-stream article>div{padding-top:3rem}.article-stream article>div p{line-height:1.7}

/* Contact form becomes the main action. */
.contact-form-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(2rem,7vw,8rem);align-items:start}
.contact-form-layout .display{font-size:clamp(3rem,6vw,6rem);line-height:.92;margin:1rem 0}.request-form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;padding:clamp(1.5rem,4vw,3.5rem);background:#fff;box-shadow:0 24px 70px rgba(3,30,21,.08)}
.request-form label{display:flex;flex-direction:column;gap:.6rem;font-weight:750}.request-form .full{grid-column:1/-1}
.request-form input,.request-form select,.request-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:1rem;background:var(--paper);font:inherit;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}
.request-form textarea{min-height:150px;resize:vertical}.request-form input:focus,.request-form select:focus,.request-form textarea:focus{border-color:var(--leaf);box-shadow:0 0 0 4px rgba(131,204,0,.16)}
.request-form .success{grid-column:1/-1;margin:0;display:none;color:var(--green)}

@media(max-width:900px){.pillar-grid,.values,.detail-list,.story-grid{grid-template-columns:1fr!important}.detail-grid,.blog-heading,.featured-story,.article-stream article,.contact-form-layout{grid-template-columns:1fr!important}.blog-heading>*{grid-column:1!important}.featured-story figure{min-height:360px}.blog-bar{display:block}.blog-bar div{margin-top:.75rem}.request-form{grid-template-columns:1fr}.request-form label{grid-column:1!important}.pillar,.value,.detail-list article{min-height:380px}.page-visual{margin-inline:1rem}}

/* Version 13 — precision corrections */
.header{border-radius:8px!important;padding:0 var(--gutter)}
.nav-group>button{display:inline-flex!important;align-items:center;white-space:nowrap;line-height:1}
.nav-group>button span{display:inline-block;line-height:1;transform:translateY(-1px)}
.footer-brand img{filter:brightness(0) invert(1)!important;opacity:1}

/* Inner-page heroes return to a consistent, full-bleed silhouette. */
.page-visual,.page-visual img{border-radius:0!important}
.page-visual{width:100%!important;margin:0!important;min-height:clamp(600px,72svh,760px)!important}
.page-hero{min-height:clamp(600px,72svh,760px)!important;align-items:center!important;padding-top:clamp(5rem,8vw,7rem)!important;padding-bottom:clamp(2rem,4vw,4rem)!important}
.page-hero-inner{transform:translateY(-8%)}
body[data-page="sustainability"] .page-hero,body[data-page="sustainability"] .page-visual.tall{height:auto!important;min-height:clamp(600px,72svh,760px)!important}

/* Stronger container edges and exact media alignment. */
.split{outline:1px solid rgba(12,45,33,.15);outline-offset:-1px;box-shadow:0 18px 52px rgba(6,23,17,.07)}
.split-copy,.split-media{min-height:650px}
.visual-strip,.supply-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:1fr!important;height:clamp(420px,42vw,620px)!important}
.visual-strip figure,.supply-mosaic figure,.visual-strip figure:nth-child(2),.supply-mosaic figure:first-child,.supply-mosaic figure:nth-child(2),.supply-mosaic figure:nth-child(3){grid-column:auto!important;grid-row:auto!important;margin:0!important;height:100%!important}
.visual-strip img{width:100%;height:100%;object-fit:cover}

/* Compact horizontal process rails replace long stacked presentations. */
.horizontal-process{display:flex!important;grid-template-columns:none!important;gap:1.25rem!important;overflow-x:auto;padding:1rem 0 2rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--leaf) transparent}
.horizontal-process>article{flex:0 0 min(76vw,460px);min-height:440px!important;scroll-snap-align:start}
.supplier-benefits{display:flex!important;overflow-x:auto;gap:1.25rem!important;padding:1rem 0 2rem;scroll-snap-type:x mandatory}
.supplier-benefits>.pillar{flex:0 0 min(76vw,460px);min-height:440px;scroll-snap-align:start}

/* Partner journey borrows the homepage route rhythm and carries the Offtake mark. */
.partner-route{position:relative;display:block!important;padding:clamp(2rem,4vw,4rem);overflow:hidden;border-radius:28px;background:var(--forest);color:#fff}
.partner-route:after{content:"";position:absolute;right:-3rem;bottom:-5rem;width:clamp(220px,30vw,430px);height:clamp(300px,38vw,560px);background:url("offtake-mark.png") center/contain no-repeat;opacity:.075;pointer-events:none}
.partner-route .sticky-title{position:relative;z-index:1;top:auto;max-width:780px;margin-bottom:3rem}
.partner-route .kicker{color:var(--leaf)}
.partner-route .detail-list{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid rgba(255,255,255,.18)!important}
.partner-route .detail-list article{min-height:290px!important;padding:2rem!important;border-radius:0!important;border-right:1px solid rgba(255,255,255,.18)!important;background:none!important;box-shadow:none!important;transform:none!important}
.partner-route .detail-list article:after{background:none}
.partner-route .detail-list h3{font-family:Plex,Arial,sans-serif;font-size:1.35rem!important;line-height:1.15}.partner-route .detail-list p{font-size:.96rem}
.detail-list article:before{display:none!important;content:none!important}

.section-action{align-self:flex-start;margin-top:1rem}
.check-list li{display:flex;align-items:flex-start;gap:.25rem}.check-list li:before{flex:0 0 auto;margin-right:.75rem}.check-list li span{display:block;max-width:31rem}

/* More clearly editorial intelligence index. */
.blog-heading h1{font-size:clamp(3.5rem,6.2vw,6.5rem)!important;max-width:980px}
.blog-heading>p:last-child{font-size:clamp(1.15rem,1.7vw,1.55rem)}
.story-grid article>div{display:flex;min-height:330px;flex-direction:column}.story-grid .text-link{align-self:flex-start;margin-top:auto}

/* Contact form follows the hero; the direct-contact pair aligns exactly. */
.contact-form-section{padding-top:var(--space)}
.contact-layout{grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}
.contact-layout>div{min-height:650px}.contact-layout>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4rem)}
.contact-layout .split-media{height:100%;min-height:650px;border-radius:28px!important}

/* Reduce visual noise in the sustainability statement. */
.quote-band blockquote{max-width:1050px;font-size:clamp(2.3rem,4.2vw,4.6rem)!important;line-height:1.04}

@media(max-width:900px){.page-hero-inner{transform:none}.page-hero,.page-visual,body[data-page="sustainability"] .page-hero,body[data-page="sustainability"] .page-visual.tall{min-height:560px!important}.visual-strip,.supply-mosaic{grid-template-columns:repeat(3,78vw)!important;height:430px!important;overflow-x:auto;scroll-snap-type:x mandatory}.visual-strip figure{scroll-snap-align:center}.partner-route .detail-list{grid-template-columns:1fr!important}.partner-route .detail-list article{min-height:220px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important}.contact-layout{grid-template-columns:1fr}.contact-layout>div,.contact-layout .split-media{min-height:500px}}

/* Version 14 — page-isolated layout repair */
.footer-brand img{filter:none!important;width:210px}

/* Restore the original homepage route rhythm after removing number labels. */
.route-section .capability{grid-template-columns:minmax(240px,1.05fr) minmax(280px,1fr) 36px!important;gap:clamp(1.25rem,3vw,3rem);min-width:0}
.route-section .capability>*{min-width:0}.route-section .capability h3{font-size:clamp(1.75rem,2.6vw,2.8rem);line-height:1.03;overflow-wrap:normal}.route-section .capability p{line-height:1.55}.route-section .capability i{justify-self:end}

/* Every operating-model card has an explicit image and readable overlay. */
.operating-cards .pillar:nth-child(1){background:linear-gradient(180deg,rgba(4,35,25,.04) 22%,rgba(4,35,25,.94)),url("commodity-warehouse.webp") center/cover!important}
.operating-cards .pillar-assure{background:linear-gradient(180deg,rgba(4,35,25,.04) 22%,rgba(4,35,25,.94)),url("quality-control.webp") center/cover!important}
.operating-cards .pillar:nth-child(3){background:linear-gradient(180deg,rgba(4,35,25,.04) 22%,rgba(4,35,25,.94)),url("farmer-traceability.webp") center/cover!important}
.operating-cards .pillar-move{background:linear-gradient(180deg,rgba(4,35,25,.04) 22%,rgba(4,35,25,.94)),url("logistics-loading.webp") center/cover!important}

/* Stable split layouts: no intrinsic text width may push imagery off screen. */
.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%;max-width:100%}.split>*{min-width:0}
body[data-page="industrial-buyers"] .split{overflow:hidden;border-radius:28px!important;outline:1px solid rgba(12,45,33,.22);outline-offset:-1px}
body[data-page="industrial-buyers"] .split-copy{border-radius:28px 0 0 28px!important}
body[data-page="industrial-buyers"] .split-media{border-radius:0 28px 28px 0!important}

/* Industrial Demand and Sustainability use the homepage hero proportions. */
body[data-page="industrial-buyers"] .page-hero,body[data-page="industrial-buyers"] .page-visual,body[data-page="sustainability"] .page-hero,body[data-page="sustainability"] .page-visual.tall{min-height:clamp(570px,76svh,710px)!important;height:auto!important}
body[data-page="industrial-buyers"] .page-hero,body[data-page="sustainability"] .page-hero{align-items:end!important;padding:clamp(8rem,13vw,11rem) var(--gutter) clamp(3.5rem,6vw,5rem)!important}
body[data-page="industrial-buyers"] .page-hero-inner,body[data-page="sustainability"] .page-hero-inner{max-width:980px;transform:none}
body[data-page="industrial-buyers"] .page-hero h1,body[data-page="sustainability"] .page-hero h1{max-width:900px;font-size:clamp(3.8rem,5.8vw,6.4rem);line-height:.93}

/* Contained horizontal journeys: 20% slimmer cards, no overlap, touch scroll. */
.detail-grid:has(.horizontal-process){grid-template-columns:minmax(230px,.48fr) minmax(0,1.52fr)!important;gap:clamp(2rem,5vw,5rem)!important;width:100%;min-width:0}
.detail-grid:has(.horizontal-process) .sticky-title{min-width:0}.detail-grid:has(.horizontal-process) .sticky-title h2{font-size:clamp(2.5rem,4vw,4.5rem)!important;overflow-wrap:normal}
.horizontal-process,.supply-journey-scroll{display:flex!important;width:100%!important;min-width:0;max-width:100%;margin:0!important;gap:1rem!important;overflow-x:auto!important;overflow-y:hidden;padding:.5rem 0 1.6rem;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain}
.horizontal-process>article,.supply-journey-scroll>article{flex:0 0 clamp(290px,31vw,368px)!important;min-height:430px!important;scroll-snap-align:start;padding:clamp(1.4rem,2.5vw,2.2rem)!important}
.horizontal-process>article h3,.supply-journey-scroll>article h3{font-size:clamp(1.8rem,2.6vw,2.65rem)!important;line-height:1!important;overflow-wrap:break-word}.horizontal-process>article p,.supply-journey-scroll>article p{font-size:1rem;line-height:1.5}.horizontal-process .motion-card{transform:none!important}
.supply-journey-scroll>article:nth-child(1),body[data-page="industrial-buyers"] .horizontal-process>article:nth-child(1){background:linear-gradient(180deg,rgba(4,35,25,.04),rgba(4,35,25,.94)),url("commodity-warehouse.webp") center/cover!important}
.supply-journey-scroll>article:nth-child(2),body[data-page="industrial-buyers"] .horizontal-process>article:nth-child(2){background:linear-gradient(180deg,rgba(4,35,25,.04),rgba(4,35,25,.94)),url("quality-control.webp") center/cover!important}
.supply-journey-scroll>article:nth-child(3),body[data-page="industrial-buyers"] .horizontal-process>article:nth-child(3){background:linear-gradient(180deg,rgba(4,35,25,.04),rgba(4,35,25,.94)),url("farmer-traceability.webp") center/cover!important}
.supply-journey-scroll>article:nth-child(4),body[data-page="industrial-buyers"] .horizontal-process>article:nth-child(4){background:linear-gradient(180deg,rgba(4,35,25,.04),rgba(4,35,25,.94)),url("logistics-loading.webp") center/cover!important}
.supply-journey-scroll>article:nth-child(5){background:linear-gradient(180deg,rgba(4,35,25,.04),rgba(4,35,25,.94)),url("farm-industry.webp") center/cover!important}.supply-journey-scroll>article:nth-child(6){background:linear-gradient(180deg,rgba(4,35,25,.04),rgba(4,35,25,.94)),url("farming-partners.webp") center/cover!important}

/* Supplier benefit rail with a photographic pause in its centre. */
.supplier-benefits{display:flex!important;width:100%;min-width:0;max-width:100%;gap:1rem!important;overflow-x:auto!important;padding:.5rem 0 1.6rem}
.supplier-benefits>.pillar,.supplier-benefits>.benefit-image{flex:0 0 clamp(290px,31vw,368px)!important;min-height:430px!important;scroll-snap-align:start}
.supplier-benefits>.pillar:nth-of-type(1){background:linear-gradient(180deg,rgba(4,35,25,.04),rgba(4,35,25,.94)),url("commodity-warehouse.webp") center/cover!important}.supplier-benefits>.pillar:nth-of-type(2){background:linear-gradient(180deg,rgba(4,35,25,.04),rgba(4,35,25,.94)),url("quality-control.webp") center/cover!important}.supplier-benefits>.pillar:nth-of-type(3){background:linear-gradient(180deg,rgba(4,35,25,.04),rgba(4,35,25,.94)),url("farmer-traceability.webp") center/cover!important}.supplier-benefits>.pillar:nth-of-type(4){background:linear-gradient(180deg,rgba(4,35,25,.04),rgba(4,35,25,.94)),url("logistics-loading.webp") center/cover!important}
.benefit-image{margin:0;overflow:hidden;border-radius:28px}.benefit-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.benefit-image:hover img{transform:scale(1.04)}

/* About-page balance and equal imagery. */
body[data-page="about"] .intro-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(3rem,7vw,7rem)}
body[data-page="about"] .intro-grid h2{font-size:clamp(2.8rem,4.5vw,4.8rem);line-height:.98}
body[data-page="about"] .visual-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body[data-page="about"] .visual-strip figure,body[data-page="about"] .visual-strip figure:nth-child(2){height:100%!important;margin:0!important;padding:0!important;background:transparent}
body[data-page="about"] .visual-strip img,body[data-page="about"] .visual-strip figure:nth-child(2) img{width:100%;height:100%;object-fit:cover!important;transform:none!important;filter:none!important}

/* Matta-inspired knowledge hub: banner hero, topic rail, green editorial type. */
.intelligence-hero{position:relative;min-height:clamp(520px,68svh,700px);display:flex;align-items:end;overflow:hidden;background:var(--forest);color:#fff}.intelligence-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03)}.intelligence-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,23,17,.93),rgba(6,23,17,.52) 58%,rgba(6,23,17,.18))}.intelligence-hero-copy{position:relative;z-index:1;width:min(100%,var(--max));padding:clamp(8rem,13vw,11rem) var(--gutter) clamp(3.5rem,6vw,5rem)}.intelligence-hero-copy h1{max-width:900px;margin:0;font-size:clamp(3.8rem,5.8vw,6.3rem);line-height:.93}.intelligence-hero-copy>p:last-child{max-width:690px;margin:1.5rem 0 0;font-size:clamp(1.05rem,1.4vw,1.3rem);color:rgba(255,255,255,.82)}
.insight-topics{background:var(--leaf)}.insight-topics .wrap{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.15rem}.insight-topics p{margin:0;font-weight:800}.insight-topics nav{display:flex;gap:.6rem;overflow-x:auto}.insight-topics a{padding:.55rem .9rem;white-space:nowrap;border:1px solid rgba(12,45,33,.25);border-radius:999px;font-size:.82rem;font-weight:700}.insight-topics a:hover{background:var(--forest);color:#fff}
.feature-editorial{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:590px;background:#fff;border:1px solid var(--line)}.feature-editorial figure{margin:0;overflow:hidden}.feature-editorial img{width:100%;height:100%;object-fit:cover}.feature-editorial>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,5vw,5rem)}.feature-editorial h2{margin:0 0 1.5rem;color:var(--forest);font-size:clamp(3rem,5vw,5.3rem);line-height:.94}.feature-editorial .lead{color:var(--grey)}
.insight-library-head{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:end;margin-bottom:3rem}.insight-library-head h2{margin:0;color:var(--forest);font-size:clamp(3.2rem,5vw,5.6rem)}.insight-library-head>p{max-width:540px;color:var(--grey)}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.editorial-grid article{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px}.editorial-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.editorial-grid article>div{display:flex;min-height:330px;padding:1.6rem;flex-direction:column}.editorial-grid span{color:#5a8801;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.editorial-grid h3{margin:1rem 0;font-family:Reigo,Georgia,serif;color:var(--forest);font-size:clamp(1.9rem,2.6vw,2.75rem);line-height:1}.editorial-grid p{color:var(--grey)}.editorial-grid a{align-self:flex-start;margin-top:auto;font-weight:700;color:var(--forest)}
.insight-note article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,8vw,8rem)}.insight-note h2{margin:0;color:var(--forest);font-size:clamp(3rem,5vw,5.4rem)}.insight-note article>div:last-child{padding-top:2rem}.insight-note p{color:var(--grey)}

@media(max-width:900px){.route-section .capability{grid-template-columns:1fr 30px!important}.route-section .capability p{grid-column:1}.route-section .capability i{grid-column:2;grid-row:1/3}.detail-grid:has(.horizontal-process){grid-template-columns:1fr!important}.horizontal-process>article,.supply-journey-scroll>article,.supplier-benefits>.pillar,.supplier-benefits>.benefit-image{flex-basis:min(78vw,340px)!important}.split{grid-template-columns:1fr!important}body[data-page="industrial-buyers"] .split-copy,body[data-page="industrial-buyers"] .split-media{border-radius:24px!important}.feature-editorial,.insight-library-head,.insight-note article{grid-template-columns:1fr}.feature-editorial figure{min-height:420px}.editorial-grid{grid-template-columns:1fr}.insight-topics .wrap{align-items:flex-start;flex-direction:column}.intelligence-hero-copy h1{font-size:clamp(3rem,12vw,4.5rem)}}

/* Version 15 — final viewport, journey and editorial corrections */
.footer-brand img{display:block;width:210px!important;height:auto;padding:0!important;background:transparent!important;filter:none!important}

/* The Supply Journey heading owns a full row, keeping copy clear of the media rail. */
.supply-journey-section{padding-top:clamp(7rem,10vw,10rem)}
.supply-journey-section .detail-grid{display:block!important}
.supply-journey-section .sticky-title{position:relative;top:auto;z-index:2;max-width:720px;margin:0 0 clamp(2.75rem,5vw,4.5rem)}
.supply-journey-section .sticky-title h2{max-width:680px;margin:0;font-size:clamp(3rem,5vw,5.5rem)!important;line-height:.95}
.supply-journey-section .sticky-title>p:last-child{max-width:540px;margin:1.3rem 0 0;color:var(--grey);font-size:1.1rem}
.supply-journey-section .supply-journey-scroll{position:relative;z-index:1}

/* Industrial Demand now shares the homepage banner height without content-driven stretching. */
body[data-page="industrial-buyers"] main{min-width:0}
body[data-page="industrial-buyers"] .page-hero,body[data-page="industrial-buyers"] .page-visual,body[data-page="sustainability"] .page-hero,body[data-page="sustainability"] .page-visual.tall{height:clamp(570px,76svh,710px)!important;min-height:0!important;max-height:710px}
body[data-page="industrial-buyers"] .page-hero,body[data-page="sustainability"] .page-hero{align-items:center!important;padding:clamp(5.5rem,8vw,7.5rem) var(--gutter) clamp(2rem,4vw,3.5rem)!important}
body[data-page="industrial-buyers"] .page-hero-inner,body[data-page="sustainability"] .page-hero-inner{width:100%;max-width:700px;transform:translateY(-5%)}
body[data-page="industrial-buyers"] .page-hero h1,body[data-page="sustainability"] .page-hero h1{max-width:700px;font-size:clamp(3.25rem,4.9vw,5.35rem);line-height:.94}

/* Contain every Industrial Demand module inside a visibly balanced desktop frame. */
body[data-page="industrial-buyers"] .section>.wrap{width:min(100%,1420px)}
body[data-page="industrial-buyers"] .split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;overflow:hidden!important}
body[data-page="industrial-buyers"] .split>*{min-width:0;max-width:100%;overflow:hidden}
body[data-page="industrial-buyers"] .split-copy{padding:clamp(2.5rem,4.25vw,4.6rem)!important}
body[data-page="industrial-buyers"] .split-copy h2{max-width:100%;font-size:clamp(2.7rem,3.85vw,4.3rem)!important;overflow-wrap:break-word}
body[data-page="industrial-buyers"] .split-media img{width:100%;height:100%;object-fit:cover}
body[data-page="industrial-buyers"] .heading-row{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(2rem,5vw,5rem)}
body[data-page="industrial-buyers"] .heading-row>*{min-width:0}
body[data-page="industrial-buyers"] .heading-row h2{max-width:760px;font-size:clamp(3rem,4.35vw,4.8rem);overflow-wrap:break-word}
body[data-page="industrial-buyers"] .heading-row>p{justify-self:end;max-width:460px}
.cta-band{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)!important;gap:clamp(2rem,6vw,7rem)!important;overflow:hidden}
.cta-band>*{min-width:0}.cta-band .action{max-width:520px;justify-self:end}.cta-band h2{max-width:1100px;overflow-wrap:break-word}
body[data-page="industrial-buyers"] .cta-band h2{font-size:clamp(3.2rem,5.2vw,5.9rem)}

/* Matta-inspired intelligence index: compact filters, one feature, then a disciplined story list. */
.matta-insights{background:#fff;color:var(--forest);padding-top:clamp(5rem,8vw,8rem)}
.insights-header{max-width:930px;margin-bottom:2rem}.insights-header .kicker{margin-bottom:.8rem}
.insights-header h2{margin:0 0 .65rem;font-size:clamp(3rem,5.4vw,5.8rem);font-weight:700;letter-spacing:-.045em;line-height:.94;text-transform:uppercase}
.insights-header>p:last-child{max-width:650px;margin:0;color:var(--grey);font-size:1.05rem}
.insight-filters{display:flex;gap:.55rem;margin:2rem 0;overflow-x:auto;padding-bottom:.4rem}
.insight-filters a{flex:0 0 auto;padding:.48rem .95rem;border:1px solid rgba(12,45,33,.24);border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.insight-filters a:hover,.insight-filters a.active{background:var(--forest);border-color:var(--forest);color:#fff}
.insights-list{border-top:1px solid var(--line)}
.insight-row{display:grid;grid-template-columns:minmax(190px,.34fr) minmax(0,1.66fr);gap:clamp(1.4rem,3vw,3rem);padding:1.25rem 0;border-bottom:1px solid var(--line);align-items:center}
.insight-row figure{height:190px;margin:0;overflow:hidden;border-radius:10px}.insight-row img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.insight-row:hover img{transform:scale(1.035)}
.insight-row>div{min-width:0}.insight-row span{color:#5a8801;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.insight-row h3{max-width:930px;margin:.35rem 0;font-size:clamp(1.55rem,2.5vw,2.65rem);line-height:1.05}.insight-row p{max-width:950px;margin:.45rem 0;color:var(--grey)}
.insight-row small{display:block;margin:.65rem 0;color:#6e7975;font-size:.72rem}.insight-row a{display:inline-flex;gap:.6rem;align-items:center;padding-bottom:.2rem;border-bottom:1px solid var(--forest);font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.insight-row.featured{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:390px;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:1rem}
.insight-row.featured figure{height:100%;min-height:390px;border-radius:0}.insight-row.featured>div{padding:clamp(1.75rem,4vw,3.5rem)}.insight-row.featured h3{font-size:clamp(2.2rem,3.6vw,4rem)}

@media(max-width:900px){body[data-page="industrial-buyers"] .page-hero,body[data-page="industrial-buyers"] .page-visual,body[data-page="sustainability"] .page-hero,body[data-page="sustainability"] .page-visual.tall{height:560px!important;min-height:0!important}body[data-page="industrial-buyers"] .page-hero-inner,body[data-page="sustainability"] .page-hero-inner{transform:none}body[data-page="industrial-buyers"] .section>.wrap{width:100%}.supply-journey-section{padding-top:5.5rem}.cta-band{grid-template-columns:1fr!important}.cta-band .action{justify-self:start}.insight-row,.insight-row.featured{grid-template-columns:1fr}.insight-row figure{height:260px}.insight-row.featured figure{min-height:330px}.insight-row.featured>div{padding:1.6rem}}
@media(max-width:560px){body[data-page="industrial-buyers"] .page-hero,body[data-page="industrial-buyers"] .page-visual,body[data-page="sustainability"] .page-hero,body[data-page="sustainability"] .page-visual.tall{height:500px!important}.insights-header h2{font-size:clamp(2.6rem,13vw,3.8rem)}.insight-row figure{height:220px}.insight-row.featured figure{min-height:260px}}

/* === Interior hero normalization (Offtake v15.1) =========================
   Goal: sustainability, industrial-buyers (industrial demand) and intelligence
   heroes render at the same height band as the other interior pages, and no
   section is clipped on the right on the industrial-buyers page.
   ------------------------------------------------------------------------- */
/* Root-cause fix for the horizontal cut-off: let the single grid track shrink
   below its content's intrinsic width instead of forcing the page wider. */
main:has(>.page-hero){grid-template-columns:minmax(0,1fr)!important}
main:has(>.page-hero)>*{min-width:0!important}
/* Hero copy panel: same floor as the standard pages, free to grow with content,
   never force-shortened. */
.page-hero,
body[data-page="industrial-buyers"] .page-hero,
body[data-page="sustainability"] .page-hero{
  min-height:clamp(600px,72svh,760px)!important;
  height:auto!important;max-height:none!important;
}
/* Hero image panel: image-driven height like the other pages, with a sane
   ceiling so a portrait image (sustainability) crops instead of exploding. */
main>.page-visual,.page-visual.tall,
body[data-page="industrial-buyers"] .page-visual,
body[data-page="sustainability"] .page-visual.tall{
  min-height:clamp(600px,72svh,760px)!important;
  max-height:960px!important;height:auto!important;overflow:hidden!important;
}
/* Intelligence uses its own overlay hero (no separate visual panel): give it a
   matching floor so it sits in the same height band. */
.intelligence-hero{min-height:clamp(780px,90svh,940px)!important}
/* Keep the copy anchored to the bottom, matching the standard hero. */
body[data-page="industrial-buyers"] .page-hero,
body[data-page="sustainability"] .page-hero{align-items:end!important}
body[data-page="industrial-buyers"] .page-hero-inner,
body[data-page="sustainability"] .page-hero-inner{transform:none!important}

/* ============================================================================
   Offtake v15.2 — image wiring, hero standardization, overlap fixes
   ========================================================================== */

/* --- 1. Uniform interior hero banner = commodities banner (16:9, 1669:942) ---
   commodities, sustainability, about, intelligence heroes render identical. */
@media(min-width:901px){
  main:has(>.page-hero){grid-template-columns:minmax(0,1fr)!important}
  main:has(>.page-hero)>.page-hero,
  main:has(>.page-hero)>.page-visual{grid-area:1/1!important}
  main>.page-visual,.page-visual,.page-visual.tall,
  body[data-page="commodities"] .page-visual,
  body[data-page="sustainability"] .page-visual,
  body[data-page="about"] .page-visual,
  body[data-page="intelligence"] .page-visual{
    aspect-ratio:1669/942!important;width:100%!important;
    height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
  .page-visual img{width:100%!important;height:100%!important;object-fit:cover!important}
  body[data-page="sustainability"] .page-visual img{object-position:center 30%!important}
  .page-hero,
  body[data-page="commodities"] .page-hero,
  body[data-page="sustainability"] .page-hero,
  body[data-page="about"] .page-hero,
  body[data-page="intelligence"] .page-hero{
    min-height:0!important;height:auto!important;max-height:none!important;align-items:end!important}
body[data-page="sustainability"] .page-hero-inner,
body[data-page="about"] .page-hero-inner{transform:none!important}
  /* intelligence has its own overlay hero */
  .intelligence-hero{aspect-ratio:1669/942!important;min-height:0!important;height:auto!important;max-height:none!important}
}

/* --- 2. Homepage sourcing-reach tiles: stop country name / label overlap --- */
.reach-network button{grid-template-columns:1fr!important;gap:.15rem .7rem!important;align-content:center!important}
.reach-network button>strong{grid-column:1!important;grid-row:auto!important;white-space:normal!important}
.reach-network button>span{grid-column:1!important;grid-row:auto!important;text-align:left!important}

/* --- 3. Sustainability "Responsible practices": heading above cards, no overlap --- */
body[data-page="sustainability"] .detail-grid{display:block!important}
body[data-page="sustainability"] .detail-grid>.sticky-title{
  position:relative!important;top:auto!important;display:block!important;
  max-width:60rem;margin:0 0 clamp(2.25rem,4vw,3.75rem)!important}
body[data-page="sustainability"] .detail-grid>.sticky-title .kicker{display:block;margin-bottom:1rem}
body[data-page="sustainability"] .detail-grid>.sticky-title h2{max-width:60rem}

/* --- 4. Journey / procurement card imagery --- */
/* Solutions supply journey (6 stages) */
body[data-page="solutions"] .supply-journey-scroll>article:nth-child(1){background-image:url("jr-define.webp")!important}
body[data-page="solutions"] .supply-journey-scroll>article:nth-child(2){background-image:url("jr-structure.webp")!important}
body[data-page="solutions"] .supply-journey-scroll>article:nth-child(3){background-image:url("jr-aggregate.webp")!important}
body[data-page="solutions"] .supply-journey-scroll>article:nth-child(4){background-image:url("jr-fulfil.webp")!important}
body[data-page="solutions"] .supply-journey-scroll>article:nth-child(5){background-image:url("jr-coordinate.webp")!important}
body[data-page="solutions"] .supply-journey-scroll>article:nth-child(6){background-image:url("jr-close.webp")!important}
/* Industrial-buyers "clearer procurement route" (4 cards) */
body[data-page="industrial-buyers"] .horizontal-process>article:nth-child(1){background:linear-gradient(180deg,rgba(4,35,25,.14),rgba(4,35,25,.9)),url("ib-consolidate.webp") center/cover!important}
body[data-page="industrial-buyers"] .horizontal-process>article:nth-child(2){background:linear-gradient(180deg,rgba(4,35,25,.14),rgba(4,35,25,.9)),url("ib-keep-production.webp") center/cover!important}
body[data-page="industrial-buyers"] .horizontal-process>article:nth-child(3){background:linear-gradient(180deg,rgba(4,35,25,.14),rgba(4,35,25,.9)),url("ib-visibility.webp") center/cover!important}
body[data-page="industrial-buyers"] .horizontal-process>article:nth-child(4){background:linear-gradient(180deg,rgba(4,35,25,.14),rgba(4,35,25,.9)),url("ib-receipt.webp") center/cover!important}

/* ============================================================================
   Offtake v15.3 — sustainability imagery, blog articles, IB density/overlap
   ========================================================================== */

/* --- Sustainability card imagery --- */
body[data-page="sustainability"] .values .value:nth-child(1){background-image:url("sus-ethical.webp")!important}
body[data-page="sustainability"] .values .value:nth-child(2){background-image:url("sus-traceability.webp")!important}
body[data-page="sustainability"] .values .value:nth-child(3){background-image:url("sus-smallholder.webp")!important}
body[data-page="sustainability"] .detail-list article:nth-child(1){background-image:url("sus-clearer.webp")!important}
body[data-page="sustainability"] .detail-list article:nth-child(2){background-image:url("sus-quality.webp")!important}
body[data-page="sustainability"] .detail-list article:nth-child(3){background-image:url("sus-loss.webp")!important}
body[data-page="sustainability"] .detail-list article:nth-child(4){background-image:url("sus-participation.webp")!important}
/* image-backed quote band (quote references farm-to-factory) */
body[data-page="sustainability"] .quote-band{position:relative;background:linear-gradient(180deg,rgba(4,35,25,.84),rgba(4,35,25,.84)),url("sus-connecting.webp") center/cover!important;color:#fff!important}
body[data-page="sustainability"] .quote-band blockquote,
body[data-page="sustainability"] .quote-band cite{color:#fff!important;position:relative;z-index:1}

/* --- Blog article pages: full-width readable reading experience --- */
.article-head{padding-bottom:clamp(1.5rem,3vw,2.5rem)}
.article-head .article-back{display:inline-block;margin-bottom:1.5rem;font-size:.9rem}
.article-head h1{max-width:20ch;margin:.5rem 0 0}
.article-meta{margin:1.25rem 0 0;color:var(--grey);font-size:.95rem;letter-spacing:.02em}
.article-hero{margin:0;width:100%;max-height:560px;overflow:hidden}
.article-hero img{width:100%;height:100%;max-height:560px;object-fit:cover;display:block}
.article-body{padding-top:clamp(2.5rem,5vw,4.5rem)}
.article-prose{max-width:44rem;margin:0 auto}
.article-prose h2{font-family:var(--serif,Reigo,Georgia,serif);font-size:clamp(1.6rem,2.4vw,2.15rem);line-height:1.1;margin:2.5rem 0 .9rem}
.article-prose p{margin:0 0 1.4rem;font-size:1.12rem;line-height:1.75;color:#25302b}
.article-prose p:first-of-type{font-size:1.28rem;line-height:1.6;color:var(--forest,#0c2d21)}
.insights-list .insight-row h3 a{color:inherit;text-decoration:none}
.insights-list .insight-row h3 a:hover{text-decoration:underline}

/* --- Industrial-buyers: make the demand journey shorter (fits at a glance) --- */
@media(min-width:901px){
  body[data-page="industrial-buyers"] .demand-journey .split-media,
  body[data-page="industrial-buyers"] .demand-journey .split-media img{min-height:clamp(300px,30vw,400px)!important;max-height:440px!important}
  body[data-page="industrial-buyers"] .demand-journey .split{align-items:stretch!important}
  body[data-page="industrial-buyers"] .demand-journey .split-copy{padding-block:clamp(1.5rem,3vw,2.75rem)!important}
  body[data-page="industrial-buyers"] .demand-journey .split-copy h2{font-size:clamp(2rem,3.2vw,3rem)!important}
  body[data-page="industrial-buyers"] .demand-journey{padding-block:clamp(2.5rem,5vw,4rem)!important}
}

/* --- Industrial-buyers: procurement heading no longer hidden behind cards --- */
body[data-page="industrial-buyers"] .detail-grid:has(.horizontal-process){display:block!important}
body[data-page="industrial-buyers"] .detail-grid:has(.horizontal-process)>.sticky-title{
  position:relative!important;top:auto!important;max-width:60rem;margin:0 0 clamp(2rem,4vw,3.25rem)!important}

/* --- Solutions journey: bias crop so people/subjects stay framed --- */
body[data-page="solutions"] .supply-journey-scroll>article{background-position:center 26%!important}

/* v15.3a refinements */
/* Article body always visible (never gated behind scroll-reveal) */
.article-prose,.article-prose.reveal{opacity:1!important;transform:none!important}
/* IB procurement heading: full-width, left-aligned above the cards */
body[data-page="industrial-buyers"] .detail-grid:has(.horizontal-process)>.sticky-title{display:block!important}
body[data-page="industrial-buyers"] .detail-grid:has(.horizontal-process)>.sticky-title .kicker{display:block;margin-bottom:1rem}
/* Tighten the demand journey a little more so a stage fits at a glance */
@media(min-width:901px){
  body[data-page="industrial-buyers"] .demand-journey .split-media,
  body[data-page="industrial-buyers"] .demand-journey .split-media img{max-height:400px!important}
  body[data-page="industrial-buyers"] .demand-journey .split-copy h2{font-size:clamp(1.9rem,2.7vw,2.5rem)!important;margin-top:0!important}
  body[data-page="industrial-buyers"] .demand-journey .split-copy{justify-content:center!important}
}

/* v15.3b — actually shrink the demand-journey panels (Plan/Assure/Deliver).
   Correct target is .journey-panel (not .split). Applies to all three tabs. */
@media(min-width:901px){
  body[data-page="industrial-buyers"] .demand-journey{padding-block:clamp(2rem,4vw,3.25rem)!important}
  body[data-page="industrial-buyers"] .demand-journey .heading-row{margin-bottom:clamp(1.25rem,2.5vw,2rem)!important}
  body[data-page="industrial-buyers"] .demand-journey .journey-tabs{margin-bottom:1.25rem!important}
  body[data-page="industrial-buyers"] .demand-journey .journey-panel{min-height:0!important;grid-template-columns:1fr 1.05fr!important}
  body[data-page="industrial-buyers"] .demand-journey .journey-panel figure,
  body[data-page="industrial-buyers"] .demand-journey .journey-panel figure img{max-height:400px!important;height:400px!important}
  body[data-page="industrial-buyers"] .demand-journey .journey-panel>div{padding:clamp(1.6rem,2.8vw,2.75rem)!important;justify-content:center!important}
  body[data-page="industrial-buyers"] .demand-journey .journey-panel h3{font-size:clamp(1.9rem,2.7vw,2.5rem)!important;margin:.3rem 0 .9rem!important}
  body[data-page="industrial-buyers"] .demand-journey .journey-panel p{font-size:1.02rem!important}
}

/* v19 — ecosystem masthead and supplied hero media */
body{padding-top:36px}
.brand-strip{position:fixed;z-index:1100;inset:0 0 auto;height:36px;display:flex;align-items:center;justify-content:center;gap:.9rem;padding-inline:1rem;background:var(--deep);color:rgba(255,255,255,.56);border-bottom:1px solid rgba(255,255,255,.12);font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.brand-strip strong{color:var(--leaf);font-weight:700}.brand-strip i{color:var(--orange);font-style:normal;transform:translateY(-1px)}
.header{top:52px}.header.is-scrolled{top:44px}.progress{z-index:1200}
.hero>.hero-video{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);will-change:transform}
body[data-page="solutions"] .page-visual img{object-position:center 50%!important}
body[data-page="about"] .page-visual img{object-position:center 52%!important}
body[data-page="sustainability"] .page-visual img{object-position:center 48%!important}
body[data-page="suppliers"] .page-visual img{object-position:center 50%!important}
@media(max-width:760px){body{padding-top:30px}.brand-strip{height:30px;gap:.6rem;font-size:.54rem;letter-spacing:.11em}.header{top:40px}.header.is-scrolled{top:36px}.mobile-nav{padding-top:132px}}
@media(prefers-reduced-motion:reduce){.hero>.hero-video{transform:none}}

/* v20 — calmer hierarchy, earlier hero copy and mobile hardening */
.hero h1{
  max-width:820px;
  font-size:clamp(3.35rem,5vw,5.45rem);
  line-height:.96;
}
.hero p:not(.kicker){
  max-width:620px;
  font-size:clamp(1rem,1.15vw,1.15rem);
  line-height:1.48;
}
.page-hero-inner{
  width:100%;
  max-width:820px;
}
.page-hero h1,
body[data-page="industrial-buyers"] .page-hero h1,
body[data-page="sustainability"] .page-hero h1{
  max-width:820px;
  font-size:clamp(3.1rem,4.25vw,4.75rem)!important;
  line-height:.98;
}
.page-hero .lead{
  max-width:620px;
  margin-top:1.25rem;
  font-size:clamp(.98rem,1.15vw,1.12rem)!important;
  line-height:1.48;
}
body[data-page="sustainability"] .values .value{
  min-height:clamp(310px,30vw,430px);
  padding:clamp(1.5rem,2.4vw,2.3rem)!important;
}
body[data-page="sustainability"] .values .value h3{
  max-width:15ch;
  margin:.55rem 0 .8rem;
  font-size:clamp(1.75rem,2.25vw,2.55rem)!important;
  line-height:1.02;
}
body[data-page="sustainability"] .values .value p{
  max-width:31rem;
  font-size:clamp(.92rem,1.05vw,1rem);
  line-height:1.48;
}

@media(min-width:901px){
  .page-hero,
  body[data-page="industrial-buyers"] .page-hero,
  body[data-page="sustainability"] .page-hero{
    align-items:end!important;
    padding-top:clamp(8rem,11vw,11rem)!important;
    padding-bottom:clamp(7rem,9vw,10rem)!important;
  }
  .page-hero-inner,
  body[data-page="industrial-buyers"] .page-hero-inner,
  body[data-page="sustainability"] .page-hero-inner{
    transform:none!important;
  }
  body[data-page="sustainability"] .values .value h3{
    display:flex;
    align-items:flex-end;
    min-height:3.08em;
  }
}

@media(max-width:900px){
  :root{--gutter:clamp(1rem,4.5vw,2rem);--space:clamp(3.75rem,9vw,5.25rem)}
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  main,section,.wrap{min-width:0}
  img,video,svg{max-width:100%}
  h1,h2,h3{max-width:100%;overflow-wrap:normal}
  main:has(>.page-hero){grid-template-columns:minmax(0,1fr)!important}
  main:has(>.page-hero)>.page-hero,
  main:has(>.page-hero)>.page-visual{grid-area:1/1!important;min-width:0!important}
  main>.page-visual{width:100%!important;margin-inline:0!important}
  .page-hero,
  main>.page-visual,
  .page-visual.tall,
  body[data-page="industrial-buyers"] .page-hero,
  body[data-page="industrial-buyers"] .page-visual,
  body[data-page="sustainability"] .page-hero,
  body[data-page="sustainability"] .page-visual.tall{
    width:100%!important;
    height:clamp(560px,78svh,660px)!important;
    min-height:0!important;
    max-height:660px!important;
  }
  .page-hero,
  body[data-page="industrial-buyers"] .page-hero,
  body[data-page="sustainability"] .page-hero{
    align-items:center!important;
    padding:clamp(7.5rem,19vw,9rem) var(--gutter) 2.25rem!important;
  }
  .page-hero-inner,
  body[data-page="industrial-buyers"] .page-hero-inner,
  body[data-page="sustainability"] .page-hero-inner{
    max-width:680px;
    transform:translateY(-1.5vh)!important;
  }
  .page-hero h1,
  body[data-page="industrial-buyers"] .page-hero h1,
  body[data-page="sustainability"] .page-hero h1{
    font-size:clamp(2.75rem,9.5vw,4rem)!important;
    line-height:.98;
  }
  .page-hero .lead{max-width:36rem;font-size:1rem!important;line-height:1.46}
  .heading-row h2,
  .statement h2,
  .sticky-title h2,
  .intro-grid h2,
  .manifesto h2,
  .commodity-head h2,
  .cta-band h2,
  .reach-panel h2,
  .quote-band blockquote{
    font-size:clamp(2.5rem,8.8vw,3.8rem)!important;
    line-height:1;
  }
  .heading-row{gap:1.25rem;margin-bottom:2.25rem}
  .heading-row>p{max-width:38rem}
  .split-media{min-height:clamp(320px,70vw,460px)}
  .split-copy{padding:clamp(2rem,7vw,3.25rem) var(--gutter)}
  .split-copy h2{font-size:clamp(2.4rem,8.6vw,3.65rem)}
  .operating-detail h2,.audience-story h3{font-size:clamp(2.35rem,8.5vw,3.5rem)}
  .contact-layout>div{min-height:0!important}
  .contact-layout .split-media{min-height:clamp(320px,72vw,440px)!important}
  .request-form input,.request-form select,.request-form textarea{font-size:16px;min-height:48px}
  .btn,.menu{min-height:46px}
  .article-head h1{font-size:clamp(2.65rem,9vw,4rem)}
  .article-prose p,.article-prose p:first-of-type{font-size:1.02rem;line-height:1.66}
}

@media(max-width:760px){
  body{padding-top:30px}
  .brand-strip{height:30px;gap:.5rem;padding-inline:.65rem;font-size:.5rem;letter-spacing:.09em;white-space:nowrap}
  .header{top:38px;width:calc(100% - 16px);height:62px;padding-inline:.9rem;gap:.75rem}
  .header.is-scrolled{top:34px}
  .logo img{width:140px}
  .mobile-nav{top:0;padding:112px 1rem 1.25rem;overflow-y:auto}
  .mobile-nav a{font-size:1.45rem}
  .hero{min-height:clamp(610px,calc(100svh - 30px),760px)}
  .hero-inner{padding:clamp(7.5rem,26vw,9rem) var(--gutter) 3rem}
  .hero h1{max-width:12ch;font-size:clamp(2.85rem,11.6vw,4.2rem);line-height:.98}
  .hero p:not(.kicker){max-width:34rem;font-size:.98rem;line-height:1.48}
  .hero-actions{gap:.65rem}
  .hero-actions .btn{width:100%;min-height:50px}
  .page-hero,
  main>.page-visual,
  .page-visual.tall,
  body[data-page="industrial-buyers"] .page-hero,
  body[data-page="industrial-buyers"] .page-visual,
  body[data-page="sustainability"] .page-hero,
  body[data-page="sustainability"] .page-visual.tall{
    height:clamp(540px,78svh,620px)!important;
    max-height:620px!important;
  }
  .page-hero h1,
  body[data-page="industrial-buyers"] .page-hero h1,
  body[data-page="sustainability"] .page-hero h1{
    font-size:clamp(2.65rem,11vw,3.65rem)!important;
  }
  body[data-page="sustainability"] .values .value{min-height:360px}
  body[data-page="sustainability"] .values .value h3{font-size:clamp(1.9rem,8vw,2.4rem)!important}
  .journey-tabs button{padding:.55rem .35rem;font-size:.88rem}
  .journey-panel>div{padding:1.75rem var(--gutter)}
  .journey-panel h3{font-size:clamp(2.15rem,8.7vw,3rem)}
  .journey-panel figure{min-height:300px}
  .pillar,.value,.detail-list article{min-height:340px}
  .audience-story{grid-template-rows:300px auto}
  .audience-story>div{padding:1.5rem}
  .commodity-card{grid-template-columns:1fr;grid-template-rows:220px auto}
  .commodity-card>div{min-height:190px}
  .horizontal-process>article,.supply-journey-scroll>article,.supplier-benefit{flex-basis:min(84vw,360px)!important}
  .footer{padding:3.5rem var(--gutter) 1.25rem}
  .footer-top{gap:2.5rem;padding-bottom:2.75rem}
}

@media(max-width:390px){
  .brand-strip{gap:.38rem;font-size:.45rem;letter-spacing:.075em}
  .brand-strip i{display:none}
  .logo img{width:128px}
  .header{padding-inline:.75rem}
  .page-hero h1,
  body[data-page="industrial-buyers"] .page-hero h1,
  body[data-page="sustainability"] .page-hero h1{font-size:clamp(2.45rem,11.5vw,3.15rem)!important}
  .page-hero .lead{font-size:.94rem!important}
  .kicker{font-size:.62rem;letter-spacing:.11em}
}

/* v21 — aligned journey cards, safer about crop and intelligence hero */
.supply-journey-scroll>article{
  display:grid!important;
  grid-template-rows:1fr 2.2em 4.6em;
  align-items:start!important;
  text-align:left!important;
}
.supply-journey-scroll>article:before{
  content:""!important;
  display:block;
  grid-row:1;
}
.supply-journey-scroll>article h3{
  grid-row:2;
  align-self:start!important;
  width:100%;
  margin:0!important;
  text-align:left!important;
}
.supply-journey-scroll>article p{
  grid-row:3;
  align-self:end!important;
  width:100%;
  margin:0!important;
  text-align:left!important;
}
body[data-page="about"] .page-visual img{
  object-position:center 42%!important;
}
.intelligence-hero-copy{
  max-width:var(--max);
}
.intelligence-hero-copy h1{
  max-width:820px;
  font-size:clamp(3.1rem,4.25vw,4.75rem)!important;
  line-height:.98;
}
.intelligence-hero-copy>p:last-child{
  max-width:620px;
  font-size:clamp(.98rem,1.15vw,1.12rem)!important;
  line-height:1.48;
}
.insight-row>*{min-width:0}
.insight-row h3{overflow-wrap:break-word}

/* v22 — align image-card copy from heading through the baseline */
@media(min-width:901px){
  .operating-cards .pillar,
  body[data-page="sustainability"] .detail-list article{
    display:grid!important;
    grid-template-rows:1fr minmax(2.05em,auto) minmax(4.65em,auto);
    align-items:start!important;
  }
  .operating-cards .pillar h2,
  body[data-page="sustainability"] .detail-list article h3{
    grid-row:2!important;
    align-self:end!important;
    width:100%;
    margin:0 0 .8rem!important;
  }
  .operating-cards .pillar p,
  body[data-page="sustainability"] .detail-list article p{
    grid-row:3!important;
    align-self:start!important;
    width:100%;
    margin:0!important;
  }
}

/* v23 — restore the homepage route panel's compact original scale */
@media(min-width:1181px){
  .route-shell{width:min(100%,var(--max));grid-template-columns:minmax(240px,.72fr) minmax(0,2.28fr)}
  .route-intro{padding:clamp(1.5rem,1.95vw,2.05rem)}
  .route-intro h2{font-size:clamp(1.9rem,2.05vw,2.45rem);line-height:.96;margin-bottom:.75rem}
  .route-intro>p:last-child{font-size:.8rem;line-height:1.45}
  .route-steps li{min-height:270px;padding:1.25rem .8rem}
  .route-steps span{font-size:clamp(.68rem,.76vw,.82rem)}
}

/* Legal pages */
.legal-hero{padding:clamp(8rem,13vw,12rem) 0 clamp(4rem,7vw,7rem);background:var(--forest);color:#fff}
.legal-hero h1{max-width:1000px;margin:0;font-size:clamp(4rem,7vw,7rem)}
.legal-hero .wrap>p:last-child{max-width:720px;margin:1.5rem 0 0;color:rgba(255,255,255,.7);font-size:clamp(1.05rem,1.5vw,1.3rem)}
.legal-layout{display:grid;grid-template-columns:minmax(190px,.35fr) minmax(0,1fr);gap:clamp(3rem,8vw,9rem);align-items:start}
.legal-aside{position:sticky;top:8rem;display:flex;flex-direction:column;gap:.5rem;padding-top:.35rem;font-size:.85rem}.legal-aside span{font-weight:700}.legal-aside a{color:#5a8801}
.legal-prose{max-width:850px}.legal-prose h2{margin:3.5rem 0 1rem;font-family:Reigo,Georgia,serif;font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.05}.legal-prose h2:first-child{margin-top:0}.legal-prose p,.legal-prose li{color:#34463f;line-height:1.75}.legal-prose a{color:#4f7a00;font-weight:700;text-decoration:underline;text-underline-offset:3px}.legal-list{padding-left:1.25rem}.legal-list li+li{margin-top:.6rem}
.grievance-form{margin:2rem 0 1.5rem}.grievance-form fieldset{margin:0 0 2rem;padding:0;border:0}.grievance-form legend{width:100%;margin:0 0 1rem;padding:0 0 .7rem;border-bottom:1px solid var(--line);font-family:Reigo,Georgia,serif;font-size:1.55rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.grievance-form label{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.1rem;font-weight:650}.grievance-form input,.grievance-form select,.grievance-form textarea{width:100%;padding:.95rem 1rem;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--forest);font:inherit}.grievance-form textarea{min-height:180px;resize:vertical}.grievance-form input:focus,.grievance-form select:focus,.grievance-form textarea:focus{outline:3px solid rgba(135,204,2,.24);border-color:var(--leaf)}.grievance-form .success{display:none;color:#4f7a00;font-weight:700}.grievance-form .success.show{display:block}.form-note{font-size:.9rem}
@media(max-width:760px){.legal-layout,.form-grid{grid-template-columns:1fr}.legal-aside{position:static;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(3rem,14vw,4.5rem)}}

@media(min-width:901px){
  .intelligence-hero-copy{
    padding-top:clamp(8rem,11vw,11rem)!important;
    padding-bottom:clamp(7rem,9vw,10rem)!important;
  }
}

@media(max-width:900px){
  .intelligence-hero{
    width:100%;
    height:clamp(560px,78svh,660px)!important;
    min-height:0!important;
    max-height:660px!important;
    align-items:center;
  }
  .intelligence-hero-copy{
    padding:clamp(7.5rem,19vw,9rem) var(--gutter) 2.25rem!important;
    transform:translateY(-1.5vh);
  }
  .intelligence-hero-copy h1{
    font-size:clamp(2.75rem,9.5vw,4rem)!important;
  }
  .intelligence-hero-copy>p:last-child{
    max-width:36rem;
    font-size:1rem!important;
  }
}

@media(max-width:760px){
  .supply-journey-scroll>article{
    grid-template-rows:1fr 2.15em 4.5em;
  }
  .intelligence-hero{
    height:clamp(540px,78svh,620px)!important;
    max-height:620px!important;
  }
  .intelligence-hero-copy h1{
    font-size:clamp(2.65rem,11vw,3.65rem)!important;
  }
}

@media(max-width:390px){
  .intelligence-hero-copy h1{font-size:clamp(2.45rem,11.5vw,3.15rem)!important}
  .intelligence-hero-copy>p:last-child{font-size:.94rem!important}
}