/* The field library: deep ink, botanical mint and editorial typography. */
:root{--ink:#0b0f0d;--surface:#111a15;--raised:#17241c;--line:#2d4134;--glow:#a8e6be;--cream:#f5f2ec;--mint:#a5cbb2;--muted:#b8c6bc;--text:#e5ece6;--mist:#2d4134;--warning:#f0bb73;--danger:#f0a3a3;--success:#a8e6be;color-scheme:dark}
body{background:var(--ink);color:var(--cream)}body::before{pointer-events:none}
::selection{background:#a8e6be;color:#0b0f0d}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--glow);outline-offset:5px}
.skip{background:var(--glow);color:var(--ink)}
.site-header{height:80px;position:relative;z-index:500}.site-header>nav{height:80px;padding:1rem 3rem;background:rgba(11,15,13,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}
.nav-logo .brand-copy{font:600 1.05rem/1.15 'Cormorant Garamond',Georgia,serif;color:var(--cream);letter-spacing:0;text-transform:none}.brand-copy small{display:block;font-family:'DM Sans',sans-serif;font-weight:400;line-height:1.6;margin-top:3px;color:var(--mint);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase}
.nav-logo img{width:34px;height:34px;object-fit:contain}.nav-links{align-items:center;gap:2rem}.nav-links a{color:#bdc9c0;font-size:.7rem;letter-spacing:.1em}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--glow)}
.nav-cta{background:transparent!important;border:1px solid #53705b;color:var(--glow)!important;border-radius:4px}.nav-cta:hover{background:#233a2a!important}.hamburger span{background:var(--cream)}
p{color:var(--muted)}
/* Portal masthead and photographic library. */
.learn-main{margin:0;max-width:none;padding:0}.learn-page .hero{min-height:830px;padding:60px 0 65px;align-items:center}.hero-inner{max-width:1440px;margin:auto;padding:0 4rem}.hero-eyebrow{color:var(--mint)}
.hero-title{font-size:clamp(5.5rem,10.7vw,10rem);max-width:65%;font-weight:400;letter-spacing:.015em}.hero-title>span{display:block}.hero-title .outline{-webkit-text-stroke:1px #8b9c8e;color:transparent}.hero-title .accent{text-shadow:0 0 65px #a8e6be20}
.hero-bottom{margin-top:2rem;max-width:560px;align-items:center;gap:1.4rem}.hero-desc{color:#bdc9c0;font-size:.88rem;max-width:390px}.hero-desc strong{color:var(--cream)}
.hero-button{display:inline-flex;gap:2rem;align-items:center;text-decoration:none;color:var(--glow);padding:.9rem 1.2rem;border:1px solid #53705b;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;border-radius:3px}.hero-button:hover{background:#233a2a}.hero-button span{font-size:1.4rem;line-height:1}
.portal-art{position:absolute;right:4rem;top:19%;width:35%;height:58%;margin:0;z-index:0;border:1px solid #a8e6be35;border-radius:45% 45% 3px 3px;overflow:hidden;box-shadow:0 0 100px #4a8c6218}.portal-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b0f0d00 35%,#0b0f0dbb 100%)}
.portal-art img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.portal-art figcaption{position:absolute;bottom:2rem;left:2rem;z-index:1;font:300 clamp(1.3rem,2.2vw,2rem)/1.2 'Cormorant Garamond',Georgia,serif;color:var(--cream)}.portal-art figcaption em{color:var(--glow)}.art-coordinate{position:absolute;right:1rem;top:43%;writing-mode:vertical-rl;z-index:1;color:var(--cream);font-size:.55rem;letter-spacing:.2em}
.stats-strip{background:#101912}.stat-item{padding:1.8rem 2.5rem}.stat-num{font-size:clamp(1.8rem,3.5vw,3rem);color:var(--glow)}.stat-label{color:#a5b6aa;font-size:.6rem;line-height:1.7}
.section{padding:6rem 3rem}.section-heading{color:var(--cream)}.section-eyebrow{color:var(--mint)}.cat-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.cat-card{aspect-ratio:auto;min-height:440px;padding:0;border:1px solid var(--line);border-radius:3px;isolation:isolate;background:var(--surface)}
.category-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.6);transition:transform .6s,filter .6s;z-index:-2}.cat-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b0f0d20 0%,#0b0f0da6 40%,#0b0f0df5 100%);z-index:-1}
.cat-card:hover .category-image{transform:scale(1.045);filter:saturate(.95)}.cat-card:hover{border-color:#6c9a79}.cat-card-content{position:relative;width:100%;padding:2rem;z-index:1}.cat-num{font:400 .8rem 'DM Sans',sans-serif;color:var(--glow);opacity:1;letter-spacing:.16em;margin-bottom:1.3rem}.cat-name{font:400 2rem/1.05 'Cormorant Garamond',Georgia,serif;color:var(--cream);margin-bottom:.8rem}.cat-desc,.cat-card:hover .cat-desc{color:#d0dbd2;opacity:1;max-height:none;font-size:.8rem;line-height:1.65}.cat-tag{display:inline-flex;align-self:flex-start;margin-top:1.3rem;opacity:1;transform:none;color:var(--glow);border-color:#6c9a79;background:#10201680}
.featured{background:#142319}.feat-main{padding:2rem;background:#0b0f0d70;border-radius:3px}.featured-image{display:block;width:calc(100% + 4rem);max-width:none;margin:-2rem -2rem 1.8rem;height:245px;object-fit:cover;filter:saturate(.65)}.feat-body{color:var(--muted)}.feat-side-item{border-radius:3px}.feat-side-title{font-size:1.5rem}.feat-side-num{color:var(--mint)}.feat-side-meta{color:#a7b8ac}
.newsletter-sub{color:var(--muted)}.newsletter .field-photo{margin:0}.newsletter .field-photo img{border-radius:45% 45% 3px 3px;aspect-ratio:1/1;filter:saturate(.6)}.newsletter figcaption{color:var(--muted)}.nf-label{color:var(--mint)}.nf-field input::placeholder{color:#8fa395}.nf-btn{position:relative;z-index:0}.nf-btn:hover{background:#233a2a}
.learn-footer,footer{background:#080c09;border-top:1px solid var(--line);padding:2rem 3rem}.learn-footer p,footer p{font-size:.73rem;color:#b0bfb5}.footer-links{flex-wrap:wrap}.footer-links a{color:#b0bfb5}.footer-links a:hover{color:var(--glow)}
#cookie-banner{background:#142319;border:1px solid #53705b}.cookie-text p{color:#d0dbd2}.cookie-btn-accept{background:var(--glow);color:var(--ink)}.cookie-btn-decline{color:#e5ece6}
/* Chapter mastheads and readable, spacious articles. */
.chapter-page .guide-hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:570px;align-items:stretch;background:radial-gradient(ellipse at 20% 50%,#264e323b,transparent 75%),var(--ink);border-bottom:1px solid var(--line)}
.chapter-page .guide-hero-inner{align-self:center;max-width:800px;padding:4rem 3rem;position:relative;z-index:1}.chapter-page .guide-hero h1{font:400 clamp(3.5rem,5.7vw,6rem)/.98 'Bebas Neue','Arial Narrow',sans-serif;letter-spacing:.015em;max-width:760px}.chapter-page .guide-hero h1 em{font-style:normal;color:var(--glow)}.guide-hero-desc{color:#c5d3c9;max-width:52ch;font-size:.91rem}.guide-hero-back{color:var(--mint);font-size:.65rem;line-height:1.6}.guide-tag{color:var(--mint);font-size:.6rem;line-height:1.7;letter-spacing:.16em}
.guide-hero-visual{margin:2rem 3rem 2rem 0;align-self:stretch;min-width:0;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:45% 45% 3px 3px;isolation:isolate}.guide-hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.65);z-index:-2}.guide-hero-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0b0f0ddd);z-index:-1}.guide-hero-visual figcaption{position:absolute;left:1.6rem;right:1.6rem;bottom:1.4rem;margin:0;color:#e5ece6;font-size:.73rem;line-height:1.6}
.climate-banner{background:#142319;border-bottom:1px solid var(--line);padding:1.6rem 3rem;justify-content:space-around}.climate-stat{flex:1;max-width:400px;border-color:#3b5342}.climate-stat strong{font:400 2rem 'Bebas Neue',sans-serif;letter-spacing:.04em;color:var(--glow)}.climate-stat span{color:#bccdc1;font-size:.6rem;line-height:1.7}
.chapter-page .guide-body{max-width:1280px;padding:4rem 3rem 6rem;display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:4rem;align-items:start}.chapter-page .guide-body>*{grid-column:2;min-width:0}.chapter-page .guide-body>.contents{grid-column:1;grid-row:1 / span 100;position:sticky;top:110px;max-height:calc(100vh - 145px);overflow:auto;margin:0;padding:0 1.3rem 1rem 0;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent;scrollbar-width:thin;scrollbar-color:#53705b transparent}
.contents summary{font-size:.65rem;color:var(--glow);text-transform:uppercase;letter-spacing:.14em;list-style:none;pointer-events:none}.contents summary::marker{content:''}.contents>div{gap:.75rem}.contents a{font-size:.73rem;line-height:1.55;color:#afc3b5;text-decoration:none;border-left:1px solid transparent;padding-left:.7rem}.contents a:hover,.contents a.active{color:var(--glow);border-left-color:var(--glow)}
section.guide-section{margin-bottom:3.2rem;scroll-margin-top:105px}.section-title{color:var(--cream);font-size:clamp(1.8rem,3vw,2.6rem);border-color:var(--line)}.guide-body .section-title::before{content:'';display:block;width:28px;height:2px;background:var(--glow);margin-bottom:1rem}.guide-body p,.guide-body li{color:var(--muted);font-size:.94rem;font-weight:400;line-height:1.85}.guide-body a{color:var(--glow)}.guide-body strong{color:var(--cream)}
.guide-section h3,.card h3,.step-title h3,.step-title h4,.blend-card h4,.qc-card h4,.checklist h3,.checklist h4,.tool-item strong{color:var(--cream)}
.card,.step-card,.blend-card,.checklist,.qc-card,.tool-item,.climate-region,.spec-box,.drum-diagram,.tanzania-map,.css-workflow{background:var(--surface);border-color:var(--line);box-shadow:none;border-radius:3px}.card{border-top-color:#668b72}.step-card,.blend-card,.climate-region{border-left-color:#668b72}.card p{font-size:.85rem}.step-number{background:var(--glow);color:var(--ink);border-radius:3px}.step-card .section-title{font-size:1.4rem}.field-photo img,.guide-image{border-radius:3px}.field-photo img{filter:saturate(.75)}figcaption{color:#9cb2a3}.process-flow li{background:var(--surface);border-color:var(--line);color:var(--muted)}.process-flow span{background:var(--glow);color:var(--ink);border-radius:3px}
.table-scroll{border:1px solid var(--line);border-radius:3px}.table-scroll th,th{background:#223b2a;color:var(--cream);font-size:.73rem;letter-spacing:.03em;line-height:1.5}.table-scroll td,td{background:var(--surface);color:#c4d0c7;border-color:var(--line);font-size:.82rem;line-height:1.7}tr:nth-child(even) td{background:#162219}tr:hover td{background:#1b2d21}
.tools label{color:var(--cream)}.tools input{background:#0b0f0d;color:var(--cream);border-color:#53705b}.result,.spec-box,.drum-diagram{background:#1a2c20;color:#d0dbd2}.toc a{background:#1a2c20;color:var(--glow)}.guide-body details:not(.contents){border-color:var(--line)}.guide-body details:not(.contents) summary{color:var(--cream)}
.warning-box{background:#35291c}.danger-box{background:#321d1d}.success-box{background:#1a2c20}.spec-box strong,.drum-diagram strong,.drum-diagram pre,.climate-param strong,.climate-region h4{color:var(--cream)}
.guide-pagination{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:2rem 0 0;margin:2rem 0 0;border:0;border-top:1px solid var(--line);background:transparent;backdrop-filter:none}.guide-pagination a{text-decoration:none;border:1px solid var(--line);padding:1.2rem;transition:background .2s}.guide-pagination a:hover{background:#1a2c20;border-color:#668b72}.guide-pagination small{display:block;color:#a6b9ad;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem}.guide-pagination strong{font:400 1.3rem/1.15 'Cormorant Garamond',Georgia,serif;color:var(--glow)}.reading-progress{position:fixed;top:0;left:0;z-index:1000;height:2px;background:var(--glow);width:0;pointer-events:none}
/* Content is always visible; motion is decorative. */
.reveal,.reveal-left{opacity:1;transform:none}.hero-title,.hero-eyebrow,.hero-bottom{opacity:1;animation:none}
@media(min-width:1500px){.portal-art{right:calc((100vw - 1350px)/2);width:450px}.hero-inner{padding-left:3rem}}
@media(max-width:1100px){.site-header>nav{padding:1rem 1.5rem}.nav-logo .brand-copy{font-size:.95rem}.nav-links{gap:1.2rem}.hero-inner{padding:0 2rem}.portal-art{right:2rem;width:34%;height:53%;top:22%}.chapter-page .guide-body{column-gap:2rem;grid-template-columns:200px minmax(0,1fr);padding:3rem 2rem}.chapter-page .guide-hero-inner{padding:3rem 2rem}.guide-hero-visual{margin-right:2rem}.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cat-card{min-height:420px}.hero-title{font-size:clamp(5rem,11vw,8rem)}.learn-page .hero{min-height:760px}.stat-item{padding:1.5rem}}
@media(max-width:768px){.site-header,.site-header>nav{height:72px}.site-header>nav{padding:1rem 1.5rem}.nav-logo .brand-copy{font-size:.95rem}.nav-links{top:72px;background:rgba(11,15,13,.98);border-bottom:1px solid var(--line)}.nav-links a{padding:1rem 1.5rem;font-size:.8rem}.nav-cta{margin:0 1.5rem}.hamburger{display:flex}.nav-links.open{top:72px}.brand-copy small{font-size:.5rem}
.learn-page .hero{min-height:700px;padding:3.2rem 0}.hero-inner{padding:0 1.5rem}.hero-title{font-size:clamp(4.8rem,14vw,7rem);max-width:100%;position:relative;z-index:1}.hero-eyebrow{font-size:.56rem;margin-bottom:1.6rem;position:relative;z-index:1}.hero-bottom{margin-top:1.8rem;gap:1.2rem;align-items:flex-start;position:relative;z-index:1;max-width:90%}.hero-desc{font-size:.83rem;max-width:380px}.portal-art{right:-70px;width:55%;height:44%;top:19%;opacity:.27;border-radius:45% 45% 3px 3px;z-index:0}.portal-art figcaption,.art-coordinate{display:none}.hero .hero-inner{z-index:1}.stats-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-item{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:1.5rem}.stat-item:nth-child(even){border-right:0}.stat-num{font-size:2.2rem}.section{padding:4rem 1.5rem}.cat-card{min-height:400px}.cat-card-content{padding:1.5rem}.cat-name{font-size:1.7rem}.feat-grid,.newsletter-inner{grid-template-columns:1fr}.feat-main{padding:1.5rem}.featured-image{width:calc(100% + 3rem);margin:-1.5rem -1.5rem 1.5rem;height:220px}.newsletter .field-photo{display:none}.learn-footer,footer{padding:1.5rem;gap:1.5rem}.footer-links{justify-content:center;gap:1rem}
.chapter-page .guide-hero{grid-template-columns:1fr;min-height:0}.chapter-page .guide-hero-inner{padding:2.5rem 1.5rem 2rem}.chapter-page .guide-hero h1{font-size:clamp(3rem,9vw,4.8rem)}.guide-hero-visual{margin:0 1.5rem 2rem;height:240px;border-radius:3px}.guide-hero-visual img{object-position:center 48%}.climate-banner{padding:1rem 1rem;gap:0}.climate-stat{padding:.5rem;flex:1 1 0;min-width:0}.climate-stat strong{font-size:1.5rem;line-height:1.05}.climate-stat span{font-size:.52rem;letter-spacing:.06em;margin-top:.4rem}.chapter-page .guide-body{display:block;padding:2.5rem 1.5rem 4rem}.chapter-page .guide-body>.contents{position:static;max-height:none;margin:0 0 3rem;padding:1rem;border:1px solid var(--line);background:var(--surface)}.contents summary{pointer-events:auto;list-style:revert}.contents>div{padding-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1rem}.contents a{font-size:.7rem}.guide-pagination{grid-template-columns:1fr 1fr}.guide-pagination a{padding:1rem}.guide-pagination strong{font-size:1.2rem}}
@media(max-width:520px){.cat-grid{grid-template-columns:1fr}.cat-card{min-height:410px}.cat-name{font-size:2rem}.cat-desc{font-size:.85rem}.hero-title{font-size:clamp(4.4rem,16vw,6rem)}.hero-title .outline{-webkit-text-stroke:1px #9aab9f}.learn-page .hero{min-height:690px}.portal-art{width:65%;right:-90px;top:22%;height:40%}.featured-label{gap:1rem}.featured-label a{font-size:.62rem;white-space:nowrap}.nav-logo .brand-copy{max-width:235px;font-size:.9rem}.contents>div{grid-template-columns:1fr}.guide-pagination{grid-template-columns:1fr}.climate-stat strong{font-size:1.3rem}.guide-body .process-flow{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{:root{color-scheme:light;--muted:#333;--text:#111;--cream:#111;--line:#ccc;--surface:#fff;--glow:#245538}body{background:white;color:#111}.site-header,.contents,.reading-progress,.guide-pagination,footer,#cookie-banner{display:none!important}.chapter-page .guide-body{display:block;padding:1rem;max-width:none}.chapter-page .guide-hero{display:block;background:white;min-height:auto}.chapter-page .guide-hero-inner{padding:1rem}.guide-hero h1,.guide-hero h1 em,.guide-hero-desc,.guide-tag,.guide-body h2,.guide-body h3{color:#111!important}.guide-hero-visual{display:none}.card,.step-card,.checklist,.table-scroll{break-inside:avoid;background:white}.table-scroll{overflow:visible}.table-scroll table{min-width:0}.table-scroll td{background:white;color:#111}.guide-body p,.guide-body li{color:#222}.field-photo{max-width:450px;break-inside:avoid}.learn-page .hero{min-height:0}.hero-title{font-size:5rem;color:#111}.hero-title .outline{color:#111;-webkit-text-stroke:0}.portal-art{display:none}.cat-grid{grid-template-columns:1fr 1fr}.cat-card{min-height:300px}.cat-card-content{background:white}.cat-name,.cat-desc{color:#111}}

/* The privacy page belongs to the same ICL site. */
.policy-page .policy-hero{padding-top:0;background:radial-gradient(ellipse at 20% 50%,#264e323b,transparent 75%),var(--ink);min-height:320px;border-bottom:1px solid var(--line)}.policy-hero-inner{opacity:1;animation:none}.policy-hero h1{color:var(--cream)}.policy-updated{color:#a6b9ad}.policy-body{max-width:1000px}.policy-body .toc{display:block;background:var(--surface);border-color:var(--line);box-shadow:none}.policy-body .toc a{display:inline;background:transparent;padding:0;color:var(--mint)}.policy-body .toc-title{color:var(--mint)}.policy-section h2{color:var(--cream);border-color:var(--line)}.policy-section h2 .sec-num{color:var(--glow);background:#1a2c20}.policy-section p,.policy-section li{color:var(--muted)}.policy-section a,.policy-section a:hover{color:var(--glow)}.policy-highlight{background:var(--surface);border-color:var(--line);color:var(--muted)}.policy-highlight strong{color:var(--cream)}.cookie-table th{background:#223b2a}.cookie-table td,.cookie-table tr:nth-child(even) td{background:var(--surface);color:var(--muted);border-color:var(--line)}.cookie-table td strong{color:var(--cream)}.badge-essential{color:var(--glow);background:#1a2c20}
@media(max-width:768px){.policy-page .policy-hero{min-height:280px}.policy-hero-inner{padding:2.5rem 1.5rem}.policy-body{padding:3rem 1.5rem}.policy-page .nav-links{top:72px}}