:root{--brand-primary:#329d9c;--brand-primary-deep:#1f706f;--brand-mint:#67ce95;--brand-mint-mid:#48b397;--brand-gradient:linear-gradient(135deg,#67ce95 0%,#329d9c 100%);--ink:#102a29;--forest:#124f4d;--forest2:#1e6f6c;--lime:var(--brand-mint);--cream:#eaf7f2;--paper:#f9fcfb;--rust:var(--brand-primary-deep);--line:rgba(16,42,41,.17);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:96px}
body{margin:0;background:var(--paper);font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.site-header{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(249,252,251,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.brand{display:flex;gap:11px;align-items:center;font-weight:800;letter-spacing:.08em}
.brand-mark{width:34px;height:42px;border:0;background:var(--brand-gradient);color:var(--ink);display:grid;place-items:center;font-family:Georgia,serif;font-size:23px;box-shadow:0 7px 20px rgba(50,157,156,.18)}
.brand small{display:block;font-size:9px;letter-spacing:.16em;font-weight:600;opacity:.58}
.desktop-nav{display:flex;align-items:center;gap:2.1rem;font-size:14px;font-weight:600}
.desktop-nav a{position:relative}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--brand-primary);transition:.25s}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{right:0}
.nav-dropdown{position:relative;padding:26px 0}
.nav-parent{display:flex;align-items:center;gap:6px}
.nav-parent span{font-size:15px;line-height:1;transition:transform .2s}
.nav-dropdown:hover .nav-parent span,.nav-dropdown:focus-within .nav-parent span{transform:rotate(180deg)}
.nav-submenu{position:absolute;top:calc(100% - 7px);left:-18px;min-width:180px;padding:8px 0;background:var(--paper);border-top:3px solid var(--brand-primary);box-shadow:0 18px 40px rgba(16,42,41,.16);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}
.desktop-nav .nav-submenu a{display:block;padding:10px 18px;font-size:12px;letter-spacing:.08em;white-space:nowrap}
.desktop-nav .nav-submenu a:after{display:none}
.desktop-nav .nav-submenu a:hover,.desktop-nav .nav-submenu a:focus-visible{color:var(--brand-primary-deep);background:rgba(103,206,149,.12)}
.header-actions{display:flex;align-items:center;gap:10px}
.lang-button,.menu-button{border:1px solid var(--line);background:transparent;height:38px;min-width:38px;cursor:pointer;font-weight:700}
.menu-button{display:none;font-size:19px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;background:var(--brand-primary);color:#071f1f;border:0;padding:14px 20px;font-weight:800;cursor:pointer;transition:.2s}
.button:hover{transform:translateY(-2px);filter:brightness(1.06)}
.button-small{padding:10px 16px;font-size:14px}
.mobile-nav{display:none}
.mobile-dropdown summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-weight:700}
.mobile-dropdown summary::-webkit-details-marker{display:none}
.mobile-dropdown summary:after{content:"+";color:var(--brand-primary-deep);font-size:20px;line-height:1}
.mobile-dropdown[open] summary:after{content:"−"}
.mobile-dropdown div{display:grid;gap:12px;margin:14px 0 2px;padding:14px 0 2px 18px;border-left:2px solid var(--brand-mint)}
.mobile-dropdown div a{font-size:14px;color:var(--brand-primary-deep)}
.challenge,.species,.pathways,.impact{position:relative}
.anchor-marker{position:absolute;top:0;left:0;pointer-events:none}
.hero{min-height:690px;height:calc(100vh - 78px);max-height:900px;position:relative;color:white;display:flex;align-items:flex-end;overflow:hidden}
.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,42,41,.93) 0%,rgba(18,79,77,.58) 48%,rgba(18,79,77,.12) 75%),linear-gradient(0deg,rgba(7,42,41,.66),transparent 48%)}
.hero-content{position:relative;z-index:2;width:min(850px,84vw);padding:0 0 8vh 6vw}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;margin:0 0 22px}
.eyebrow:before{content:"";display:inline-block;width:34px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}
.hero h1{font-size:clamp(46px,6.6vw,92px);line-height:.96;letter-spacing:-.055em;margin:0;font-weight:650}
.hero h1 em{font-family:Georgia,serif;font-weight:400}
.hero-copy{font-size:clamp(17px,1.5vw,21px);max-width:650px;margin:28px 0 30px;color:rgba(255,255,255,.86)}
.hero-actions{display:flex;align-items:center;gap:28px}
.button-light{background:var(--lime);color:var(--ink)}
.text-link{font-size:14px;font-weight:750;display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:4px}
.text-link b{font-size:18px}
.hero-index{position:absolute;right:3vw;bottom:5vh;z-index:2;display:flex;flex-direction:column;align-items:center;font-size:10px;letter-spacing:.18em;gap:7px}
.hero-index:before{content:"";height:80px;width:1px;background:rgba(255,255,255,.6);margin-bottom:4px}
.signal-bar{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,#eaf7f2 0%,#f4fbf8 100%);border-bottom:1px solid var(--line)}
.signal-bar div{padding:28px 3vw;border-right:1px solid var(--line)}
.signal-bar strong{display:block;font-size:17px}
.signal-bar span{font-size:12px;opacity:.62}
.section-grid{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:6vw;padding:130px 6vw}
.section-label{display:flex;gap:16px;align-items:flex-start}
.section-label span,.section-number{color:var(--rust);font-size:12px;font-weight:800}
.section-label p,.section-heading>div p{margin:0;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}
.kicker{font-family:Georgia,serif;font-style:italic;color:var(--rust);font-size:20px}
.challenge h2,.species h2{font-size:clamp(34px,4vw,60px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 0;font-weight:600}
.challenge-note{padding-top:48px}
.challenge-note p,.species-note p{color:#4f5e58;margin:0 0 34px}
.platform{background:var(--forest);color:white;padding:120px 6vw}
.section-heading{display:grid;grid-template-columns:1fr 3fr;gap:4vw;align-items:start}
.section-heading>div{display:flex;gap:18px}
.section-heading h2{font-size:clamp(36px,4.4vw,64px);letter-spacing:-.045em;line-height:1.03;max-width:920px;margin:0 0 76px;font-weight:600}
.process{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.22)}
.process article{padding:24px 20px 20px 0;border-right:1px solid rgba(255,255,255,.16);min-height:290px}
.process article+article{padding-left:20px}
.process article>span,.pathway-grid article>span,.partner-grid article>span{font-size:11px;opacity:.55}
.process-icon{font-size:32px;color:var(--lime);margin:44px 0 25px}
.process h3,.pathway-grid h3,.partner-grid h3{font-size:21px;line-height:1.2;margin:0 0 13px}
.process p,.partner-grid p{font-size:14px;opacity:.7;margin:0}
.species{background:var(--cream)}
.species-name>p{font-family:Georgia,serif;font-style:italic;color:var(--rust);font-size:18px}
.species-note{align-self:end}
.pathways{padding:120px 6vw;display:grid;grid-template-columns:1fr 2fr;gap:7vw}
.eyebrow.dark{color:var(--rust)}
.pathway-intro h2{font-size:clamp(40px,5vw,70px);line-height:.98;letter-spacing:-.05em;margin:0 0 30px}
.pathway-intro>p:last-child{color:#52605b;max-width:430px}
.pathway-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.pathway-grid article{padding:30px 25px 32px 0;border-bottom:1px solid var(--line);min-height:180px}
.pathway-grid article:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}
.pathway-grid article.featured{background:var(--brand-gradient);padding-left:28px;color:var(--ink)}
.pathway-grid h3{font-size:24px;margin-top:24px}
.pathway-grid p{color:#59665f;font-size:14px}
.project{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#dcefe9}
.project-copy{padding:110px 7vw}
.project-copy h2{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:0 0 28px}
.project-copy>p{color:#4e5d56;max-width:600px}
.project-status{display:flex;gap:14px;border-top:1px solid var(--line);margin-top:45px;padding-top:24px}
.project-status>span{width:10px;height:10px;background:#d29329;border-radius:50%;margin-top:7px}
.project-status p{margin:0}
.project-status strong,.project-status small{display:block}
.project-status small{font-size:13px;color:#5b675f;max-width:480px;margin-top:4px}
.project-map{position:relative;overflow:hidden;background:var(--forest);color:white;min-height:500px;margin:0}
.project-map>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.coordinates{position:absolute;top:38px;right:38px;font-family:monospace;opacity:.65;text-align:right;font-size:12px}
.map-pin{position:absolute;z-index:2;left:48%;top:48%;display:flex;flex-direction:column}
.map-pin i{width:16px;height:16px;background:var(--lime);border:5px solid rgba(204,230,106,.3);box-shadow:0 0 0 14px rgba(204,230,106,.08);border-radius:50%;margin-bottom:18px}
.map-pin strong{font-size:18px;letter-spacing:.06em}
.map-pin span{font-size:10px;letter-spacing:.13em;opacity:.65}
.contours{position:absolute;border:1px solid rgba(204,230,106,.23);border-radius:46% 54% 32% 68%;transform:rotate(18deg)}
.c1{width:700px;height:450px;left:-12%;top:5%}
.c2{width:520px;height:330px;left:5%;top:17%}
.c3{width:860px;height:590px;left:-22%;top:-7%}
.partner{background:#0d3837;color:white;padding:120px 6vw}
.light-heading h2{max-width:760px}
.partner-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}
.partner-grid article{padding:35px 30px 20px 0;min-height:220px;border-right:1px solid rgba(255,255,255,.14)}
.partner-grid article+article{padding-left:30px}
.partner-grid h3{font-size:23px;margin-top:42px}
.contact{padding:120px 6vw;display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}
.contact-intro h2{font-size:clamp(40px,4.8vw,68px);line-height:1.02;letter-spacing:-.05em;margin:0 0 28px}
.contact-intro>p{color:#56635d;max-width:570px}
.contact-direct{margin-top:40px;display:flex;flex-direction:column;gap:8px;font-weight:700}
.contact form{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact label{display:flex;flex-direction:column;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.contact input,.contact select,.contact textarea{border:0;border-bottom:1px solid #839088;background:transparent;border-radius:0;padding:12px 2px;outline:none;font-size:16px;text-transform:none;letter-spacing:0}
.contact textarea{border:1px solid #839088;padding:12px;resize:vertical}
.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--rust)}
.contact .full{grid-column:1/-1}
.submit{grid-column:1/-1;justify-self:start}
.site-footer{background:#082726;color:white;padding:0 6vw}
.site-footer-main{display:grid;grid-template-columns:1.5fr .65fr .65fr 1fr;gap:5vw;padding:68px 0 54px}
.footer-about{max-width:390px}.footer-brand{display:inline-flex;margin-bottom:24px}.footer-brand .brand-mark{box-shadow:none}.footer-about>p{margin:0;color:rgba(255,255,255,.62);font-size:14px;line-height:1.7}
.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-links h2,.footer-contact h2{margin:0 0 12px;color:var(--brand-mint);font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.footer-links a,.footer-contact a{color:rgba(255,255,255,.78);font-size:14px;transition:color .2s}.footer-links a:hover,.footer-contact a:hover{color:var(--brand-mint)}
.footer-contact{font-style:normal}.footer-contact p{margin:6px 0 0;color:rgba(255,255,255,.58);font-size:13px;line-height:1.65}
.site-footer-bottom{display:flex;justify-content:space-between;gap:24px;padding:22px 0 26px;border-top:1px solid rgba(255,255,255,.14)}
.site-footer-bottom p{margin:0;color:rgba(255,255,255,.48);font-size:11px}

@media(max-width:900px){.desktop-nav,.header-actions>.button{display:none}
.menu-button{display:block}
.mobile-nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:20px 5vw;border-bottom:1px solid var(--line);flex-direction:column;gap:17px}
.mobile-nav.open{display:flex}
.signal-bar{grid-template-columns:1fr 1fr}
.section-grid,.pathways,.project,.contact{grid-template-columns:1fr}
.section-grid{gap:34px;padding:90px 6vw}
.challenge-note{padding-top:0}
.section-heading{grid-template-columns:1fr}
.section-heading h2{margin-top:35px}
.process{grid-template-columns:1fr 1fr}
.process article{min-height:250px;border-bottom:1px solid rgba(255,255,255,.16)}
.process article:nth-child(odd){padding-left:0}
.species-note{max-width:600px}
.pathways{padding:90px 6vw}
.project-map{min-height:480px}
.partner-grid{grid-template-columns:1fr 1fr}
.contact{padding:90px 6vw}
.contact form{margin-top:20px}
.site-footer-main{grid-template-columns:1.25fr 1fr 1fr}.footer-about{grid-column:1/-1;max-width:560px}
.site-footer-bottom{flex-wrap:wrap}
}

@media(max-width:580px){.site-header{height:68px}
.brand small{display:none}
.mobile-nav{top:68px}
.hero{height:760px;min-height:0}
.hero-content{width:88vw;padding:0 0 70px 6vw}
.hero h1{font-size:49px}
.hero-copy{font-size:16px}
.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}
.hero-index{display:none}
.signal-bar{grid-template-columns:1fr}
.signal-bar div{padding:20px 6vw}
.process,.pathway-grid,.partner-grid{grid-template-columns:1fr}
.process article,.process article+article,.pathway-grid article,.pathway-grid article:nth-child(even),.partner-grid article,.partner-grid article+article{padding:28px 0;border-left:0;border-right:0;min-height:auto}
.process-icon{margin:25px 0 16px}
.section-heading h2{font-size:40px}
.platform,.partner{padding:80px 6vw}
.pathway-grid article.featured{padding-left:18px;padding-right:18px}
.contact form{grid-template-columns:1fr}
.contact .full,.submit{grid-column:1}
.contact-direct a{word-break:break-word}
.site-footer{padding:0 6vw}.site-footer-main{grid-template-columns:1fr 1fr;gap:38px 28px;padding:52px 0 38px}.footer-about,.footer-contact{grid-column:1/-1}.site-footer-bottom{flex-direction:column;gap:7px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.button{transition:none}
}

.brand-logo{width:44px;height:44px;object-fit:contain;background:white;padding:3px}
.profile-panel{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:0;border-top:1px solid var(--line)}
.profile-panel article{padding:24px 0;border-bottom:1px solid var(--line)}
.profile-panel article span{display:block;color:var(--rust);font-size:11px;font-weight:800;letter-spacing:.13em;margin-bottom:7px}
.profile-panel article strong{display:block;font-size:20px;line-height:1.25;margin-bottom:6px}
.profile-panel article p{margin:0;color:#59665f;font-size:14px}
.profile-download{margin-top:28px;align-self:flex-start}
.contact-card{background:var(--cream);padding:40px;display:flex;flex-direction:column;justify-content:center;min-height:390px}
.contact-card h3{font-size:28px;line-height:1.15;margin:0 0 18px}
.contact-card p{color:#56635d;margin:0 0 24px}
.contact-card .button{align-self:flex-start}
@media(max-width:580px){.brand-logo{width:38px;height:38px}.profile-panel article strong{font-size:18px}.contact-card{padding:28px;min-height:auto}}

.desktop-nav{gap:clamp(.8rem,1.55vw,1.7rem)}
.desktop-nav a{font-size:13px}
.climate-impact{padding:120px 6vw;background:var(--forest);color:white}
.climate-impact .section-heading h2{max-width:880px;margin-bottom:34px}
.climate-impact .section-heading>div p{color:rgba(255,255,255,.72)}
.climate-intro{max-width:780px;margin:0 0 62px 25%;color:rgba(255,255,255,.72);font-size:18px}
.climate-stages{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.23)}
.climate-stages article{min-height:310px;padding:30px 28px 30px 0;border-right:1px solid rgba(255,255,255,.17)}
.climate-stages article+article{padding-left:28px}
.climate-stages small{display:block;margin-top:54px;color:var(--lime);font-weight:800}
.climate-stages h3{font-size:23px;line-height:1.2;margin:18px 0 12px}
.climate-stages p{margin:0;color:rgba(255,255,255,.65);font-size:14px}
.stage-tag{display:inline-block;padding:7px 10px;border:1px solid rgba(255,255,255,.34);font-size:10px;font-weight:800;letter-spacing:.12em}
.stage-tag.current{color:var(--ink);background:var(--lime);border-color:var(--lime)}
.stage-tag.development{color:white;background:rgba(255,255,255,.08)}
.stage-tag.future{color:var(--lime)}
.integrity-line{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding-top:28px;border-top:1px solid rgba(255,255,255,.23)}
.integrity-line strong{color:var(--lime);font-size:13px;text-transform:uppercase;letter-spacing:.12em}
.integrity-line p{max-width:800px;margin:0;color:rgba(255,255,255,.75)}
.impact{background:#eef8f4}
.impact-copy h2{font-size:clamp(34px,4vw,60px);line-height:1.08;letter-spacing:-.04em;margin:14px 0 0;font-weight:600}
.impact-list{border-top:1px solid var(--line)}
.impact-list div{padding:17px 0;border-bottom:1px solid var(--line)}
.impact-list strong,.impact-list span{display:block}
.impact-list strong{font-size:15px}
.impact-list span{font-size:13px;color:#5b675f;margin-top:2px}

@media(max-width:1120px){.desktop-nav{gap:1rem}.desktop-nav a{font-size:12px}.brand small{display:none}}
@media(max-width:900px){.climate-intro{margin-left:0}.climate-stages{grid-template-columns:1fr}.climate-stages article,.climate-stages article+article{min-height:auto;padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.17)}.climate-stages small{margin-top:25px}.integrity-line{grid-template-columns:1fr;gap:12px}.impact{grid-template-columns:1fr}}
@media(max-width:580px){.climate-impact{padding:80px 6vw}.climate-intro{font-size:16px;margin-bottom:42px}}

.pathways{display:block}
.pathway-layout{display:grid;grid-template-columns:.72fr 1.55fr;gap:6vw;align-items:center}
.pathway-intro h2{font-size:clamp(40px,4.5vw,66px)}
.agro-diagram{min-width:0}
.diagram-title{margin:0 0 18px;color:var(--rust);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.diagram-canvas{height:430px;position:relative;background:linear-gradient(135deg,rgba(103,206,149,.08),rgba(50,157,156,.03));border:1px solid var(--line);overflow:hidden}
.diagram-canvas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(31,112,111,.13) 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(90deg,transparent,black 22%,black 78%,transparent)}
.diagram-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.diagram-lines path{fill:none;stroke:url(#lineGradient);stroke-width:2;stroke-linecap:round;stroke-dasharray:7 8;animation:diagramFlow 12s linear infinite}
.diagram-node{position:absolute;z-index:2;width:23%;min-height:104px;padding:17px 18px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(31,112,111,.24);background:rgba(255,255,255,.94);box-shadow:0 12px 28px rgba(16,42,41,.08);transition:transform .22s,box-shadow .22s}
.diagram-node:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(16,42,41,.14)}
.diagram-node span{margin-bottom:7px;color:var(--rust);font-size:9px;font-weight:850;letter-spacing:.13em}
.diagram-node strong{font-size:16px;line-height:1.2}
.diagram-node small{margin-top:5px;color:#64736f;font-size:11px;line-height:1.3}
.diagram-node.input{left:3%;border-left:4px solid var(--brand-primary)}
.vanilla-node{top:48px}.nyamplung-node{bottom:48px}
.diagram-node.hub{left:50%;top:50%;width:26%;min-height:132px;transform:translate(-50%,-50%);color:white;border:0;background:var(--brand-gradient);box-shadow:0 18px 40px rgba(50,157,156,.27)}
.diagram-node.hub:hover{transform:translate(-50%,calc(-50% - 4px))}
.diagram-node.hub span,.diagram-node.hub small{color:rgba(7,31,31,.7)}
.diagram-node.hub strong{color:#071f1f;font-size:18px}
.diagram-node.output{right:3%;border-right:4px solid var(--brand-mint)}
.supply-node{top:30px}.products-node{top:50%;transform:translateY(-50%)}.products-node:hover{transform:translateY(calc(-50% - 4px))}.carbon-node{bottom:30px}
.diagram-legend{display:flex;gap:24px;justify-content:flex-end;margin-top:15px;color:#59665f;font-size:11px}
.diagram-legend span{display:flex;align-items:center;gap:7px}.diagram-legend i{width:9px;height:9px;border-radius:50%;display:block}.legend-input{background:var(--brand-primary)}.legend-system{background:var(--brand-mint)}.legend-output{border:2px solid var(--brand-primary)}
.pathways>.pathway-grid{margin-top:72px;grid-template-columns:repeat(5,1fr)}
.pathways>.pathway-grid article,.pathways>.pathway-grid article:nth-child(even){padding:28px 22px;border-left:1px solid var(--line);border-right:0}
.pathways>.pathway-grid article:first-child{border-left:0}
@keyframes diagramFlow{to{stroke-dashoffset:-120}}

@media(max-width:1100px){.pathway-layout{grid-template-columns:1fr}.pathway-intro{max-width:720px}.agro-diagram{width:100%}.pathways>.pathway-grid{grid-template-columns:repeat(2,1fr)}.pathways>.pathway-grid article:first-child{border-left:1px solid var(--line)}}
@media(max-width:680px){.diagram-canvas{height:auto;padding:24px;display:flex;flex-direction:column;gap:34px}.diagram-lines{display:none}.diagram-node,.diagram-node.input,.diagram-node.hub,.diagram-node.output,.vanilla-node,.nyamplung-node,.supply-node,.products-node,.carbon-node{position:relative;inset:auto;width:100%;min-height:104px;transform:none}.diagram-node:hover,.diagram-node.hub:hover,.products-node:hover{transform:none}.nyamplung-node:after,.diagram-node.hub:after{content:"↓";position:absolute;left:50%;bottom:-28px;color:var(--brand-primary);font-size:18px}.diagram-legend{justify-content:flex-start;flex-wrap:wrap}.pathways>.pathway-grid{grid-template-columns:1fr}.pathways>.pathway-grid article,.pathways>.pathway-grid article:nth-child(even){border-left:0;border-right:0}}