/* Konza Tropicals theme 2026-11: Nature's Pride style layout in Konza logo colours.
   Loaded after kt.css. Remove the <link> to revert. */

:root{
  --k-orange:#E3522A; --k-orange-deep:#C2401C; --k-lime:#90C838; --k-lime-soft:#C9E79A;
  --k-forest:#1F3F0C; --k-forest-2:#2F5A14; --k-seed:#884028; --k-cream:#F7F5E8; --k-ink:#1E1711;
  --ff-display:"Inter","Inter Fallback","Helvetica Neue",Helvetica,Arial,sans-serif;
  --ff-body:"Inter","Inter Fallback","Helvetica Neue",Helvetica,Arial,sans-serif;
  --ff-hand:var(--ff-display);
  --bg:var(--k-cream); --bg-alt:#FFFFFF; --accent:var(--k-orange);
  --k-pattern:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27220%27%20height%3D%27220%27%20viewBox%3D%270%200%20220%20220%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%2390C838%27%20stroke-opacity%3D%27.06%27%20stroke-width%3D%272%27%3E%3Cpath%20d%3D%27M40%2030c22%206%2034%2026%2030%2052-24-4-38-24-30-52z%27/%3E%3Cpath%20d%3D%27M44%2034c8%2016%2014%2030%2026%2048%27/%3E%3Cellipse%20cx%3D%27160%27%20cy%3D%2770%27%20rx%3D%2726%27%20ry%3D%2734%27%20transform%3D%27rotate%28-20%20160%2070%29%27/%3E%3Ccircle%20cx%3D%27163%27%20cy%3D%2778%27%20r%3D%2711%27/%3E%3Cpath%20d%3D%27M150%20150c30-10%2052%202%2060%2030-30%2010-52-2-60-30z%27/%3E%3Cpath%20d%3D%27M152%20152c18%206%2036%2014%2058%2028%27/%3E%3Cpath%20d%3D%27M30%20170c10-22%2030-30%2052-24-6%2024-26%2034-52%2024z%27/%3E%3C/g%3E%3C/svg%3E");
}
body{background:var(--k-cream);color:var(--k-ink);font-family:var(--ff-body);font-size:17px;line-height:1.65}
h1,h2,h3,h4{font-family:var(--ff-display);letter-spacing:-.015em}
h2{font-weight:800}
h3{font-weight:700}

/* Eyebrows: spaced capitals in avocado, like "DAY ONE IN EGYPT" */
.eyebrow{font-family:var(--ff-display);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--k-forest-2)}
.eyebrow::before{background:var(--k-orange)}

