@font-face{font-family:"Noto Sans SC";src:url(assets/NotoSansSC-300-v14.ttf) format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Noto Sans SC";src:url(assets/NotoSansSC-400-v14.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Noto Sans SC";src:url(assets/NotoSansSC-500-v14.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Ubuntu;src:url(assets/Ubuntu-L.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Ubuntu;src:url(assets/Ubuntu-R.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Ubuntu;src:url(assets/Ubuntu-M.woff2) format('woff2');font-weight:500 700;font-display:swap}
:root{--navy:#5b732c;--blue:#5b732c;--ink:#262624;--text:#62655e;--label:#656b5a;--line:#dedfd8;--soft:#f7f8f4;--pale:#eff3e7;--white:#fff;font-family:Ubuntu,Arial,sans-serif;color:var(--ink);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;background:var(--white);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{touch-action:manipulation}::selection{background:#e8eddc}[hidden]{display:none!important}:is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:4px}.wrap{width:min(1392px,calc(100% - 112px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;background:var(--surface-graphite);color:#fff;padding:10px;top:-80px}.skip-link:focus{top:0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:400;margin:0 0 20px;color:var(--label);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:28px;height:1px;background:var(--blue);flex-shrink:0}.site-header{position:sticky;top:0;z-index:20;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e5e7df}.header-inner{min-height:80px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:18px;flex-shrink:0}.brand-logo{width:140px;height:24px}.brand-divider{width:1px;height:23px;background:#cfd3c5}.brand-unit{font-size:12px;font-weight:400;letter-spacing:.18em;color:var(--label)}.main-nav{display:flex;gap:30px;margin-left:auto;white-space:nowrap}.main-nav a{font-size:14px;font-weight:400;color:var(--text);padding-block:12px;border-bottom:1px solid transparent}.main-nav a:hover{color:var(--navy);border-color:var(--blue)}.header-actions{display:flex;align-items:center;gap:24px}.language-switch{display:inline-flex;gap:1px;border:1px solid var(--line);padding:3px;border-radius:4px}.language-switch button{border:0;background:transparent;padding:6px 7px;color:var(--text);font-size:12px;line-height:1.2;font-weight:400;border-radius:2px}.language-switch button[aria-pressed=true]{background:var(--navy);color:#fff}.header-quote{background:var(--navy);color:#fff;padding:11px 15px;font-weight:400;font-size:14px;white-space:nowrap;border-radius:3px;transition:background .2s}.header-quote>[aria-hidden]{margin-inline-start:8px}.header-quote:hover{background:#485c23}
.hero{display:grid;grid-template-columns:1fr 1.08fr;gap:5%;align-items:center;padding-block:56px 54px;position:relative}.hero:before{content:'';position:absolute;right:8%;top:0;width:38%;height:100%;z-index:-1;background-image:linear-gradient(#5b732c08 1px,transparent 1px),linear-gradient(90deg,#5b732c08 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}.hero-content{position:relative;padding-block:10px;min-width:0}.hero h1,h2,h3{font-family:Ubuntu,Arial,sans-serif;line-height:1.18;font-weight:300}h1{font-size:clamp(38px,4.1vw,62px);max-width:710px;letter-spacing:-.025em;margin:0 0 25px}.hero-lead{font-size:17px;line-height:1.75;color:var(--text);max-width:590px;margin:0}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:3px;min-height:49px;padding:12px 21px;font-weight:400;font-size:14px;border:1px solid transparent;transition:background .2s,box-shadow .2s,transform .2s}.button>span[aria-hidden]{transition:transform .2s}.button:hover>span[aria-hidden]{transform:translate(2px,-2px)}.button-light,.button-dark{background:var(--navy);color:#fff}.button-light:hover,.button-dark:hover{background:#485c23}.text-link{font-size:14px;font-weight:400;color:var(--navy);border-bottom:1px solid #cfd3c5;padding-bottom:4px}.text-link span+span{margin-inline-start:12px}.hero-media{position:relative;align-self:stretch;min-height:425px;overflow:hidden;border-radius:6px;background:var(--pale);isolation:isolate}.hero-image{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:64% 50%;filter:saturate(.82);transition:transform 8s ease}.hero-media:hover .hero-image{transform:scale(1.035)}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#5b732c1a,transparent 50%,#26262430);pointer-events:none}.media-corner{position:absolute;width:34px;height:34px;z-index:2;opacity:.75;pointer-events:none}.corner-top{top:18px;left:18px;border-top:1px solid #fff;border-left:1px solid #fff}.corner-bottom{bottom:18px;right:18px;border-bottom:1px solid #fff;border-right:1px solid #fff}.intro{display:grid;grid-template-columns:1fr 1.13fr;align-items:center;gap:9%;padding-block:31px 39px;border-bottom:1px solid var(--line)}.intro .eyebrow{margin-bottom:13px}.intro h2{font-size:29px;letter-spacing:-.015em;margin:0;max-width:560px}.intro p:last-child{font-size:16px;line-height:1.75;color:var(--text);margin:0;max-width:610px}
.catalog-section{background:#fff;padding:70px 0 88px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px}.section-head h2,.approach-lead h2,.contact-copy h2{font-size:clamp(30px,3vw,42px);letter-spacing:-.018em;margin:0}.section-head .eyebrow{margin-bottom:15px}.section-aside{margin:0 0 3px;max-width:420px;color:var(--text);font-size:14px;line-height:1.7}.catalog-tools{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-top:32px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.category-list{display:flex;flex-wrap:wrap;gap:6px}.category-list button{padding:9px 13px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--text);font-size:14px;font-weight:400;min-height:43px;transition:background .18s,color .18s,border-color .18s}.category-list button:hover{border-color:#91a275;color:var(--navy);background:#f5f7f0}.category-list button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.search-box{border:1px solid #cfd3c5;background:#fff;display:flex;align-items:center;min-width:218px;height:43px;padding:0 12px;border-radius:4px}.search-box svg{width:18px;height:18px;fill:none;stroke:var(--label);stroke-width:1.7;flex-shrink:0}.search-box input{width:100%;border:0;outline:0;background:transparent;padding:0 0 0 9px;color:var(--ink);font-size:14px}.search-box:focus-within{outline:2px solid var(--blue);outline-offset:2px}.catalog-result-line{display:flex;justify-content:space-between;gap:15px;color:var(--text);font-size:12px;margin:16px 0 24px}.catalog-result-line span:first-child{color:var(--navy)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 20px}.product-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;transition:border-color .2s,box-shadow .25s,transform .25s;animation:card-in .45s both;animation-delay:var(--card-delay,0ms)}.product-card:hover{border-color:#91a275;box-shadow:0 14px 35px #2626240a;transform:translateY(-3px)}.product-visual{position:relative;aspect-ratio:1;overflow:hidden;background:#f7f8f4;border-bottom:1px solid #e7e9e2}.product-photo{position:absolute;top:50%;left:0;width:100%;aspect-ratio:1;background-size:200% 200%;background-repeat:no-repeat;transform:translateY(-50%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.product-card:hover .product-photo{transform:translateY(-50%) scale(1.045)}.product-body{padding:20px 20px 16px;display:flex;flex-direction:column;flex:1}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.card-category{color:var(--label);font-size:12px;text-transform:uppercase;letter-spacing:.07em;line-height:1.4}.card-index{font-size:12px;color:#767b6e}.product-card h3{font-size:21px;letter-spacing:-.012em;margin:14px 0 8px;font-weight:400;line-height:1.27}.product-card p{font-size:14px;line-height:1.6;margin:0 0 22px;color:var(--text)}.card-cta{margin-top:auto;padding-top:13px;border-top:1px solid #e7e9e2;display:flex;align-items:center;justify-content:space-between;color:var(--navy);font-size:14px;font-weight:400}.card-cta span:last-child{font-size:19px;color:var(--blue);transition:transform .2s}.card-cta:hover span:last-child{transform:translate(2px,-2px)}.empty-state{background:var(--soft);text-align:center;padding:60px 20px;border-radius:6px}.empty-state h3{margin:0 0 10px;font-size:24px}.empty-state p{color:var(--text)}
.approach-section{background:var(--soft);padding:80px 0}.approach-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:12%}.approach-lead h2{max-width:530px}.approach-lead>p:last-child{color:var(--text);font-size:16px;line-height:1.75;max-width:510px;margin-top:24px}.steps{border-top:1px solid #cfd3c5}.step{display:grid;grid-template-columns:48px 1fr;gap:15px;border-bottom:1px solid var(--line);padding:25px 0}.step>span{color:var(--label);font-size:13px;font-weight:400}.step h3{margin:0 0 8px;font-size:21px;font-weight:400}.step p{margin:0;color:var(--text);font-size:16px;line-height:1.7}.contact-section{background:#fff;padding:86px 0 95px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.contact-copy h2{font-size:clamp(32px,3.3vw,45px)}.contact-copy>p:not(.eyebrow){color:var(--text);max-width:420px;line-height:1.75;margin:24px 0 0}.contact-direct{margin-top:48px;display:flex;flex-direction:column;gap:8px}.contact-direct>span{color:var(--text);font-size:13px}.contact-direct a{font-size:20px;font-weight:400;color:var(--navy);text-decoration:underline;text-decoration-color:#cfd3c5;text-underline-offset:7px}.rfq-form{background:var(--soft);color:var(--ink);padding:30px;border:1px solid var(--line);border-radius:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.rfq-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:400}.form-wide{grid-column:1/-1}.rfq-form input,.rfq-form select,.rfq-form textarea{width:100%;border:1px solid #cfd3c5;border-radius:3px;background:#fff;color:var(--ink);padding:11px 12px;min-height:47px;font-weight:400;outline:none;font-size:16px}.rfq-form textarea{resize:vertical}.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 2px #5b732c14}.rfq-form ::placeholder{color:#7b8073}.form-footer{border-top:1px solid var(--line);margin-top:24px;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:18px}.form-footer p{font-size:12px;line-height:1.6;color:var(--text);max-width:240px;margin:0}.form-actions{display:flex;gap:8px;flex-shrink:0}.button-outline{background:#fff;color:var(--navy);border-color:#cfd3c5}.button-outline:hover{background:#eff3e7}.button-accent{background:var(--navy);color:#fff}.button-accent:hover{background:#485c23}.site-footer{position:relative;isolation:isolate;overflow:hidden;background:#262624;color:#f4f5f0;padding:46px 0 22px}.footer-main{display:flex;justify-content:space-between;gap:40px;padding-bottom:39px}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:140px;height:24px;filter:brightness(0) invert(1)}.footer-brand span{font-size:12px;letter-spacing:.18em;color:#dba64b;border-left:1px solid #62655e;padding-left:20px}.footer-main p{max-width:390px;color:#ccd0c4;font-size:14px}.footer-links{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:400}.footer-links a:hover{color:#b8ddee}.footer-bottom{border-top:1px solid #494d43;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#b9bfb0}#toast{position:fixed;z-index:100;right:25px;bottom:25px;max-width:340px;padding:14px 18px;background:var(--navy);border:1px solid #5b732c;box-shadow:0 10px 30px #26262420;color:#fff;font-size:14px;font-weight:400;border-radius:5px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}
@keyframes card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
[dir=rtl] .brand{flex-direction:row-reverse}[dir=rtl] .main-nav{margin-left:0;margin-right:auto}[dir=rtl] .search-box input{padding:0 9px 0 0}[dir=rtl] .footer-brand{flex-direction:row-reverse;justify-content:flex-end}[dir=rtl] .footer-brand span{border-left:0;border-right:1px solid #62655e;padding-left:0;padding-right:20px}[dir=rtl] .hero h1,[dir=rtl] h2,[dir=rtl] h3{line-height:1.4;letter-spacing:0}
@media(min-width:1600px){.hero-media{min-height:500px}}
@media(max-width:1200px){.header-inner{gap:22px}.main-nav{gap:20px}.header-actions{gap:15px}.header-quote{display:none}.catalog-tools{flex-direction:column}.search-box{width:min(410px,100%)}.form-footer{flex-direction:column;align-items:stretch}.form-footer p{max-width:none}.form-actions{justify-content:flex-end}}
@media(max-width:960px){.wrap{width:calc(100% - 56px)}.hero{gap:5%;grid-template-columns:1fr 1fr}.hero-media{min-height:410px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.intro{gap:5%}.intro h2{font-size:27px}.approach-layout{gap:7%}.contact-layout{gap:5%;grid-template-columns:.8fr 1.2fr}.rfq-form{padding:24px}.product-body{padding:17px}.product-card h3{font-size:20px}}
@media(max-width:760px){html{scroll-padding-top:130px}.wrap{width:calc(100% - 36px)}.header-inner{min-height:108px;flex-wrap:wrap;justify-content:space-between;gap:0;padding-block:15px}.brand-logo{width:125px;height:auto}.brand{gap:12px}.brand-unit{font-size:12px}.brand-divider{height:20px}.header-actions{margin-left:auto}.main-nav{order:3;width:100%;margin:15px 0 0;justify-content:space-between;gap:10px}.main-nav a{padding:0;font-size:14px}.hero{grid-template-columns:1fr;padding-block:34px 33px;gap:29px}.hero-content{padding:0}.hero h1{font-size:clamp(38px,6.6vw,50px);max-width:620px;margin-bottom:20px}.hero-lead{max-width:620px}.hero-media{min-height:0;aspect-ratio:1.65}.hero-image{object-position:61% 50%}.hero-actions{margin-top:24px;gap:24px}.intro,.approach-layout,.contact-layout{grid-template-columns:1fr;gap:23px}.intro{padding-block:22px 35px}.intro h2{max-width:610px;font-size:27px}.intro p:last-child{font-size:16px;max-width:none}.catalog-section,.approach-section,.contact-section{padding-block:55px}.section-head{display:block}.section-aside{max-width:580px;margin:17px 0 0}.catalog-tools{margin-top:24px;padding-block:18px}.category-list{gap:6px}.category-list button{font-size:14px;padding:8px 12px;min-height:40px}.search-box{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.product-visual{aspect-ratio:1}.approach-layout,.contact-layout{gap:32px}.approach-lead h2,.approach-lead>p:last-child{max-width:none}.contact-copy>p:not(.eyebrow){max-width:610px}.contact-direct{margin-top:27px}.form-actions{justify-content:flex-end}.footer-main{gap:35px}}
@media(max-width:480px){.product-grid{grid-template-columns:1fr 1fr;gap:14px 10px}.product-body{padding:13px 12px 12px}.product-card h3{font-size:18px;line-height:1.3;margin-top:10px;overflow-wrap:break-word}.product-card p{font-size:14px;line-height:1.5;margin-bottom:17px}.card-category{font-size:12px;letter-spacing:.03em}.card-index{display:none}.card-cta{font-size:14px;padding-top:10px;gap:3px}.card-cta span:last-child{font-size:17px}.catalog-result-line{flex-direction:column;gap:5px;font-size:12px}.form-grid{grid-template-columns:1fr}.rfq-form{padding:20px}.form-actions{flex-direction:column}.form-actions .button{width:100%}.footer-main,.footer-bottom{flex-direction:column;gap:25px}.footer-main{padding-bottom:31px}.footer-bottom{gap:8px}.hero .eyebrow{font-size:12px;letter-spacing:.1em}.language-switch button{font-size:12px;padding:6px}.hero-actions{gap:18px}.hero-actions .button{padding-inline:17px}.hero h1{font-size:38px}.section-head h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Match the tactile lettering and corner watermark of the main EMEEX site. */
.tactile-link .micro-label{display:inline-block;transform-origin:center;-webkit-text-stroke:0 transparent;text-shadow:none;transition:transform .18s,-webkit-text-stroke .18s,text-shadow .18s}
.tactile-link:is(:hover,:focus-visible) .micro-label{-webkit-text-stroke:.18px currentColor;text-shadow:0 0 .45px currentColor;transform:translateY(-1px) scale(1.018)}
.tactile-link:active .micro-label{-webkit-text-stroke:.3px currentColor;text-shadow:0 0 .8px currentColor;transition-duration:80ms;transform:translateY(1px) scale(1.018)}
.site-footer>.wrap{position:relative;z-index:1}
.footer-watermark{position:absolute;inset-inline-end:-110px;bottom:-100px;width:360px;height:320px;max-width:none;object-fit:contain;filter:brightness(0) invert(1);opacity:.06;pointer-events:none;z-index:0}
[lang="zh-Hans"],[lang="zh-Hans"] h1,[lang="zh-Hans"] h2,[lang="zh-Hans"] h3{font-family:Ubuntu,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
[lang="zh-Hans"] h1,[lang="zh-Hans"] h2,[lang="zh-Hans"] h3{line-height:1.4;letter-spacing:0}
[lang="zh-Hans"] .eyebrow,[lang="zh-Hans"] .card-category{letter-spacing:.04em}
@media(max-width:760px){.footer-watermark{width:203px;height:180px;inset-inline-end:-63px;bottom:-56px;opacity:.05}}
@media(max-width:360px){.brand-logo{width:100px}.brand{gap:8px}.brand-unit{letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){.tactile-link:is(:hover,:focus-visible,:active) .micro-label{transform:none}}
.product-card p{overflow-wrap:anywhere;hyphens:auto}
[lang="zh-Hans"] h1,[lang="zh-Hans"] h2{text-wrap:balance}
@media(max-width:360px){.brand-logo{width:90px}.hero h1{font-size:34px}}

/* Store concept: a neutral institutional framework with agricultural accents. */
:root{--surface-graphite:#262624;--approach-surface:radial-gradient(ellipse at 65% 36%,#f6fafbea,transparent 68%),linear-gradient(120deg,#edf5f7,#eaf3f6 62%,#eff7f8);--approach-copy:#576465;--graphite:#262624;--olive:#5b732c;--earth:#8d491b;--ochre:#dba64b;--sky:#b8ddee;--navy:var(--graphite);--blue:var(--olive);--ink:var(--graphite);--label:#656b5a;--text:#62655e;--line:#dedfd8}
body{background:#fff}
.brand-logo{filter:grayscale(1) brightness(.48)}
.brand-unit{color:var(--olive);letter-spacing:.16em}
.brand-divider{background:#b8bdad}
.site-header{border-bottom-color:#e5e7df}
.main-nav a:hover{color:var(--olive);border-bottom-color:var(--olive)}
.header-quote,.language-switch button[aria-pressed=true]{background:var(--graphite)}
.header-quote:hover{background:var(--olive)}
.hero{grid-template-columns:.96fr 1.12fr;gap:6%;padding-block:64px 56px;align-items:center}
.hero:before{display:none}
.hero h1{font-size:clamp(42px,4.45vw,64px);line-height:1.12;letter-spacing:-.038em;max-width:650px}
.hero-content{animation:content-in .65s both}
.hero .eyebrow{color:var(--earth);letter-spacing:.1em;margin-bottom:25px}
.hero .eyebrow:before{background:var(--ochre);height:2px}
.hero-lead{font-size:17px;max-width:570px;line-height:1.75}
.hero-actions{margin-top:32px;gap:22px}
.button{min-height:50px;border-radius:6px}
.button-light,.button-dark,.button-accent{background:#edf1e7;color:#4f642a;border-color:#c0cba9;box-shadow:0 1px 2px #26262404}
.button-light:hover,.button-dark:hover,.button-accent:hover{background:#e4eadc;border-color:#aab98e;color:#405323}
.button-light:active,.button-dark:active,.button-accent:active{background:#dce5cf;box-shadow:inset 0 1px 2px #2626240a}
.text-link{color:var(--graphite);border-color:#b9c2ab}
.text-link:hover{color:var(--olive);border-color:var(--olive)}
.hero-media{min-height:505px;border-radius:5px;background:var(--surface-graphite)}
.hero-image{object-position:64% 50%;filter:saturate(1.02);animation:loading-pan 14s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}
.hero-media:hover .hero-image{transform:none}
.hero-media:after{background:linear-gradient(180deg,transparent 65%,#181b12a6)}
.media-caption{position:absolute;inset-inline:26px;bottom:26px;z-index:2;display:flex;gap:15px;align-items:center;font-size:14px;color:#fff;letter-spacing:.025em}
.media-index{color:#f1c26f;font-size:12px;letter-spacing:.08em;flex-shrink:0}
.corner-top{top:24px;left:24px;border-color:#e4d9b9;width:26px;height:26px}
.corner-bottom{bottom:26px;right:26px;border-color:#f3ead6;width:26px;height:26px}


.intro{grid-template-columns:.82fr 1.18fr;gap:6%;align-items:center;padding-block:8px 64px;border-bottom:1px solid var(--line)}
.field-media{position:relative;overflow:hidden;border-radius:5px;aspect-ratio:1.72;background:#edf2e8;isolation:isolate}
.field-image{width:100%;height:100%;object-fit:cover;object-position:50% 58%;animation:none}
.field-media:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#182019aa);pointer-events:none}
.field-caption{position:absolute;z-index:2;inset-inline-start:24px;bottom:21px;display:flex;align-items:center;gap:15px;color:#fff;font-size:14px}
.intro-heading .eyebrow{font-size:12px;letter-spacing:.08em;color:var(--earth);margin-bottom:14px}
.intro .eyebrow:before{background:var(--ochre)}
.intro h2{font-size:clamp(25px,2.35vw,34px);line-height:1.2;max-width:600px}
.intro-content>p{font-size:16px;line-height:1.7;color:var(--text);margin:15px 0 0;max-width:660px}
.supply-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;list-style:none;margin:30px 0 0;padding:0}
.supply-flow:before{content:'';position:absolute;top:5px;inset-inline:4px calc(25% - 5px);height:1px;background:linear-gradient(90deg,var(--olive),var(--ochre) 33%,var(--sky) 66%,var(--olive))}
.supply-flow:after{content:'';position:absolute;top:2px;inset-inline-start:0;width:7px;height:7px;border-radius:50%;background:var(--ochre);box-shadow:0 0 0 4px #dba64b18}
.supply-flow li{position:relative;display:flex;flex-direction:column;min-width:0;gap:5px;padding:21px 9px 0 0;font-size:13px;color:var(--graphite);line-height:1.45}
.supply-flow li>[data-i18n]{hyphens:manual;overflow-wrap:normal}
.flow-point{position:absolute;top:1px;inset-inline-start:0;width:9px;height:9px;border:1px solid var(--olive);background:#fff;border-radius:50%;z-index:1}
.supply-flow li:nth-child(2) .flow-point{border-color:var(--ochre)}
.supply-flow li:nth-child(3) .flow-point{border-color:#69919f}
.flow-number{font-size:12px;color:var(--earth);font-variant-numeric:tabular-nums}
.catalog-section{background:#fff;padding-block:76px 94px}
.section-head{align-items:center;gap:50px}
.section-head .eyebrow:before{background:var(--ochre);height:2px}
.section-head .eyebrow{color:var(--earth)}
.section-head h2{font-size:clamp(32px,3.3vw,47px);letter-spacing:-.03em}
.catalog-context{display:flex;gap:36px;align-items:center;max-width:620px}
.range-figure{flex-shrink:0;display:flex;flex-direction:column;max-width:170px}
.range-number{font-size:124px;font-weight:500;letter-spacing:-.09em;line-height:1.04;padding-inline-end:.1em;color:var(--earth);background-image:linear-gradient(#4d351c1a,#4d351c1a),url(assets/agro-fields.webp);background-size:350% auto;background-position:45% 68%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:harvest-texture 5.5s ease-in-out infinite alternate;animation-play-state:paused}
.range-label{font-size:12px;color:var(--text);line-height:1.4;padding-top:4px}
.section-aside{font-size:14px;max-width:330px;line-height:1.75}
.catalog-tools{margin-top:35px;padding-block:21px;border-color:var(--line)}
.category-list{gap:7px}
.category-list button{background:#fff;color:#555b4c;border-color:#dde1d5;border-radius:6px;font-size:14px;padding:9px 13px}
.category-list button:hover{border-color:var(--olive);background:#f7f9f1;color:var(--olive)}
.category-list button[aria-pressed=true]{background:#edf1e7;border-color:#aab98e;color:#4f642a;font-weight:500}
.search-box{border-color:#cbd1c1}
.search-box svg{stroke:var(--olive)}
.catalog-result-line{margin-block:18px 27px;color:#636b5a}
.catalog-result-line span:first-child{color:var(--olive)}
.product-grid{gap:26px 23px}
.product-card{border-color:#e1e5da;border-radius:5px;box-shadow:none}
.product-card:hover{border-color:#a5b58b;box-shadow:0 16px 35px #26262408;transform:translateY(-4px)}
.product-visual{border-bottom-color:#e8ebdf;background:#f5f5f2}
.product-body{padding:22px 21px 19px}
.card-category{color:var(--earth);letter-spacing:.04em;font-size:12px}
.card-index{color:#747c68}
.product-card h3{font-size:23px;font-weight:400;margin-block:15px 10px;color:var(--graphite)}
.product-card p{font-size:14px;color:var(--text)}
.card-cta{color:var(--olive);padding-top:15px;border-color:#e4e9dc}
.card-cta span:last-child{color:var(--olive)}
.approach-section{background:#edf6f9;padding-block:90px;border-block:1px solid #d5e8ef}
.approach-layout{gap:12%}
.approach-lead .eyebrow{color:var(--earth)}
.approach-lead .eyebrow:before{background:var(--ochre);height:2px}
.approach-lead h2{font-size:clamp(31px,3.25vw,46px);letter-spacing:-.028em}
.approach-lead>p:last-child{font-size:16px;color:var(--approach-copy)}
.steps{border-top:1px solid #aacdd9}
.step{padding-block:25px;border-color:#cbdfe6;grid-template-columns:50px 1fr;gap:20px}
.step>span{font-size:25px;line-height:1.25;font-weight:300;color:var(--earth)}
.step h3{font-size:23px;font-weight:400}
.step p{font-size:16px;color:var(--approach-copy)}
.contact-section{padding-block:90px 100px}
.contact-copy .eyebrow:before{background:var(--ochre);height:2px}
.contact-copy .eyebrow{color:var(--earth)}
.contact-copy h2{font-size:clamp(34px,3.5vw,49px);letter-spacing:-.03em}
.contact-direct a{color:var(--olive);text-decoration-color:#a6b58c}
.rfq-form{background:#fafbf7;border-color:#dce1d2;border-radius:5px}
.rfq-form label{color:var(--graphite)}
.rfq-form input,.rfq-form select,.rfq-form textarea{border-color:#cbd3be}
.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{border-color:var(--olive);box-shadow:0 0 0 2px #5b732c16}
.button-outline{color:var(--graphite);border-color:#b9c2ac}
.button-outline:hover{background:#eff3e7}
.site-footer{background:var(--surface-graphite);border-top:2px solid var(--ochre);padding-block:50px 24px}
.footer-brand span{color:var(--ochre);border-color:#737766}
.footer-main p{color:#d0d4c8}
.footer-links a:hover{color:var(--ochre)}
.footer-bottom{color:#c0c5b8;border-color:#4d5147}
.footer-watermark{width:400px;height:360px;opacity:.045}
#toast{background:var(--surface-graphite);border-color:#69764f}
.motion-region.is-in-view .ambient-motion{animation-play-state:running}
html[data-motion-paused=true] .motion-region .ambient-motion{animation-play-state:paused}
@keyframes loading-pan{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.065) translateX(-.5%)}}
@keyframes harvest-texture{from{background-position:45% 68%}to{background-position:60% 76%}}
@keyframes content-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
[dir=rtl] .media-caption,[dir=rtl] .field-caption{direction:rtl}
[dir=rtl] .supply-flow:before{background:linear-gradient(-90deg,var(--olive),var(--ochre) 33%,var(--sky) 66%,var(--olive))}
[dir=rtl] .range-number{letter-spacing:-.07em;direction:ltr}
@media(min-width:1600px){.hero-media{min-height:555px}.hero h1{font-size:66px}}
@media(max-width:1200px){.hero{gap:5%;padding-block:48px}.hero-media{min-height:480px}.catalog-context{gap:25px;max-width:510px}.section-aside{max-width:270px}.range-number{font-size:108px}.intro{gap:5%}.intro-content>p{font-size:16px}.supply-flow{margin-top:24px}.supply-flow li{font-size:12px}}
@media(max-width:960px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:44px}.hero-media{min-height:490px}.hero-lead{font-size:16px}.intro{grid-template-columns:.85fr 1.15fr;gap:5%;padding-bottom:52px}.field-media{aspect-ratio:auto;height:100%;min-height:290px}.intro h2{font-size:27px}.section-head{gap:30px;align-items:start}.catalog-context{max-width:300px;gap:18px}.catalog-context .section-aside{display:none}.range-number{font-size:94px}.range-figure{max-width:135px}.product-grid{gap:21px 18px}.product-body{padding:18px}.product-card h3{font-size:21px}.approach-layout{gap:7%}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:30px;padding-block:37px 29px}.hero h1{font-size:clamp(39px,6.6vw,51px);max-width:660px;letter-spacing:-.035em}.hero-lead{font-size:16px;max-width:630px}.hero .eyebrow{margin-bottom:20px}.hero-actions{margin-top:25px}.hero-media{min-height:0;aspect-ratio:1.62}.hero-image{object-position:61% 50%}.media-caption{bottom:21px;inset-inline:20px;font-size:13px}.corner-top{top:18px;left:18px}.corner-bottom{right:20px;bottom:21px}.intro{grid-template-columns:1fr;gap:25px;padding-top:0;padding-bottom:46px}.field-media{width:100%;aspect-ratio:2.25;min-height:0;height:auto}.field-caption{bottom:17px;inset-inline-start:20px;font-size:13px}.intro h2{font-size:29px;max-width:600px}.intro-content>p{font-size:16px;max-width:650px}.supply-flow{margin-top:26px}.supply-flow li{font-size:13px}.catalog-section{padding-block:52px 58px}.section-head{display:flex;align-items:center;gap:25px}.section-head>div:first-child{min-width:0;flex:1}.section-head h2{font-size:32px}.section-head .eyebrow{font-size:12px}.catalog-context{display:block;flex:0 0 109px;width:109px}.range-figure{max-width:109px}.range-number{font-size:96px}.range-label{font-size:12px}.catalog-tools{margin-top:26px;padding-block:20px}.product-grid{gap:19px 13px}.approach-section,.contact-section{padding-block:58px}.approach-lead h2{font-size:33px}.approach-layout{gap:28px}.contact-copy h2{font-size:36px}.footer-watermark{width:270px;height:240px}}
@media(max-width:480px){.hero h1{font-size:40px}.hero .eyebrow{font-size:12px;letter-spacing:.055em}.hero-actions{gap:18px}.hero-actions .button{padding-inline:18px}.field-media{aspect-ratio:1.95}.intro-content>p{font-size:16px}.intro h2{font-size:28px}.intro-heading .eyebrow{letter-spacing:.04em;font-size:12px}.supply-flow li{font-size:12px;padding-inline-end:5px}.section-head{gap:15px}.section-head h2{font-size:29px;line-height:1.2}.catalog-context{flex-basis:85px;width:85px}.range-number{font-size:83px}.range-label{font-size:12px}.catalog-tools{margin-top:23px}.product-grid{gap:16px 11px}.product-body{padding:14px 12px}.product-card h3{font-size:19px;margin-block:12px 8px}.card-category{font-size:12px;letter-spacing:.02em}.card-cta{font-size:14px;gap:7px;line-height:1.4}.card-cta span:last-child{flex-shrink:0}.product-card p{font-size:14px;line-height:1.55}.step{grid-template-columns:38px 1fr;gap:14px}.step h3{font-size:21px}.step p{font-size:16px}.step>span{font-size:22px}.site-footer{padding-top:39px}}
@media(max-width:360px){.hero h1{font-size:35px}.media-caption{font-size:12px;gap:10px}.intro h2{font-size:26px}.section-head h2{font-size:26px}.catalog-context{flex-basis:76px;width:76px}.range-number{font-size:75px}.product-body{padding-inline:10px}.product-card h3{font-size:18px}.card-cta{font-size:13px}.supply-flow li{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ambient-motion,.supply-flow:after{animation:none!important}.hero-content{animation:none}.hero-image,.field-image{transform:none!important}}

@media(max-width:960px){.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;align-items:center}.catalog-context{display:contents}.catalog-context .range-figure{grid-column:2;grid-row:1}.catalog-context .section-aside{display:block;grid-column:1/-1;grid-row:2;max-width:620px;margin:0}}

/* A quiet field beneath the catalogue; photographs and actions share one card surface. */
.catalog-section{position:relative;isolation:isolate;overflow:clip;--catalog-backdrop-height:100svh}
.catalog-backdrop{position:sticky;top:0;height:var(--catalog-backdrop-height);margin-bottom:calc(-1 * var(--catalog-backdrop-height));z-index:0;pointer-events:none;background:url(assets/catalogue-field.webp) center bottom/cover no-repeat;opacity:.23;filter:saturate(.72);mask-image:linear-gradient(to bottom,transparent 12%,#000 52%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 12%,#000 52%,#000 100%)}
.catalog-section>.wrap{position:relative;z-index:1}
.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 24px}
.product-card{border:1px solid transparent;border-radius:8px;background:#fff;box-shadow:0 8px 28px #26262407,0 2px 7px #26262403;transition:box-shadow .22s}
.product-card:hover{border-color:transparent;box-shadow:0 10px 30px #2626240c,0 2px 8px #26262405;transform:none}
.product-visual{aspect-ratio:1.13;border-bottom:0;background:#fff;isolation:isolate}
.product-photo{z-index:0;mask-image:linear-gradient(to bottom,#000 58%,#000000e6 71%,#0000006b 87%,transparent 94%);-webkit-mask-image:linear-gradient(to bottom,#000 58%,#000000e6 71%,#0000006b 87%,transparent 94%)}
.product-botanical{position:absolute;z-index:1;top:-9%;right:-20%;width:76%;aspect-ratio:1;background-image:url(assets/product-botanicals.webp);background-size:600% 500%;background-repeat:no-repeat;opacity:.22;pointer-events:none;mix-blend-mode:multiply;mask-image:linear-gradient(150deg,#000 20%,#000 55%,transparent 95%);-webkit-mask-image:linear-gradient(150deg,#000 20%,#000 55%,transparent 95%)}
.product-body{padding:17px 16px 18px;min-height:0;flex:1}
.card-top{gap:10px;align-items:baseline}
.card-category{font-size:12px;line-height:1.4;font-weight:400;letter-spacing:.02em;text-transform:none;color:#7a725e}
.card-index{display:none}
.product-card h3{font-size:21px;font-weight:500;line-height:1.28;letter-spacing:-.015em;margin:8px 0 9px;color:var(--graphite);text-wrap:pretty}
.product-card p{font-size:14px;line-height:1.55;color:#686d62;margin:0;hyphens:auto}
.card-cta{flex:none;margin:0;min-height:48px;padding:12px 16px;border:0;background:transparent;color:#526a2c;font-size:14px;font-weight:500;line-height:1.45;gap:12px;transition:color .2s}
.card-cta:hover,.card-cta:focus-visible{background:transparent;color:#3c5220}
.card-cta:focus-visible{outline:2px solid var(--olive);outline-offset:-3px}
.card-arrow{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.card-cta:hover .card-arrow{transform:translate(1px,-1px)}
@media(max-width:1250px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 22px}}
@media(max-width:960px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.product-body{padding:16px 15px 17px}.product-card h3{font-size:20px}.card-cta{padding-inline:15px}}
@media(max-width:600px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.product-card{border-radius:7px}.product-visual{aspect-ratio:1.15}.product-body{padding:14px 12px 16px;min-height:0}.product-card h3{font-size:19px;line-height:1.3;margin:7px 0 8px}.card-category{font-size:12px;letter-spacing:0}.card-cta{min-height:46px;padding:11px 12px;font-size:14px;gap:8px}.card-arrow{width:17px;height:17px;flex-basis:17px}}
@media(max-width:360px){.product-grid{gap:20px 11px}.product-body{padding-inline:10px}.product-card h3{font-size:18px}.card-cta{font-size:13px;padding-inline:10px;gap:6px}.card-arrow{width:16px;height:16px;flex-basis:16px}}
@media(prefers-reduced-motion:reduce){.card-arrow{transition:none}.card-cta:hover .card-arrow{transform:none}}

/* The same minimal stroke icon across actions, cards, and footer links. */
.ui-arrow{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.header-quote,.text-link,.footer-links a{display:inline-flex;align-items:center;gap:12px}
.header-quote>.ui-arrow{margin-inline-start:0}
.text-link{align-self:center}
.footer-links a{width:fit-content;gap:8px}
.tactile-link:is(:hover,:focus-visible) .ui-arrow{transform:translate(1px,-1px)}
.tactile-link:is(:hover,:focus-visible) .ui-arrow-up{transform:translateY(-2px)}
@media(max-width:1200px){.header-quote{display:none}}

/* Enquiry-specific consent; no request details are persisted by the catalogue. */
.rfq-form .privacy-consent{display:flex;flex-direction:row;align-items:flex-start;gap:11px;margin-top:24px;font-size:12px;line-height:1.65;font-weight:400;color:var(--text)}
.rfq-form .privacy-consent input{appearance:none;-webkit-appearance:none;display:grid;place-content:center;flex:0 0 17px;width:17px;height:17px;min-height:17px;margin:2px 0 0;padding:0;background:#6f86590d;border:1px solid #687b53;border-radius:4px;color:var(--olive);box-shadow:inset 0 1px 0 #e5edda66;cursor:pointer;transition:background-color .18s,border-color .18s}
.rfq-form .privacy-consent input::after{content:'';width:8px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-1px) rotate(-45deg);opacity:0}
.rfq-form .privacy-consent input:hover{background:#6f86591a;border-color:var(--olive)}
.rfq-form .privacy-consent input:checked{background:#6f865921;border-color:var(--olive)}
.rfq-form .privacy-consent input:checked::after{opacity:1}
.rfq-form .privacy-consent input:focus{box-shadow:inset 0 1px 0 #e5edda66}
.rfq-form .privacy-consent input:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
.privacy-consent>span{min-width:0}.privacy-consent a{text-decoration:underline;text-underline-offset:3px;color:#4f642a}
.privacy-consent a:hover{color:var(--ink)}.footer-links .footer-privacy{font-size:14px}
@media(max-width:600px){.rfq-form .privacy-consent{font-size:13px;gap:12px}.rfq-form .privacy-consent input{flex-basis:19px;width:19px;height:19px;min-height:19px}}
@media(prefers-reduced-motion:reduce){.ui-arrow{transition:none}.tactile-link:is(:hover,:focus-visible) .ui-arrow{transform:none}}

/* Broad catalogue and the team's experience, with matching photographic numerals. */
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);align-items:center;gap:50px}
.catalog-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 32px;max-width:520px;width:auto;justify-self:end}
.catalog-context .range-figure{grid-column:auto;grid-row:auto;max-width:none;min-width:0;position:relative;isolation:isolate}
.range-number{font-size:114px;letter-spacing:-.075em;white-space:nowrap;align-self:flex-start;direction:ltr}
.stat-plus{font-size:.52em;letter-spacing:-.04em;vertical-align:12%;margin-left:.05em}
.range-label{font-size:13px;max-width:180px}
.experience-figure:before{content:"";position:absolute;z-index:-1;inset:-3px -12px 20px -20px;background:url(assets/team-handshake.webp) center/cover no-repeat;opacity:.13;mask-image:radial-gradient(ellipse,#000 15%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 15%,transparent 72%);pointer-events:none}
.experience-number{background-image:linear-gradient(#4d351c38,#4d351c38),url(assets/team-handshake.webp);background-size:205% auto;background-position:49% 53%;animation:team-texture 5.5s ease-in-out infinite alternate;animation-play-state:paused}
.catalog-context .section-aside{display:block;grid-column:1/-1;grid-row:auto;max-width:520px;margin:0}
@keyframes team-texture{from{background-position:49% 53%}to{background-position:56% 57%}}
/* Trim whitespace and photo height without shrinking product names or tap targets. */
.product-visual{aspect-ratio:1.26}
.product-body{padding:11px 16px 11px}
.product-card h3{margin:7px 0 7px}
.card-cta{min-height:46px;padding-block:11px}
/* A loading yard enters from the left and fades beneath the enquiry form. */
.contact-section{position:relative;isolation:isolate;overflow:clip}
.contact-backdrop{position:absolute;z-index:0;left:0;bottom:34px;width:min(1100px,82vw);height:75%;pointer-events:none;background:url(assets/request-loading-yard.webp) left center/cover no-repeat;opacity:.29;filter:saturate(.74);mask-image:linear-gradient(to right,#000 0%,#000 60%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 84%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 60%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 22%,#000 84%,transparent 100%);-webkit-mask-composite:source-in}
.contact-layout{position:relative;z-index:1}
.rfq-form{background:linear-gradient(to right,#fafbf7c7,#fafbf7f5 24%,#fafbf7 45%)}
@media(max-width:1200px){.section-head{gap:34px;grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)}.range-number{font-size:100px}.catalog-context{gap:14px 25px}}
@media(max-width:960px){.section-head{grid-template-columns:minmax(0,1fr);gap:22px}.catalog-context{width:100%;max-width:none;justify-self:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 30px}.range-number{font-size:96px}.catalog-context .section-aside{max-width:650px}.product-body{padding-inline:15px}}
@media(max-width:760px){.section-head{gap:24px}.catalog-context{gap:14px 24px}.range-number{font-size:98px}.range-label{font-size:13px}.contact-backdrop{top:160px;bottom:auto;width:100%;height:720px;background-position:30% center;opacity:.27;mask-image:linear-gradient(to right,#000 0%,#000 75%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 75%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 20%,#000 72%,transparent 100%)}}
@media(max-width:600px){.product-visual{aspect-ratio:1.27}.product-body{padding:10px 12px}.product-card h3{margin:6px 0 6px}.card-cta{min-height:44px;padding-block:10px}}
@media(max-width:360px){.range-number{font-size:85px}.catalog-context{gap:14px 18px}.product-body{padding-inline:10px}.range-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.experience-number{animation:none!important}}

/* September refinement: translucent surfaces, complete product frames, sea corridors. */
.hero{isolation:isolate}
.hero:before{display:none}
.hero-backdrop{position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2);pointer-events:none;background:url(assets/intro-port-aerial.webp) center 60%/cover no-repeat;opacity:.12;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 83%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 83%,transparent)}
.supply-flow{grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,2fr)) minmax(0,1fr)}
.supply-flow:before{inset-inline:0;height:1px}
.supply-flow li{padding-inline:0}
.supply-flow li:nth-child(2),.supply-flow li:nth-child(3){align-items:center;text-align:center;padding-inline:4px}
.supply-flow li:nth-child(2) .flow-point,.supply-flow li:nth-child(3) .flow-point{inset-inline-start:calc(50% - 4.5px)}
.supply-flow li:last-child{align-items:flex-end;text-align:end;padding-inline:0}
.supply-flow li:last-child .flow-point{inset-inline-start:auto;inset-inline-end:0}
.catalog-backdrop{background-position:center top;opacity:.35;filter:saturate(.96) contrast(1.05) blur(1.2px);mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 100%)}
.category-list button{background:#ffffff26;border-color:#9eaa8e66}
.category-list button:hover{background:#eef2e94d;border-color:#7c8c63}
.category-list button[aria-pressed=true]{background:#dfe8cf70;border-color:#819363;color:#425721}
.search-box{background:#d7dfcc59}
.product-visual{aspect-ratio:1.23}
.product-photo{top:0;left:50%;width:auto;height:100%;aspect-ratio:1;transform:translateX(-50%);mask-image:linear-gradient(to bottom,#000 74%,transparent 100%),linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent 100%),linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-composite:source-in}
.product-card:hover .product-photo{transform:translateX(-50%)}
.product-body{padding-top:7px}
.contact-backdrop{inset:auto 0 28px;width:100%;height:min(760px,86%);background-image:url(assets/request-port-panorama.webp);background-position:center bottom;background-size:cover;opacity:.38;filter:saturate(.86) contrast(1.04);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 83%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 83%,transparent)}
.rfq-form{background:#fafbf7b3}
@media(max-width:760px){
 .hero-backdrop{background-position:43% center}
 .contact-backdrop{top:25%;bottom:auto;height:90vw;max-height:540px;background-position:right center;background-size:cover;background-repeat:no-repeat;opacity:.36;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
 .rfq-form{background:#fafbf7ad}
}
@media(max-width:600px){.product-visual{aspect-ratio:1.24}.product-body{padding-top:6px}}

/* Translucent glass: blurred scenery, polished edges and a restrained reflection. */
.product-card{position:relative;isolation:isolate;background:linear-gradient(135deg,#ffffff61 0%,#ffffff17 38%,#ffffff29 70%,#ffffff61 100%);border:1px solid #ffffffc7;border-right-color:#ffffff80;border-bottom-color:#ffffff80;border-radius:13px;backdrop-filter:blur(6px) saturate(1.12);-webkit-backdrop-filter:blur(6px) saturate(1.12);box-shadow:inset 0 1px 0 #fffffff2,inset 0 -1px 0 #6d80661a,0 10px 28px #35402914,0 2px 5px #3540290d;transition:box-shadow .22s,border-color .22s}
.product-card:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent 30%,#ffffff14 46%,transparent 62%);box-shadow:inset 1px 0 0 #ffffffb3,inset -1px 0 0 #ffffff40}
.product-card:hover{border-color:#fffffff2;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #6d806624,0 14px 32px #3540291c,0 2px 6px #35402912;transform:none}
.product-visual{background:transparent;isolation:auto}
.product-photo{mix-blend-mode:multiply}
.product-botanical{opacity:.105}
.card-category{color:#605d50}
.product-card p{color:#525d4a}
.card-cta{background:transparent}

/* The enquiry sits on one glass panel; controls are soft, clear and readable. */
.rfq-form{background:linear-gradient(140deg,#ffffffbf,#ffffff99 48%,#ffffff80);border:1px solid #ffffffd9;border-radius:16px;backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);box-shadow:inset 0 1px 0 #ffffffed,0 18px 56px #42534b12,0 3px 10px #42534b08;padding:32px}
.rfq-form label{color:#3c4437;font-size:13px}
.rfq-form input:not([type=checkbox]),.rfq-form select,.rfq-form textarea{background:#ffffffb8;border:1px solid #7d907247;border-radius:8px;box-shadow:inset 0 1px 2px #39463406;transition:border-color .2s,background .2s,box-shadow .2s}
.rfq-form input:not([type=checkbox]):hover,.rfq-form select:hover,.rfq-form textarea:hover{border-color:#6f86596b;background:#ffffffd1}
.rfq-form input:not([type=checkbox]):focus,.rfq-form select:focus,.rfq-form textarea:focus{border-color:#6a8053;background:#ffffffe8;box-shadow:0 0 0 3px #6a80531a}
.rfq-form ::placeholder{color:#6b7265}
.rfq-form .form-footer{border-top-color:#6f865929}
.rfq-form .button{border-radius:8px}
.rfq-form .button-outline{background:#ffffff80;border-color:#7d90724d}
.rfq-form .button-outline:hover{background:#ffffffbf}

/* A geographic relief with quiet maritime light trails; no simulated vessel markers. */
.approach-section{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 65% 36%,#f6fafbea,transparent 68%),linear-gradient(120deg,#edf5f7,#eaf3f6 62%,#eff7f8)}
.approach-layout{position:relative;z-index:1}
.world-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center;mask-image:radial-gradient(ellipse at center,#000 25%,#000 60%,transparent 97%);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,#000 60%,transparent 97%)}
.world-map{display:block;width:auto;height:96%;max-width:100%;flex-shrink:0;overflow:visible;direction:ltr}
.world-land{opacity:.40;filter:blur(.4px)}
.world-backdrop:after{content:"";position:absolute;inset:8% 2% 8% 38%;pointer-events:none;background:linear-gradient(125deg,#ffffff03 10%,#ffffff30 44%,#ffffff0a 61%,#d7e6eb08 90%);backdrop-filter:blur(.6px) saturate(1.08);-webkit-backdrop-filter:blur(.6px) saturate(1.08);mask-image:radial-gradient(ellipse at 64% 46%,#000 18%,#000b3 48%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse at 64% 46%,#000 18%,#000b3 48%,transparent 76%)}
.world-land{opacity:.38;filter:blur(.35px) drop-shadow(0 -1px .6px #ffffffb3) drop-shadow(0 1.5px 1.8px #688a941a)}
.trade-routes{stroke:#7595a1;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;opacity:.17}
.route-halo,.route-light{stroke-dasharray:95 905;stroke-dashoffset:1000;stroke-linecap:round;animation:corridor-light var(--route-time,30s) linear infinite;animation-delay:var(--route-delay,0s);animation-play-state:paused}
.route-halo{stroke:#8aacb9;stroke-width:6;opacity:.20;filter:blur(2.4px)}
.route-light{stroke:#6c9cac;stroke-width:1.6;opacity:.56;filter:blur(.25px)}
.world-ports{fill:#eaf4f6;stroke:#7394a1;stroke-width:1.1;opacity:.65}
@keyframes corridor-light{from{stroke-dashoffset:1000}to{stroke-dashoffset:-95}}
@media(max-width:760px){.world-map{width:100%;height:auto;max-width:none;transform:translateY(-10%)}.world-land{opacity:.45}.trade-routes{stroke-width:1.4;opacity:.18}.world-ports circle{r:3.2px}.route-light{stroke-width:2}.route-halo{stroke-width:7}.rfq-form{padding:24px;border-radius:14px}}
@media(max-width:600px){.product-card{border-radius:11px}.rfq-form{padding:21px}.rfq-form label{font-size:14px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.product-card{background:#ffffffe8}.rfq-form{background:#ffffffe6}}
@media(prefers-reduced-motion:reduce){.route-light,.route-halo{animation:none!important;opacity:0}}

/* Tinted glass actions retain the catalogue's olive and graphite accents. */
.header-quote,.button,.category-list button,.language-switch{backdrop-filter:blur(12px) saturate(1.12);-webkit-backdrop-filter:blur(12px) saturate(1.12)}
.button,.header-quote{border-radius:8px}
.button-light,.button-dark,.button-accent{background:linear-gradient(135deg,#f3f7e8d6,#c6d6a780 58%,#e2eccacc);color:#4f642a;border:1px solid #b1c18b99;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffff73,inset 0 -1px 0 #788e5024,0 5px 15px #43532b0e}
.button-light:hover,.button-dark:hover,.button-accent:hover{background:linear-gradient(135deg,#f2f7e7e0,#b7cc938c 58%,#dfebc9d6);border-color:#95ab6ea6;color:#405323;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffff80,0 7px 19px #43532b16}
.button-light:active,.button-dark:active,.button-accent:active{background:linear-gradient(135deg,#e0ebcfa6,#cfddb8a6);box-shadow:inset 0 1px 3px #43532b14}
.hero-actions .button-light{background:linear-gradient(135deg,#f3f7e845,#c6d6a71a 58%,#e2ecca33);border-color:#98ab7040;border-top-color:#ffffffc7;box-shadow:inset 0 1px 0 #ffffffe6,inset 1px 0 0 #ffffff80,inset 0 -1px 1px #7e915724,0 4px 10px #43532b0a,0 1px 2px #43532b10;backdrop-filter:blur(6px) saturate(1.06);-webkit-backdrop-filter:blur(6px) saturate(1.06)}
.hero-actions .button-light:hover{background:linear-gradient(135deg,#f3f7e866,#c6d6a738 58%,#e2ecca59);border-color:#98ab7066;border-top-color:#ffffffe6;box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffff99,inset 0 -1px 1px #7e91572e,0 6px 14px #43532b12,0 2px 3px #43532b12}
.hero-actions .button-light:active{background:linear-gradient(135deg,#e0ebcf59,#cfddb840);box-shadow:inset 0 1px 2px #43532b0a}
.header-quote{background:linear-gradient(135deg,#626859c9,#262c23de 65%,#424a38cc);border:1px solid #59654b99;color:#fff;box-shadow:inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #12180d26,0 4px 12px #222a1b0d}
.header-quote:hover{background:linear-gradient(135deg,#788766d1,#455530db 65%,#566940cc);border-color:#7f925a;box-shadow:inset 0 1px 0 #ffffff66,0 5px 15px #3445261a}
.button-outline,.rfq-form .button-outline{background:linear-gradient(135deg,#ffffffa6,#ffffff38 65%,#ffffff80);border-color:#82917166;box-shadow:inset 0 1px 0 #fffffff2,0 3px 10px #42534b08}
.button-outline:hover,.rfq-form .button-outline:hover{background:linear-gradient(135deg,#ffffffd1,#ffffff70 65%,#ffffffa6);border-color:#6f86598c}
.category-list button{background:#d7dfcc70;border-color:#a3ad9147;box-shadow:inset 0 1px 0 #f4f8ee99,inset 1px 0 0 #ffffff40,inset 0 -1px 0 #64774b1a,0 4px 12px #4452330a}
.category-list button:hover{background:#c2cfb48c;border-color:#a0b17999;box-shadow:inset 0 1px 0 #f4f8ee99,0 6px 15px #43532b12}
.category-list button[aria-pressed=true]{background:#b2c394ad;border-color:#8fa566a6;color:#364a1d;box-shadow:inset 0 1px 0 #f4f8ee99,inset 1px 0 0 #ffffff40,inset 0 -1px 0 #667e3a26,0 5px 14px #43532b12}
.language-switch{background:linear-gradient(135deg,#ffffff80,#ffffff26);border-color:#a0ac8e59;box-shadow:inset 0 1px 0 #ffffffd9}
.language-switch button[aria-pressed=true]{background:linear-gradient(135deg,#68715cdb,#303729e6);box-shadow:inset 0 1px 0 #ffffff40;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* Checkpoints and traveller are painted together by the shared supply clock. */
.supply-flow:before{top:4.5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#5b732c59,#dba64b61 33%,#91c3d675 66%,#5b732c59);box-shadow:inset 0 1px 0 #ffffffb3,0 1px 3px #70834b0a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
[dir=rtl] .supply-flow:before{background:linear-gradient(-90deg,#5b732c59,#dba64b61 33%,#91c3d675 66%,#5b732c59)}
.supply-flow:after{inset-inline-start:clamp(1px,calc(var(--flow-progress,0) * 100% - 3.5px),calc(100% - 8px));opacity:var(--flow-opacity,0);z-index:2;background:linear-gradient(135deg,#f5e1b7b3,#dba64bd1);box-shadow:0 0 0 3px #dba64b14,0 0 9px #dba64b47}
.supply-flow li{--stage-rgb:91 115 44;--stage-ink:#4b6026}
.supply-flow li:nth-child(2){--stage-rgb:185 132 49;--stage-ink:#845219}
.supply-flow li:nth-child(3){--stage-rgb:97 144 164;--stage-ink:#416b7e}
.flow-number{position:relative;isolation:isolate;display:inline-grid;place-items:center;align-self:flex-start;min-width:32px;min-height:27px;padding:2px 7px;font-size:13px;line-height:1.4;font-weight:500;border:0;background:none;box-shadow:none;color:var(--earth);scale:1;text-shadow:none;transition:color .12s,scale .12s,text-shadow .12s}
.flow-number:before{content:"";position:absolute;inset:-3px -5px;z-index:-1;border-radius:45%;pointer-events:none;background:radial-gradient(ellipse at 36% 24%,#ffffff66,rgb(var(--stage-rgb) / .22) 54%,transparent 80%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);filter:blur(4px);opacity:0;scale:.9;transition:opacity .12s,scale .12s}
.supply-flow li:nth-child(2) .flow-number,.supply-flow li:nth-child(3) .flow-number{align-self:center}
.supply-flow li:last-child .flow-number{align-self:flex-end}
.flow-point{background:#ffffff33;border-color:rgb(var(--stage-rgb) / .40);box-shadow:none;transition:background .12s,box-shadow .12s}
.supply-flow .is-flow-active .flow-number{color:var(--stage-ink);scale:1.07;text-shadow:0 0 10px rgb(var(--stage-rgb) / .16)}
.supply-flow .is-flow-active .flow-number:before{opacity:.9;scale:1.05}
.supply-flow .is-flow-active .flow-point{background:rgb(var(--stage-rgb) / .70);box-shadow:inset 0 1px 0 #ffffff80,0 0 0 4px rgb(var(--stage-rgb) / .10),0 0 9px rgb(var(--stage-rgb) / .18)}
@media(min-width:380px) and (max-width:760px){.supply-flow li:first-child>[data-i18n],.supply-flow li:last-child>[data-i18n]{width:max-content;max-width:calc(100% + 14px)}}

/* A small lift for a mouse; touch receives a brief press response. */
.product-card{translate:0;scale:1;transition:translate .25s cubic-bezier(.2,.7,.2,1),scale .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
.product-card:focus-within{border-color:#fffffff2;box-shadow:inset 0 1px 0 #fff,0 14px 32px #3540291c,0 2px 6px #35402912}
@media(hover:hover) and (pointer:fine){.product-card:is(:hover,:focus-within){translate:0 -5px;scale:1.012;z-index:2;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #6d806624,0 19px 36px #35402926,0 5px 10px #35402912}}
@media(hover:none),(pointer:coarse){.product-card:active{scale:.994;box-shadow:inset 0 1px 0 #fff,0 5px 16px #35402914}.button:active,.header-quote:active{scale:.985}}
@media(prefers-reduced-motion:reduce){.product-card:is(:hover,:focus-within,:active),.button:active,.header-quote:active{translate:none;scale:none}}

/* Clear photographs, continuous section transitions and a translucent header. */
.hero-media,.field-media{border-radius:12px}
.approach-section{background:transparent;border-block-color:transparent}
.approach-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--approach-surface);mask-image:linear-gradient(to bottom,transparent,#000 38px,#000 calc(100% - 38px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 38px,#000 calc(100% - 38px),transparent)}
.steps,.step{border-color:transparent;position:relative}
.steps:before,.step:after{content:"";position:absolute;inset-inline:0;height:1px;pointer-events:none;background:linear-gradient(to right,transparent,#8cb3c25c 12%,#a2bfca47 82%,transparent)}
.steps:before{top:-1px}.step:after{bottom:0}
.rfq-form{background:#dde5d5a6;border-color:#b0bea170;backdrop-filter:blur(16px) saturate(1.10);-webkit-backdrop-filter:blur(16px) saturate(1.10);box-shadow:inset 0 1px 0 #f4f8ee99,inset 1px 0 0 #ffffff40,0 18px 52px #42534b12,0 3px 10px #42534b08}
.rfq-form input:not([type=checkbox]),.rfq-form select,.rfq-form textarea{background-color:#ffffff14;background-image:linear-gradient(135deg,#ffffff38,#ffffff0a 65%,#ffffff1f);border-color:#8c9b794a;box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #6f86590a;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.rfq-form input:not([type=checkbox]):hover,.rfq-form select:hover,.rfq-form textarea:hover{background-color:#ffffff26;background-image:linear-gradient(135deg,#ffffff38,#ffffff0a 65%,#ffffff1f)}
.rfq-form input:not([type=checkbox]):focus,.rfq-form select:focus,.rfq-form textarea:focus{background-color:#ffffffb3;background-image:linear-gradient(135deg,#ffffff38,#ffffff0a 65%,#ffffff1f);border-color:#6a8053;box-shadow:inset 0 1px 0 #fff,0 0 0 3px #6a80531a}
.rfq-form select option{background:#f8faf5;color:var(--ink)}
.rfq-form:focus{outline:2px solid #a3b383;outline-offset:4px}
.site-header{isolation:isolate;background:transparent;border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
/* Fade the glass itself, keeping the navigation sharp and fully interactive. */
.site-header:after{content:"";position:absolute;inset:0 0 -28px;z-index:0;pointer-events:none;background:linear-gradient(115deg,#fbfcf9de,#eaf0e3c9 48%,#f0f6f8db);backdrop-filter:blur(12px) saturate(1.10);-webkit-backdrop-filter:blur(12px) saturate(1.10);mask-image:linear-gradient(to bottom,#000 calc(100% - 44px),#000000d9 calc(100% - 30px),#00000073 calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 44px),#000000d9 calc(100% - 30px),#00000073 calc(100% - 16px),transparent)}
/* A quiet ribbed texture links the glass header and graphite footer. */
.site-header:before,.site-footer:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center top;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent)}
.site-header:before{bottom:-28px;z-index:1;background-image:repeating-linear-gradient(90deg,#53683e0e 0,#53683e0e 1px,#ffffff26 1px,#ffffff26 2px,transparent 2px,transparent 14px);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent),linear-gradient(to bottom,#000 calc(100% - 44px),transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 86%,transparent),linear-gradient(to bottom,#000 calc(100% - 44px),transparent);-webkit-mask-composite:source-in}
.header-inner{position:relative;z-index:2}
.site-footer:before{background-image:repeating-linear-gradient(90deg,#c3d2bd08 0,#c3d2bd08 1px,transparent 1px,transparent 14px)}
.main-nav a,.language-switch button{color:#495240}
.language-switch{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.language-switch button[aria-pressed=true]{color:#354527;background:#42552b12;box-shadow:inset 0 -2px 0 #81936370}
.brand-unit{color:#42552b}
@media(max-width:760px){.hero-media,.field-media{border-radius:10px}.approach-section:before{mask-image:linear-gradient(to bottom,transparent,#000 28px,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28px,#000 calc(100% - 28px),transparent)}}
@media(prefers-reduced-motion:reduce){.flow-number:before{animation:none!important;opacity:0}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header:after{background:#f5f8f0f5}.rfq-form{background:#ffffffe6}}

/* The same harbour continues behind the supply sequence, with the ship in view. */
.intro{position:relative;isolation:isolate}
.intro:before{content:"";position:absolute;z-index:-1;top:-170px;bottom:-15px;right:calc((100vw - 100%)/-2);width:65%;pointer-events:none;background:url(assets/intro-port-aerial.webp) 70% 65px / auto 130% no-repeat;opacity:.14;filter:saturate(.8);mask-image:radial-gradient(ellipse at 68% 65%,#000 18%,#000 39%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at 68% 65%,#000 18%,#000 39%,transparent 73%)}
@media(max-width:760px){.intro:before{top:auto;bottom:-12px;width:100vw;height:420px;background-size:auto 100%;background-position:73% 90px;opacity:.12;mask-image:radial-gradient(ellipse at 74% 76%,#000 12%,#000 38%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at 74% 76%,#000 12%,#000 38%,transparent 73%)}}

/* Shared business telephone contacts use the same tactile link treatment. */
.contact-phones{display:grid;gap:7px;margin-top:10px}
.contact-phones a{width:fit-content;font-size:16px;line-height:1.65}
.contact-phones .whatsapp-caption{font-size:12px;opacity:.72;margin-inline-start:6px}
.footer-links .contact-phones{margin:0 0 6px;gap:6px}

/* A uniform olive tint and soft glass keep the scenery visible without a white sheen. */
html{overflow-x:clip}
.catalog-section>.wrap{z-index:auto}
.product-card{background:#c8d2b870;mix-blend-mode:normal;backdrop-filter:blur(6px) saturate(1.04);-webkit-backdrop-filter:blur(6px) saturate(1.04);border-color:#98a78659;border-right-color:#73846238;border-bottom-color:#73846242;box-shadow:inset 0 1px 0 #f4f8ee99,inset 0 -1px 0 #6d80661a,0 10px 28px #35402914,0 2px 5px #3540290d}
.product-card:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.product-card .product-visual,.product-card .product-body,.product-card .card-cta{position:relative;z-index:1}
.product-card:after{background:none;box-shadow:inset 1px 0 0 #ffffff66,inset -1px 0 0 #ffffff26}
.product-card .product-visual,.product-card .product-body,.product-card .card-cta{background:transparent}
.product-card .product-visual,.product-photo{mix-blend-mode:normal}
.product-photo{filter:url(#product-clear-background)}
.hero-actions .text-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:49px;padding:12px 0 8px;background:transparent;border-radius:0;border:0;border-bottom:1px solid #71865340;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-actions .text-link .micro-label{text-shadow:0 -1px 0 #ffffffc7,0 1px 1px #3540292e,0 2px 3px #35402912}
.hero-actions .text-link:active .micro-label{text-shadow:0 1px 0 #ffffff99,0 -1px 1px #35402933}

/* Appearance follows the device until the visitor makes a manual choice. */
.theme-filter-defs{position:absolute;pointer-events:none;overflow:hidden}
.theme-toggle{display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #71865333;border-radius:50%;padding:8px;background:transparent;color:var(--ink);box-shadow:inset 0 1px 0 #ffffff4d;cursor:pointer;transition:background .18s,transform .18s}
.theme-toggle:hover{background:#71865314}.theme-toggle:active{transform:scale(.94)}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{display:none}
html[data-theme=dark]{--surface-graphite:#141915;--approach-surface:radial-gradient(ellipse at 65% 36%,#2b3b4161,transparent 68%),linear-gradient(120deg,#1c272b,#202e33 62%,#1b282b);--approach-copy:#c0cdcd;--graphite:#edf0e8;--olive:#b5ca86;--earth:#d5b890;--ochre:#d8b474;--sky:#91b0bd;--navy:var(--graphite);--blue:var(--olive);--ink:var(--graphite);--text:#bac4b5;--label:#adb8a4;--line:#c2d0b929;--soft:#232b23;--pale:#252d24;--white:#171c18;background:#171c18;color-scheme:dark}
html[data-theme=dark] body,html[data-theme=dark] .catalog-section,html[data-theme=dark] .contact-section{background:#171c18}
html[data-theme=dark] .site-header:after{background:linear-gradient(115deg,#171c18ed,#1d261cdb 48%,#1b2628e8)}
html[data-theme=dark] .site-header:before{background-image:repeating-linear-gradient(90deg,#b8cbaa0d 0,#b8cbaa0d 1px,#ffffff05 1px,#ffffff05 2px,transparent 2px,transparent 14px)}
html[data-theme=dark] .brand-logo{filter:grayscale(1) brightness(0) invert(.92)}
html[data-theme=dark] .main-nav a,html[data-theme=dark] .language-switch button{color:var(--text)}
html[data-theme=dark] .main-nav a:hover,html[data-theme=dark] .brand-unit{color:var(--olive)}
html[data-theme=dark] .language-switch button[aria-pressed=true]{color:var(--ink);background:#b5ca8612;box-shadow:inset 0 -2px 0 #b5ca8666}
html[data-theme=dark] .theme-toggle{border-color:#b5ca863b;color:var(--ink)}
html[data-theme=dark] .theme-moon{display:none}html[data-theme=dark] .theme-sun{display:block}
html[data-theme=dark] .header-quote,html[data-theme=dark] .button{background:linear-gradient(135deg,#84975b2e,#60754118);color:#d4e3b9;border-color:#a4bb7747;box-shadow:inset 0 1px 0 #f5ffe51f,0 5px 18px #00000018}
html[data-theme=dark] .header-quote:hover,html[data-theme=dark] .button:hover{background:#82995736}
html[data-theme=dark] .hero-actions .text-link{color:var(--ink);background:transparent;border-color:#b5ca8640;box-shadow:none}
html[data-theme=dark] .hero-actions .micro-label{text-shadow:0 -1px 0 #ffffff22,0 2px 2px #00000090}
html[data-theme=dark] .hero .eyebrow{color:var(--earth)}
html[data-theme=dark] .hero-backdrop,html[data-theme=dark] .intro:before{opacity:.095}
html[data-theme=dark] .catalog-backdrop{opacity:.22;filter:saturate(.78) brightness(.88) blur(1.2px)}
html[data-theme=dark] .category-list button{background:#8ca16b0a;border-color:#acbd902e;color:var(--text);box-shadow:inset 0 1px 0 #ffffff0d}
html[data-theme=dark] .category-list button:hover,html[data-theme=dark] .category-list button[aria-pressed=true]{background:#a3b8811c;border-color:#a7be7673;color:var(--ink)}
html[data-theme=dark] .search-box{background:#a7bf830a;border-color:#a7b99a3b;box-shadow:inset 0 1px 0 #ffffff12}
html[data-theme=dark] .search-box input::placeholder{color:var(--label)}
html[data-theme=dark] .product-card{mix-blend-mode:normal;background:#29372b80;border-color:#d6e6cd38;box-shadow:inset 0 1px 0 #f1ffe31f,0 10px 28px #0000001f}
html[data-theme=dark] .product-card:after{box-shadow:inset 1px 0 0 #ffffff12,inset -1px 0 0 #ffffff08}
html[data-theme=dark] .product-card:hover,html[data-theme=dark] .product-card:focus-within{border-color:#d4e6c14f;box-shadow:inset 0 1px 0 #e5f3d638,0 19px 36px #0000003d}
html[data-theme=dark] .product-card .product-visual,html[data-theme=dark] .product-photo{mix-blend-mode:normal}
html[data-theme=dark] .product-photo{filter:url(#product-clear-background)}
html[data-theme=dark] .product-botanical{filter:invert(1);mix-blend-mode:screen;opacity:.075}
html[data-theme=dark] .product-card h3{color:var(--ink)}
html[data-theme=dark] .product-card p,html[data-theme=dark] .card-category,html[data-theme=dark] .range-label{color:var(--text)}
html[data-theme=dark] .card-cta{color:var(--olive)}
html[data-theme=dark] .approach-section{background:transparent}
html[data-theme=dark] .world-land{opacity:.12;filter:blur(.5px)}
html[data-theme=dark] .world-backdrop:after{background:linear-gradient(125deg,transparent,#c4deea08 44%,transparent 90%)}
html[data-theme=dark] .step h3,html[data-theme=dark] .step>span,html[data-theme=dark] .flow-number{color:var(--ink)}
html[data-theme=dark] .supply-flow:before{background:linear-gradient(90deg,#b9cf8c75,#e0bc7d80 33%,#9dd0e48c 66%,#b9cf8c75);box-shadow:inset 0 1px 0 #e5efcc24,0 0 6px #b9cf8c12}
html[data-theme=dark][dir=rtl] .supply-flow:before{background:linear-gradient(-90deg,#b9cf8c75,#e0bc7d80 33%,#9dd0e48c 66%,#b9cf8c75)}
html[data-theme=dark] .supply-flow:after{background:#eef5d9;box-shadow:0 0 0 3px #bdcf9329,0 0 10px #cee7a399,0 0 20px #bdcf9338}
html[data-theme=dark] .supply-flow li{--stage-rgb:185 207 140;--stage-ink:#e4efcd}
html[data-theme=dark] .supply-flow li:nth-child(2){--stage-rgb:224 188 125;--stage-ink:#f5e5c4}
html[data-theme=dark] .supply-flow li:nth-child(3){--stage-rgb:157 208 228;--stage-ink:#def2fa}
html[data-theme=dark] .flow-number{color:#b8c4ad}
html[data-theme=dark] .flow-number:before{background:radial-gradient(ellipse,rgb(var(--stage-rgb) / .32),rgb(var(--stage-rgb) / .12) 54%,transparent 80%);filter:blur(3px)}
html[data-theme=dark] .supply-flow .flow-point{background:#b9cf8c14;border-color:rgb(var(--stage-rgb) / .65)}
html[data-theme=dark] .supply-flow .is-flow-active .flow-number{color:var(--stage-ink);scale:1.09;text-shadow:0 0 8px rgb(var(--stage-rgb) / .65),0 0 18px rgb(var(--stage-rgb) / .28)}
html[data-theme=dark] .supply-flow .is-flow-active .flow-point{background:var(--stage-ink);box-shadow:0 0 0 4px rgb(var(--stage-rgb) / .16),0 0 12px rgb(var(--stage-rgb) / .65)}
html[data-theme=dark] .contact-backdrop{opacity:.18;filter:saturate(.75)}
html[data-theme=dark] .rfq-form{background:#1d2b2080;border-color:#bed2b338;box-shadow:inset 0 1px 0 #e8ffe226,0 18px 52px #00000026}
html[data-theme=dark] .rfq-form label{color:var(--ink)}
html[data-theme=dark] .rfq-form input:not([type=checkbox]),html[data-theme=dark] .rfq-form select,html[data-theme=dark] .rfq-form textarea{background:#b7cfaa05;border-color:#b1c4a338;color:var(--ink);box-shadow:inset 0 1px 0 #ffffff0d}
html[data-theme=dark] .rfq-form input:not([type=checkbox]):hover,html[data-theme=dark] .rfq-form select:hover,html[data-theme=dark] .rfq-form textarea:hover{background:#b7cfaa0a}
html[data-theme=dark] .rfq-form input:not([type=checkbox]):focus,html[data-theme=dark] .rfq-form select:focus,html[data-theme=dark] .rfq-form textarea:focus{background:#243124e6;border-color:#a6bd7c;box-shadow:0 0 0 3px #a6bd7c1f}
html[data-theme=dark] .rfq-form ::placeholder{color:#a3af9d}
html[data-theme=dark] .rfq-form select option{background:#202920;color:var(--ink)}
html[data-theme=dark] .rfq-form .privacy-consent input{background:#b7cfaa08;border-color:#92a479;box-shadow:inset 0 1px 0 #d4e2bd14}
html[data-theme=dark] .rfq-form .privacy-consent input:hover,html[data-theme=dark] .rfq-form .privacy-consent input:checked{background:#b5ca861f;border-color:var(--olive)}
html[data-theme=dark] .privacy-section a,html[data-theme=dark] .privacy-consent a{color:var(--olive)}
html[data-theme=dark] .catalog-result-line,html[data-theme=dark] .card-index{color:var(--label)}
html[data-theme=dark] ::selection{background:#53663c;color:#fff}
html[data-theme=dark] .privacy-date{color:var(--label)}
@media(max-width:760px){.header-actions{gap:8px}.brand-logo{width:110px}.brand{gap:9px}.brand-unit{font-size:11px}.language-switch button{padding:6px 5px}.theme-toggle{width:32px;height:32px;flex-basis:32px;padding:6px}}
@media(max-width:370px){.brand-logo{width:94px}.brand{gap:7px}.brand-unit{font-size:10px}.language-switch button{padding:6px 4px}.header-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}}

.catalog-enquiry{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:30px;padding:24px 0 0;border-top:1px solid var(--line)}
.catalog-enquiry p{max-width:850px;color:var(--text);font-size:16px;line-height:1.7}
.catalog-enquiry .text-link{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;color:var(--olive);font-size:15px;min-height:44px}
@media(max-width:760px){.catalog-enquiry{align-items:flex-start;flex-direction:column;gap:12px;margin-top:24px}.catalog-enquiry p{font-size:15px}}

/* Product image boxes have an explicit aspect ratio: defer off-screen filters without moving the cards. */
.product-visual{content-visibility:auto}
main{overflow-x:clip}
.catalog-backdrop,.contact-backdrop{contain:paint;transform:translateZ(0)}
.site-header .header-quote,.rfq-form .button{backdrop-filter:none;-webkit-backdrop-filter:none}

/* Keep the olive glass finish without dozens of moving backdrop sampling surfaces. */
.site-header:after,.product-card,.category-list button,.language-switch button[aria-pressed=true],.header-quote,.button,.rfq-form,.world-backdrop:after,.supply-flow:before,.flow-number:before{backdrop-filter:none;-webkit-backdrop-filter:none}
.site-header:after{background:linear-gradient(115deg,#fbfcf9f2,#eaf0e3ed 48%,#f0f6f8f0)}
html[data-theme=dark] .site-header:after{background:linear-gradient(115deg,#171c18f5,#1d261cf0 48%,#1b2628f2)}
.world-backdrop{contain:paint;isolation:isolate}
html[data-scrolling=true] .motion-region .ambient-motion{animation-play-state:paused!important}

/* Only transform/opacity change each frame; the four measured stops share one clock. */
.supply-flow:after{display:none}
.flow-traveller{position:absolute;left:0;top:2px;width:7px;height:7px;border-radius:50%;z-index:2;pointer-events:none;opacity:0;will-change:transform;background:linear-gradient(135deg,#f5e1b7b3,#dba64bd1);box-shadow:0 0 0 3px #dba64b14,0 0 9px #dba64b47}
html[data-theme=dark] .flow-traveller{background:#eef5d9;box-shadow:0 0 0 3px #bdcf9329,0 0 10px #cee7a399,0 0 20px #bdcf9338}

/* A full-height geographic crop replaces the miniature whole-world map on a phone. */
@media(max-width:760px){
 .world-map{position:absolute;inset:0;width:100%;height:100%;max-width:none;transform:none;overflow:hidden}
 .world-backdrop{mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 87%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 87%,transparent)}
 .world-backdrop:after{inset:8% 0}
 .world-land{opacity:.30}
 html[data-theme=dark] .world-land{opacity:.16}
}
@media(prefers-reduced-motion:reduce){.flow-traveller{opacity:0!important;will-change:auto}}

/* Give the browser an opaque themed canvas before the first scroll. */
html,html body,html[data-theme=dark] body{background-color:var(--browser-canvas,#fff)}
.site-header{background-color:var(--browser-canvas,#fff);padding-top:env(safe-area-inset-top,0px)}
body{min-height:100dvh;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(100px + env(safe-area-inset-top,0px))}
@media(forced-colors:active){.rfq-form .privacy-consent input,html[data-theme=dark] .rfq-form .privacy-consent input{appearance:auto;-webkit-appearance:auto;background:Canvas;border-color:ButtonText;box-shadow:none}.rfq-form .privacy-consent input::after{display:none}}