/* September editorial refinement: shared logo-blue headings and readable mobile rhythm. */
.whatsapp-float[hidden]{display:none!important}
@font-face{font-family:Caveat;src:url('/Caveat.ttf') format('truetype');font-display:swap;font-weight:400 700}
body{--brand-blue:#3f97bb;--brand-leaf:#327128}
body main h1,body main h1 span,body main h2,body main h2 span{color:var(--brand-blue)!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none;text-wrap:balance}
body main h1{max-width:950px;margin-inline:auto}
body main h3{word-break:normal;overflow-wrap:normal;hyphens:none}
body main p{ text-wrap:pretty }
body .page-head h1{max-width:950px;margin-inline:auto;font-size:clamp(38px,5.2vw,72px);line-height:1.12;letter-spacing:-.035em}
body .page-head{padding-bottom:24px}
body .reading-section{max-width:1000px}
body .reading-section>p{max-width:780px}
body .reading-section .three-cards{max-width:none}
body .reading-section .card p{margin-bottom:0}
body .source-note{margin-top:24px;font-size:14px;line-height:1.7;color:#42613c}
body .source-note summary{padding:12px 0;cursor:pointer}
body .source-note a{text-decoration:underline;text-underline-offset:3px}
body .role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:32px}
body .role-grid .card{padding:28px 30px}
body .step-label{color:#69894b;font-family:Georgia,serif;font-size:28px}
body .role-grid h3{margin:14px 0 12px;font-size:21px}
body .professional-steps{gap:20px;margin-top:30px;align-items:stretch}
body .professional-steps article{border:1px solid #e1dac7;background:#fffdf7;border-radius:16px;padding:26px}
body .professional-steps b{width:auto;height:auto;display:block;background:none;color:#658245;border-radius:0;font:30px Georgia,serif;margin:0 0 18px}
body .professional-steps h3{font-size:20px;margin:0 0 14px}
body .professional-steps p{margin:0;font-size:15px;line-height:1.7}
body .handwritten-note{position:absolute;left:49%;top:7%;max-width:240px;transform:rotate(-7deg);font:500 29px/1.12 Caveat,cursive;color:#174b39;text-align:center}
body .handwritten-note:after{content:'';display:block;width:90px;border-top:2px solid #42613c;margin:12px auto 0;transform:rotate(-8deg)}
body .value-card{border-radius:16px!important;box-shadow:0 8px 22px #20392905}
body .value-card>img{height:235px!important}
body .value-copy{position:relative;margin:-40px 12px 0 0;border-radius:0 28px 0 0;background:#fffdf7;min-height:204px;padding:20px 22px 24px!important}
body .value-copy p{font-size:14px!important;line-height:1.65!important}
body .pillars article{border:none!important;padding:25px 22px!important;border-radius:16px;background:#fffdf7;box-shadow:0 0 0 1px #e8e2d2}
body .pillars{gap:20px!important}
body .pillars h2{color:#173f30!important;font-size:18px!important;line-height:1.35!important}
body .pillar-icon{width:64px;height:64px}
body .pillar-icon svg{width:34px;height:34px;stroke-width:1.6}
body .editorial-strip svg{stroke-width:1.65}
body .editorial-strip .wrap>div{font-size:13px}
body .role-intro img{aspect-ratio:1.25;object-fit:cover}
body a[href^='mailto:']{white-space:nowrap;overflow-wrap:normal!important;word-break:normal!important}
body .breadcrumbs{font-size:13px;line-height:1.6;display:flex;flex-wrap:wrap;gap:5px;margin-top:20px}
body .breadcrumbs span[aria-current]{min-width:0}
@media(max-width:900px){body .handwritten-note{left:auto;right:4%;top:5%;font-size:25px}body .professional-steps{grid-template-columns:1fr}body .professional-steps article{padding:24px}body .professional-steps b{float:left;margin:0 22px 4px 0}body .professional-steps p{clear:both;padding-top:8px}}
@media(max-width:600px){
 body .wrap{width:90%}
 body .page-head{text-align:left;padding-top:30px;padding-bottom:14px}
 body .page-head h1{font-size:clamp(32px,8.3vw,43px)!important;line-height:1.14;letter-spacing:-.035em;margin:15px 0 20px;max-width:100%}
 body .page-head .lead{margin:0;font-size:16px;line-height:1.7}
 body main h2{font-size:clamp(29px,7.2vw,36px)!important;line-height:1.18!important;letter-spacing:-.025em}
 body main .card h2,body main .recipe-tile h2{font-size:21px!important}
 body main .eyebrow{letter-spacing:.14em;font-size:10px;line-height:1.7}
 body .hero-inner h1{font-size:clamp(43px,11.6vw,62px)!important;line-height:1.06!important;margin-left:0}
 body .hero-inner .lead{font-size:16px!important}
 body .handwritten-note{position:static;order:3;align-self:flex-end;margin:16px 7% 22px;max-width:260px;font-size:26px;transform:rotate(-4deg)}
 body .editorial-hero-image{height:290px!important;object-position:78% center!important}
 body .pillars{grid-template-columns:1fr!important;gap:14px!important;padding-block:30px!important}
 body .pillars article{display:grid;grid-template-columns:56px 1fr;text-align:left!important;gap:8px 16px;padding:20px!important}
 body .pillar-icon{grid-row:1/3;width:54px;height:54px;margin:0!important}
 body .pillars h2{font-size:18px!important;line-height:1.35!important;margin:0!important;text-wrap:pretty}
 body .pillars p{font-size:14px!important;line-height:1.65!important}
 body .editorial-strip>.wrap{gap:17px 12px}
 body .editorial-strip .wrap>div{font-size:12px!important;align-items:flex-start}
 body .value-grid{grid-template-columns:1fr!important;gap:22px!important}
 body .value-card>img{height:225px!important}
 body .value-copy{min-height:0;margin-top:-32px;padding:20px 24px 24px!important}
 body .value-copy h3{font-size:20px!important}
 body .value-copy p{font-size:15px!important}
 body .role-grid{grid-template-columns:1fr;gap:16px}
 body .role-grid .card{padding:24px}
 body .split,body .visual-story{grid-template-columns:1fr;gap:26px}
 body .section-space{padding-block:32px}
 body .center{text-align:left;margin-bottom:24px}
 body .professional-steps{margin-top:20px;gap:14px}
 body .professional-steps h3{font-size:20px}
 body .professional-steps p{font-size:15px}
 body .footer-grid a[href^='mailto:']{font-size:clamp(13px,3.8vw,16px)!important}
 body .contact-email{font-size:clamp(16px,4.7vw,24px)!important;white-space:nowrap}
 body .card,body .value-card,body .split>*,body .visual-story>*{min-width:0}
 body .faq-item summary{font-size:16px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Consistent editorial scale across all page headings. */
body{--title-page:clamp(2.5rem,5.2vw,4.5rem);--title-section:clamp(2rem,3.5vw,3.25rem)}
body main h1,body .page-head h1,body .hero-inner h1{font-size:var(--title-page)!important;line-height:1.1!important;letter-spacing:-.035em}
body main h2{font-size:var(--title-section)!important;line-height:1.15!important}
body .pillars h2,body main .card h2,body main .recipe-tile h2{font-size:1.25rem!important;line-height:1.35!important}
body .hero-media{position:absolute;inset:0;z-index:-3;overflow:hidden}
body .hero-media .editorial-hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:0}
body .hero-media .handwritten-note{position:absolute;z-index:1;left:48%;top:6%;right:auto;margin:0;max-width:240px;font-size:29px;transform:rotate(-6deg)}
body .transport-icons{display:inline-flex;align-items:center;gap:5px;flex-shrink:0}
body .transport-icons svg{width:27px;height:27px}
body .europe-chips{flex-wrap:wrap}
body .europe-chips>div:first-child{max-width:none}
body .pillar-icon{color:#285e36;background:linear-gradient(135deg,#edf2df,#e2ebce);border:1px solid #d6e3c0;border-radius:20px}
body .pillar-icon svg{width:38px;height:38px;stroke-width:1.6}
body .editorial-strip svg{stroke-width:1.65}
body .value-card>img{height:auto!important;aspect-ratio:3/2;object-fit:cover}
body .value-card>img.logistics-photo{object-position:center}
body .contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
body .contact-delivery-note{font-size:14px;line-height:1.65;margin:22px 0 12px}
body .contact-delivery-note a{font-size:inherit;text-decoration:underline;text-underline-offset:3px}
body .contact-privacy{font-size:14px;line-height:1.65;margin-bottom:24px}
body .contact-privacy summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
body .contact-privacy p{margin:12px 0}
body .contact-privacy a{text-decoration:underline}
body #contact-status:not([hidden]){margin-top:20px;padding:16px;background:#e9efdf;border-radius:8px}
@media(max-width:900px){body .hero-media .handwritten-note{left:auto;right:3%;max-width:210px;font-size:26px}}
@media(max-width:600px){
 body{--title-page:clamp(2rem,8.3vw,2.6875rem);--title-section:clamp(1.8125rem,7.2vw,2.25rem)}
 body main h1,body .page-head h1,body .hero-inner h1{font-size:var(--title-page)!important;line-height:1.14!important}
 body main h2{font-size:var(--title-section)!important}
 body .pillars h2,body main .card h2,body main .recipe-tile h2{font-size:1.25rem!important}
 body .hero-media{position:relative;inset:auto;order:2;width:100%;height:320px;z-index:0;flex-shrink:0}
 body .hero-media .editorial-hero-image{position:absolute;height:100%!important;object-position:65% center!important}
 body .hero-media .handwritten-note{left:4%;right:auto;top:6%;max-width:44%;margin:0;font-size:clamp(1.15rem,5.2vw,1.5rem);line-height:1.12;text-align:left;transform:rotate(-5deg);text-shadow:0 1px 7px #fff9ed}
 body .hero-media .handwritten-note:after{width:65px;margin:8px 0 0;border-top-width:1.5px}
 body .pillar-icon{width:56px;height:56px;border-radius:17px}
 body .pillar-icon svg{width:35px;height:35px}
 body .value-card>img{height:auto!important}
}
/* One coherent origin-and-transport section; mobile reading order follows the DOM. */
body .europe-integrated{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:'intro map' 'transport map';gap:26px 48px;align-items:start}
body .europe-integrated .europe-copy{grid-area:intro}
body .europe-integrated .europe-copy>p:last-child{margin-bottom:0}
body .europe-integrated .europe-figure{grid-area:map;align-self:center}
body .europe-integrated .transport-summary{grid-area:transport;border-top:1px solid #cfd9c6;padding-top:24px;min-width:0}
body .transport-summary-heading{display:flex;align-items:center;gap:14px;margin-bottom:13px}
body .transport-summary-heading h3{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.025em;color:#173f30}
body .transport-summary .transport-icons{color:#285e36;gap:5px}
body .transport-summary p{font-size:16px;line-height:1.7;color:#465b4c;margin:0;max-width:580px}
@media(max-width:900px){body .europe-integrated{grid-template-columns:1fr;grid-template-areas:'intro' 'map' 'transport';gap:26px}body .europe-integrated .europe-copy>p:not(.eyebrow){max-width:680px}body .europe-integrated .europe-figure{width:100%;max-width:680px;margin-inline:auto}body .europe-integrated .transport-summary p{max-width:680px}}
@media(max-width:600px){body .europe-integrated{gap:22px;padding-block:34px}body .transport-summary-heading{gap:10px}body .transport-summary-heading h3{font-size:clamp(17px,4.4vw,20px);white-space:nowrap}html[lang='en'] body .transport-summary-heading h3{font-size:clamp(14px,3.8vw,19px)}body .transport-summary .transport-icons svg{width:23px;height:23px}body .europe-integrated .transport-summary{padding-top:20px}body .transport-summary p{font-size:16px}}

/* Homepage journey: one coherent photographic sequence, with recipes kept as a separate editorial destination. */
.home-editorial .value-card>img{aspect-ratio:4/3}
.home-editorial .value-copy{min-height:184px}
.home-editorial .journey-link{margin-top:-48px;padding-bottom:72px;text-align:right}
.home-editorial .journey-link .text-link{display:inline-block;margin:0}
.home-editorial .recipe-teaser{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;margin-block:72px;border:1px solid #ded8c6;border-radius:24px;overflow:hidden;background:#fffdf7}
.home-editorial .recipe-teaser>img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
.home-editorial .recipe-teaser>div{align-self:center;padding:52px 58px}
.home-editorial .recipe-teaser h2{margin-bottom:18px}
.home-editorial .recipe-teaser>div>p:not(.eyebrow){max-width:570px;color:var(--muted);margin:0 0 18px}
@media(max-width:800px){.home-editorial .recipe-teaser{grid-template-columns:1fr;margin-block:44px}.home-editorial .recipe-teaser>img{min-height:0;aspect-ratio:16/9}.home-editorial .recipe-teaser>div{padding:32px}}
@media(max-width:600px){.home-editorial .value-card>img{aspect-ratio:3/2}.home-editorial .value-copy{min-height:0}.home-editorial .journey-link{margin-top:-20px;padding-bottom:40px;text-align:left}.home-editorial .recipe-teaser{border-radius:18px;margin-block:36px}.home-editorial .recipe-teaser>div{padding:26px 24px 30px}}
/* Four commercial steps retain the existing card style and responsive rhythm. */
body .professional-steps.buyer-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){body .professional-steps.buyer-steps{grid-template-columns:1fr}}

.supply-flow>li{position:relative}.supply-flow>li:not(:last-child)::after{content:'→';position:absolute;right:-23px;top:50%;color:#285e36;font-size:22px;transform:translateY(-50%)}
@media(max-width:700px){.supply-flow>li:not(:last-child)::after{content:'↓';position:static;transform:none;margin-top:14px}.supply-flow>.supply-centre::after{color:#fff9ed}}

/* Recipe invitation relocated from the homepage to the banana origin page. */
.editorial-page .recipe-teaser{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;margin-block:72px;border:1px solid #ded8c6;border-radius:24px;overflow:hidden;background:#fffdf7}
.editorial-page .recipe-teaser>img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block}
.editorial-page .recipe-teaser>div{align-self:center;padding:52px 58px}
.editorial-page .recipe-teaser h2{margin-bottom:18px}
.editorial-page .recipe-teaser>div>p:not(.eyebrow){max-width:570px;color:var(--muted);margin:0 0 18px}
@media(max-width:800px){.editorial-page .recipe-teaser{grid-template-columns:1fr;margin-block:44px}.editorial-page .recipe-teaser>img{min-height:0;aspect-ratio:16/9}.editorial-page .recipe-teaser>div{padding:32px}}
@media(max-width:600px){.editorial-page .recipe-teaser{border-radius:18px;margin-block:36px}.editorial-page .recipe-teaser>div{padding:26px 24px 30px}}