/* Header: floating logo badge with pill buttons either side */
.menu-btn{background:var(--k-forest-2)!important;color:var(--k-lime)!important;border-radius:999px!important;border:0!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 18px rgba(31,63,12,.25)}
.menu-btn .mb-ico i{background:var(--k-lime)!important}
.hdr-cta,.top .cta{background:var(--k-orange)!important;color:#fff!important;border-radius:999px!important;border:0!important;box-shadow:0 6px 18px rgba(227,82,42,.30)}

/* Buttons: rounded pills in brand colours */
.btn{border-radius:999px;font-family:var(--ff-display);font-weight:700;padding-inline:26px}
.btn-primary{background:var(--k-orange);border-color:var(--k-orange);color:#fff}
.btn-primary:hover{background:var(--k-orange-deep);border-color:var(--k-orange-deep)}
.btn-outline-light{background:var(--k-lime);border-color:var(--k-lime);color:var(--k-forest)}
.btn-outline-light:hover{background:#A6D65A;border-color:#A6D65A;color:var(--k-forest)}
.btn-outline,.btn-ghost{border-radius:999px;border-color:var(--k-forest-2);color:var(--k-forest-2)}

/* Hero: full width photo, big handwritten headline */
.hero{min-height:min(88vh,760px);display:flex;align-items:center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,30,5,.30) 0%,rgba(15,30,5,.55) 60%,rgba(15,30,5,.75) 100%);pointer-events:none}
.hero .wrap{z-index:2;grid-template-columns:1fr;text-align:center;justify-items:center}
.hero h1{font-family:var(--ff-hand)!important;font-weight:700!important;font-size:clamp(2.6rem,6.4vw,5.2rem);line-height:1.02;letter-spacing:0;text-shadow:0 3px 18px rgba(0,0,0,.35);max-width:16ch}
.hero h1 span{color:var(--k-lime)!important}
.hero .lead{max-width:56ch;font-size:1.1rem}
.hero .eyebrow{color:var(--k-lime)}
.hero-ctas{justify-content:center}
.hero .script-tag{position:absolute;top:96px;right:24px;z-index:3;background:var(--k-forest);color:var(--k-cream);font-family:var(--ff-hand);font-weight:700;font-size:1.5rem;padding:8px 20px;border-radius:4px;transform:rotate(-2deg)}

/* Section rhythm: cream bands, and bold forest bands with a soft leaf pattern */
main > section{background:var(--k-cream)}
main > section.alt{background:var(--k-forest) var(--k-pattern);color:#EAF2DD}
main > section.alt h2,main > section.alt h3{color:var(--k-cream)}
main > section.alt .eyebrow{color:var(--k-lime)}
main > section.alt .lead,main > section.alt p{color:#DDE8CC}
main > section.alt a:not(.btn){color:var(--k-lime)}
main > section.alt .card,main > section.alt .partner,main > section.alt details{background:rgba(255,255,255,.06);border-color:rgba(201,231,154,.25);color:#EAF2DD}
main > section.alt summary{color:var(--k-cream)}
.sec-head h2{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.08}
.sec-head{text-align:center;margin-inline:auto}

/* Product cards: rounded, photo led */
.prod,.card,.post,.mk-card,.konza-paths article,.partner{border-radius:22px;overflow:hidden;border:0;box-shadow:0 10px 30px rgba(31,63,12,.10)}
.prod img,.post img{transition:transform .5s ease}
.prod:hover img,.post:hover img{transform:scale(1.05)}

/* Four business lines: full height photo tiles with bold captions, as on Nature's Pride */
.divs.four{gap:0;border-radius:22px;overflow:hidden}
.divs.four .div{position:relative;min-height:440px;border-radius:0;color:#fff;display:flex;align-items:flex-end}
.divs.four .div picture,.divs.four .div img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.divs.four .div::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(15,30,5,.85) 100%)}
.divs.four .div .body{position:relative;z-index:2;padding:26px;background:none}
.divs.four .div h2{color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.01em;font-size:1.55rem;line-height:1.05}
.divs.four .div p,.divs.four .div ul{color:#E6EED9;font-size:.95rem}
.divs.four .div .go{display:inline-block;margin-top:10px;background:var(--k-lime);color:var(--k-forest);border-radius:999px;padding:6px 16px;font-weight:700}

/* Gallery: soft rounded tiles */
.gallery figure{border-radius:18px;overflow:hidden}

/* Market cards */
.mk-card{background:#fff}
.mk-card b,.mk-card strong{color:var(--k-forest-2)}

/* FAQ */
details{border-radius:16px}

/* Footer: rich forest band with pattern and avocado headings */
footer{background:var(--k-forest) var(--k-pattern)!important;color:#DDE8CC}
footer h3{color:var(--k-lime);text-transform:uppercase;letter-spacing:.06em;font-weight:800}
footer .sitemap a{color:#EAF2DD}
footer .sitemap a::before{content:"\2192\00a0";color:var(--k-orange)}
footer .fbar{border-top-color:rgba(201,231,154,.25)}
footer .social a{background:var(--k-orange);color:#fff!important;text-decoration:none!important;border-radius:999px;padding:6px 16px!important}

@media (max-width:760px){
  .hero{min-height:78vh}
  .hero .script-tag{top:84px;right:12px;font-size:1.15rem}
  .divs.four .div{min-height:360px}
}

/* Full width photo band with a handwritten line */
.np-band{position:relative;min-height:min(70vh,640px);display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;padding:90px 20px}
.np-band picture,.np-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.np-band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,30,5,.20) 0%,rgba(15,30,5,.70) 100%)}
.np-band .in{position:relative;z-index:2;max-width:900px}
.np-band .eyebrow{color:var(--k-lime)}
.np-band .hand{font-family:var(--ff-hand)!important;font-weight:700;font-size:clamp(2.3rem,5.6vw,4.6rem);line-height:1.04;margin:6px 0 16px;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.35)}
.np-band p{font-size:1.15rem;color:#F1F6E8;margin:0 auto 24px;max-width:54ch}
.hero-bg img{object-fit:cover;object-position:center 60%}
.gallery figcaption{font-family:var(--ff-display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}

.np-band .in,.np-band .in p{text-align:center!important}
.np-band .in p{margin-left:auto!important;margin-right:auto!important}
.np-band .hand{max-width:none}

.divs.four .div::after{background:linear-gradient(180deg,rgba(15,30,5,.50) 0%,rgba(15,30,5,.72) 45%,rgba(15,30,5,.94) 100%)!important}
.divs.four .div .body,.divs.four .div .body *{color:#F4F8EC!important;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.divs.four .div h2{color:#fff!important}
.divs.four .div .go{color:var(--k-forest)!important;text-shadow:none}
.divs.four .div .body{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}

@media (max-width:900px){.hero .script-tag{display:none}}

/* Formal headline style (no handwriting) */
.hero h1{font-weight:800!important;letter-spacing:-.025em!important;line-height:1.05!important;font-size:clamp(2.4rem,5.4vw,4.4rem)!important;max-width:18ch}
.np-band .hand{font-weight:800!important;letter-spacing:-.025em;font-size:clamp(2.1rem,4.6vw,3.8rem)!important}
.hero .script-tag{display:none!important}

/* One lighter overlay so the orchard photo shows through */
.hero::after{background:none!important}
.hero::before{background:linear-gradient(180deg,rgba(15,30,5,.30) 0%,rgba(15,30,5,.42) 55%,rgba(15,30,5,.62) 100%)!important}
.hero h1,.hero .lead,.hero .eyebrow{text-shadow:0 2px 14px rgba(0,0,0,.45)}

/* Compact sticky header, as on the live site */
header.top{position:sticky;top:0;z-index:50;background:rgba(247,245,232,.94)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 14px rgba(31,63,12,.10)}
header.top .brand{background:none!important;padding:0!important;box-shadow:none!important}
header.top .brand img{height:50px!important;width:auto!important}
.menu-btn,.hdr-cta,.top .cta{min-height:42px!important;padding:8px 18px!important;font-size:.9rem!important}
.menu-btn{box-shadow:none!important}.hdr-cta,.top .cta{box-shadow:none!important}

/* Product card waiting for a photo */
.prod.no-photo{background:var(--k-forest) var(--k-pattern);display:flex;flex-direction:column;justify-content:center}
.prod.no-photo .body{padding-top:36px}
.prod.no-photo h3{color:var(--k-cream)!important}
.prod.no-photo p{color:#DDE8CC!important}
.prod.no-photo .more{color:var(--k-lime)!important}

/* Four tiles: aligned grid of headings, text and buttons */
.divs.four .div{align-items:stretch!important}
.divs.four .div .body{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;text-align:left!important;padding:34px 26px 28px!important;width:100%}
.divs.four .div h2{min-height:2.2em;display:flex;align-items:flex-end;text-align:left!important;margin:0 0 14px!important;width:100%}
.divs.four .div p{margin:0 0 12px!important;text-align:left!important}
.divs.four .div ul{margin:0 0 16px!important;padding-left:1.1em!important;text-align:left!important}
.divs.four .div li{margin:0 0 6px}
.divs.four .div .go{margin-top:auto!important;align-self:flex-start}

.divs.four .div .go{width:100%;min-height:54px;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:.82rem;padding:8px 14px!important;line-height:1.25}
@media (min-width:1101px){.divs.four .div p{min-height:11.6em}}

/* Partners: three equal cards in one row */
#partners .partners{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}
#partners .partner{display:flex!important;flex-direction:column!important;align-items:stretch;padding:26px!important;gap:0!important;text-align:left}
#partners .partner .plogo{width:100%!important;max-width:none!important;height:120px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:14px;padding:14px 20px;margin:0 0 20px!important;flex:none}
#partners .partner .plogo img{max-height:92px;max-width:100%;width:auto;height:auto;object-fit:contain}
#partners .partner > div:last-child{display:flex;flex-direction:column;flex:1}
#partners .partner h3{min-height:2.4em;display:flex;align-items:flex-end;margin:0 0 10px!important;font-size:1.3rem;line-height:1.15}
#partners .partner p{margin:0 0 16px}
#partners .partner .more{margin-top:auto}
@media (max-width:900px){#partners .partners{grid-template-columns:1fr!important}#partners .partner h3{min-height:0}}

#partners .partner.partner-visits{grid-column:auto!important;display:flex!important;flex-direction:column!important;grid-template-columns:none!important}

/* Gallery: continuous moving photo slider */
#gallery .wrap{max-width:none}
#gallery .sec-head{max-width:1140px;margin-inline:auto}
.np-marquee{overflow:hidden;width:100%;margin-top:28px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.np-track{display:flex;gap:18px;width:max-content;animation:np-slide 60s linear infinite}
.np-marquee:hover .np-track{animation-play-state:paused}
.np-track figure{flex:none;width:420px;height:300px;margin:0;border-radius:18px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.25)}
.np-track figure picture,.np-track figure img{display:block;width:100%;height:100%;object-fit:cover}
@keyframes np-slide{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
@media (max-width:700px){.np-track figure{width:260px;height:200px}.np-track{animation-duration:45s}}
@media (prefers-reduced-motion:reduce){.np-track{animation:none}.np-marquee{overflow-x:auto}}

/* Clarity pass: alternate cream, white and deep green sections with strong contrast */
main > section{padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}
main > section.np-light{background:#fff!important;color:var(--k-ink)!important}
main > section.np-light h2,main > section.np-light h3,main > section.np-light summary{color:var(--k-forest)!important}
main > section.np-light p,main > section.np-light .lead,main > section.np-light li{color:#3A3A30!important}
main > section.np-light .eyebrow{color:var(--k-forest-2)!important}
main > section.np-light a:not(.btn){color:var(--k-orange-deep)!important}
main > section.np-light .partner,main > section.np-light details{background:var(--k-cream)!important;border:1px solid #E4E0C8!important;color:var(--k-ink)!important;box-shadow:0 6px 18px rgba(31,63,12,.06)}
main > section.np-light details[open]{background:#FBFAF2!important}
/* White cards sitting on dark bands: dark readable text */
main > section.alt:not(.np-light) a:not(.btn)[style],main > section.alt:not(.np-light) .card,main > section.alt:not(.np-light) .press a:not(.btn){color:var(--k-ink)}
#press-teaser a:not(.btn){background:#fff;border-radius:18px}
#press-teaser a:not(.btn),#press-teaser a:not(.btn) *{color:var(--k-forest)!important}
#press-teaser a:not(.btn):hover{background:var(--k-lime-soft)}
/* Outline buttons: visible on both light and dark */
.btn-ghost,.btn-outline{background:transparent;border:2px solid var(--k-forest-2)!important;color:var(--k-forest-2)!important}
main > section.alt:not(.np-light) .btn-ghost,main > section.alt:not(.np-light) .btn-outline{border-color:var(--k-lime)!important;color:var(--k-lime)!important}
main > section.alt:not(.np-light) .btn-ghost:hover,main > section.alt:not(.np-light) .btn-outline:hover{background:var(--k-lime)!important;color:var(--k-forest)!important}
/* Newsletter box on dark */
main > section.alt .news{background:rgba(255,255,255,.08);border:1px solid rgba(201,231,154,.3);border-radius:22px}
main > section.alt .news input{background:#fff;color:var(--k-ink);border:0;border-radius:999px}

/* Contact: two balanced cards centred under the heading */
#contact .contact{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:980px;margin-inline:auto;gap:24px!important}
#contact .card{background:#fff;border:1px solid #E4E0C8;box-shadow:0 8px 24px rgba(31,63,12,.08)}
#contact .card a{color:var(--k-forest)!important}
@media (max-width:760px){#contact .contact{grid-template-columns:1fr!important}}

/* Brand colour system from the logo: orange #E3522A, avocado green #90C838, deep green #1F3F0C, seed brown #884028, cream */
body{color:#2B2A22}
main > section:not(.alt):not(.np-band):not(.hero) h2,main > section.np-light h2{color:var(--k-forest)!important}
main > section:not(.alt):not(.np-band):not(.hero) h3{color:var(--k-forest)}
.eyebrow{color:var(--k-orange-deep)!important}
.hero .eyebrow,.np-band .eyebrow,main > section.alt:not(.np-light) .eyebrow{color:var(--k-lime)!important}
.eyebrow::before{background:var(--k-lime)!important}
main > section:not(.alt) .lead{color:#4A4838}
.prod h3,.post h3,.mk-card h3,.konza-paths h3{color:var(--k-forest)!important}
.prod .more,.post .more,.mk-card .more,a.more{color:var(--k-orange-deep)!important;font-weight:700;letter-spacing:.04em}
.prod,.post,.mk-card,.konza-paths article{background:#fff!important;border:1px solid #ECE8D3!important}
.prod:hover,.post:hover,.mk-card:hover{box-shadow:0 16px 36px rgba(31,63,12,.16)!important;transform:translateY(-2px)}
header.top nav a,header.top .quick a{color:var(--k-forest-2)!important;font-weight:600}
header.top nav a:hover,header.top .quick a:hover{color:var(--k-orange)!important}
main a:not(.btn):not(.prod):not(.post):not(.mk-card):not(.div):hover{color:var(--k-orange)}
.btn-primary{box-shadow:0 8px 20px rgba(227,82,42,.25)}
main > section.alt:not(.np-light) h2{color:#FFFFFF!important}
main > section.alt:not(.np-light) .lead,main > section.alt:not(.np-light) p{color:#E3EDD3!important}
#press-teaser a:not(.btn) *{color:var(--k-forest)!important}
details summary{font-weight:700}
details summary::marker{color:var(--k-orange)}
footer h3{color:var(--k-lime)!important}
footer a:hover{color:var(--k-orange)!important}

#partners .partner .eyebrow{display:none!important}
.hero .eyebrow{display:inline-block;background:rgba(15,30,5,.55);padding:6px 16px;border-radius:999px;color:var(--k-lime)!important}
.hero .eyebrow::before{display:none}

/* Work with us cards: identical layout, left aligned, buttons on one line */
.konza-paths article{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;padding:30px!important}
.konza-paths article .eyebrow{min-height:2.6em;display:flex;align-items:flex-start;text-align:left!important;justify-content:flex-start!important;margin:0 0 8px!important}
.konza-paths article h3{min-height:2.4em;text-align:left!important;margin:0 0 10px!important;width:100%}
.konza-paths article p{text-align:left!important;margin:0 0 20px!important}
.konza-paths article .btn{margin-top:auto!important;align-self:flex-start!important}

/* Newsletter on dark: readable labels and links */
main > section.alt .news,main > section.alt .news label,main > section.alt .news .note,main > section.alt .news span,main > section.alt .news p{color:#E3EDD3!important}
main > section.alt .news h3{color:#fff!important}
main > section.alt .news a{color:var(--k-lime)!important}
main > section.alt .news input[type=checkbox]{accent-color:var(--k-lime)}

/* Remove the product strip under the logo (the same links are in the menu) */
header.top .quick,header.top nav.quick{display:none!important}
/* Keep the hero headline clear of the header and well proportioned */
.hero{padding-top:56px!important;padding-bottom:56px!important}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.9rem)!important}

/* Slim header: about 60px tall on desktop */
header.top > .wrap{min-height:0!important;height:60px!important;padding-top:0!important;padding-bottom:0!important;display:flex;align-items:center}
header.top{padding:0!important}
header.top .brand img{height:40px!important}
.menu-btn,.hdr-cta,.top .cta{min-height:38px!important;height:38px;padding:0 16px!important;font-size:.85rem!important}
@media (max-width:760px){header.top > .wrap{height:56px!important}header.top .brand img{height:36px!important}}

/* Hero: text on a clear dark glass panel so every word reads cleanly */
.hero{min-height:0!important;padding-top:64px!important;padding-bottom:64px!important;align-items:center}
.hero .hero-copy{background:rgba(15,30,5,.66);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(201,231,154,.25);border-radius:24px;padding:34px 44px 28px;max-width:880px;margin-inline:auto;box-shadow:0 20px 50px rgba(0,0,0,.30)}
.hero h1{font-size:clamp(2rem,3.6vw,3.2rem)!important;line-height:1.08!important;max-width:none!important;margin:14px auto 14px!important;text-shadow:none!important}
.hero .lead{font-size:1.08rem!important;line-height:1.6;color:#F2F6EA!important;text-shadow:none!important;max-width:62ch;margin-inline:auto}
.hero .eyebrow{background:none!important;padding:0!important;text-shadow:none!important}
.hero-ctas{margin-top:22px!important;gap:14px!important;flex-wrap:wrap}
.hero-ctas .btn{font-size:.98rem;padding:12px 24px!important}
.hero .proof{margin-top:22px!important;padding-top:18px!important;border-top:1px solid rgba(201,231,154,.25);display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}
.hero .proof li{color:#E3EDD3!important;font-size:.9rem;text-shadow:none!important}
@media (max-width:760px){.hero .hero-copy{padding:24px 20px;border-radius:18px}}

/* Hero: brand graphic background instead of a photo */
body.np-home .hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% 18%,rgba(144,200,56,.28) 0,rgba(144,200,56,0) 42%),radial-gradient(ellipse at 88% 85%,rgba(227,82,42,.22) 0,rgba(227,82,42,0) 40%),linear-gradient(135deg,#17320A 0%,#24480F 50%,#1A3709 100%)!important}
body.np-home .hero::before{content:"";position:absolute;inset:0;background:var(--k-pattern)!important;opacity:1;pointer-events:none;z-index:0}
body.np-home .hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20200%20260'%3E%3Cpath%20d%3D'M100%2010C140%2010%20150%2070%20165%20120C185%20180%20160%20250%20100%20250C40%20250%2015%20180%2035%20120C50%2070%2060%2010%20100%2010Z'%20fill%3D'%2390C838'%20fill-opacity%3D'.10'%20stroke%3D'%2390C838'%20stroke-opacity%3D'.35'%20stroke-width%3D'3'%2F%3E%3Cpath%20d%3D'M100%2040C128%2040%20136%2090%20146%20125C160%20175%20142%20225%20100%20225C58%20225%2040%20175%2054%20125C64%2090%2072%2040%20100%2040Z'%20fill%3D'%23C9E79A'%20fill-opacity%3D'.10'%2F%3E%3Ccircle%20cx%3D'100'%20cy%3D'165'%20r%3D'36'%20fill%3D'%23884028'%20fill-opacity%3D'.30'%2F%3E%3C%2Fsvg%3E") no-repeat right -60px bottom -90px/300px auto,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20200%20260'%3E%3Cpath%20d%3D'M100%2010C140%2010%20150%2070%20165%20120C185%20180%20160%20250%20100%20250C40%20250%2015%20180%2035%20120C50%2070%2060%2010%20100%2010Z'%20fill%3D'%2390C838'%20fill-opacity%3D'.07'%20stroke%3D'%2390C838'%20stroke-opacity%3D'.35'%20stroke-width%3D'3'%2F%3E%3Cpath%20d%3D'M100%2040C128%2040%20136%2090%20146%20125C160%20175%20142%20225%20100%20225C58%20225%2040%20175%2054%20125C64%2090%2072%2040%20100%2040Z'%20fill%3D'%23C9E79A'%20fill-opacity%3D'.07'%2F%3E%3Ccircle%20cx%3D'100'%20cy%3D'165'%20r%3D'36'%20fill%3D'%23884028'%20fill-opacity%3D'.30'%2F%3E%3C%2Fsvg%3E") no-repeat left -70px top -60px/220px auto!important;transform:none}
body.np-home .hero .hero-bg{display:none!important}
.hero .wrap{position:relative;z-index:2}
body.np-home .hero .hero-copy{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:8px 20px!important}
.hero h1{color:#fff!important}
.hero .lead{color:#E6EED9!important}
@media (max-width:760px){body.np-home .hero::after{background-size:160px auto,120px auto!important}}

/* Four business cards: photo on top, text on a solid deep green panel */
.divs.four{gap:20px!important;border-radius:0!important;overflow:visible!important;align-items:stretch}
.divs.four .div{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:0!important;border-radius:22px!important;overflow:hidden!important;background:var(--k-forest)!important;box-shadow:0 12px 30px rgba(31,63,12,.18)}
.divs.four .div::after{display:none!important}
.divs.four .div picture{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:210px!important;flex:none!important;overflow:hidden}
.divs.four .div picture img{position:static!important;width:100%!important;height:100%!important;object-fit:cover;transition:transform .5s ease}
.divs.four .div:hover picture img{transform:scale(1.05)}
.divs.four .div .body{flex:1 1 auto!important;background:var(--k-forest) var(--k-pattern)!important;padding:26px 24px 26px!important;border-top:4px solid var(--k-lime)}
.divs.four .div .body,.divs.four .div .body *{text-shadow:none!important}
.divs.four .div h2{font-size:1.3rem!important;min-height:2.3em!important;color:#fff!important}
.divs.four .div p,.divs.four .div li{color:#E6EED9!important;font-size:.95rem!important;line-height:1.6}
.divs.four .div ul li::marker{color:var(--k-lime)}
@media (min-width:1101px){.divs.four .div p{min-height:10.5em!important}}
@media (max-width:1100px){.divs.four{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){.divs.four{grid-template-columns:1fr!important}.divs.four .div p{min-height:0!important}.divs.four .div h2{min-height:0!important}}

/* Vivid accents: highlighted heading words and richer text colours */
h2 .hl{background:linear-gradient(90deg,#E3522A 0%,#F07A2E 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
main > section.alt:not(.np-light) h2 .hl,.np-band .hl{background:linear-gradient(90deg,#90C838 0%,#C9E79A 100%);-webkit-background-clip:text;background-clip:text}
main > section:not(.alt) h2,main > section.np-light h2{color:#1F3F0C!important}
.sec-head .eyebrow{font-weight:700}
.sec-head .lead{color:#3F4A2E!important}
main > section.alt:not(.np-light) .sec-head .lead{color:#E3EDD3!important}
.prod h3,.post h3,.mk-card h3,.konza-paths h3{color:#2F5A14!important}
.prod:hover h3,.post:hover h3,.mk-card:hover h3{color:#E3522A!important}
#press-teaser a:not(.btn){border-top:5px solid #E3522A!important;transition:transform .25s ease,box-shadow .25s ease}
#press-teaser a:not(.btn):hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
#press-teaser a:not(.btn) h3,#press-teaser a:not(.btn) strong,#press-teaser a:not(.btn) span,#press-teaser a:not(.btn) p{color:#1F3F0C!important}
#contact .card .eyebrow,#contact .card h3,#contact .card strong{color:#E3522A!important}
#contact .card a{color:#2F5A14!important;text-decoration-color:#90C838!important}

/* Cards still waiting for a photo: solid deep green panel with clear text */
#offerings .prod.no-photo{background:var(--k-forest) var(--k-pattern)!important;border-color:var(--k-forest)!important}
#offerings .prod.no-photo h3{color:#FFFFFF!important}
#offerings .prod.no-photo p{color:#E3EDD3!important}
#offerings .prod.no-photo .more{color:var(--k-lime)!important}

/* 2026-11-03 final: Inter, a clean news style sans serif in the spirit of CNN's typography */
html:not([lang="ar"]):not([lang="zh"]) body{font-family:var(--ff-body)!important;letter-spacing:-.003em}
html:not([lang="ar"]):not([lang="zh"]) :is(h1,h2,h3,h4){font-family:var(--ff-display)!important;font-weight:700!important;letter-spacing:-.022em}
.eyebrow{letter-spacing:.12em}
.divs.four .div h2{letter-spacing:-.005em}
/* Arabic and Chinese keep their own script fonts */
[lang="ar"] body,[lang="ar"] :is(h1,h2,h3,h4,.btn,.eyebrow,.hand){font-family:"Segoe UI","Noto Sans Arabic","Tahoma",system-ui,sans-serif!important;letter-spacing:0!important}
[lang="zh"] body,[lang="zh"] :is(h1,h2,h3,h4,.btn,.eyebrow,.hand){font-family:"Segoe UI","PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif!important;letter-spacing:0!important}
[dir="rtl"] .divs.four .div .body,[dir="rtl"] .divs.four .div h2,[dir="rtl"] .divs.four .div p,[dir="rtl"] .konza-paths article,[dir="rtl"] .konza-paths article *,[dir="rtl"] #partners .partner{text-align:right!important;align-items:flex-end!important}
