:root{--global-nav-height:64px;--nav-height:var(--global-nav-height);--nav-surface:transparent;--nav-surface-scrolled:rgba(250,250,247,0.92);--nav-line:transparent;--nav-ink:#141714;--nav-muted:rgba(20,23,20,0.66);--nav-shadow:0 14px 36px rgba(20,30,23,0.055);--subnav-offset:calc(var(--global-nav-height) + 10px);--standard-radius:8px;--standard-pill:999px;--button-bg:#141714;--button-bg-hover:#0d2f20;--button-line:rgba(20,23,20,0.16);--button-radius:999px;--mobile-tap-target:44px;--paper-warm:#eef3ea;--white:#ffffff;--green-900:#092a1c;--green-700:#1a6440;--green-500:#4f9a63;--green-deep:#083e2a;--green:#126746;--green-mid:#3e8d6b;--red:#bd3443;--gold:#b78b28;--blue-logo:#0b567c;--surface:#ffffff;--forest:var(--green-700);--forest-deep:var(--green-900);--accent:var(--green-500);--serif:"Playfair Display",Georgia,serif;--sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI", sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--ease:var(--cv-ease-enter);--ease-out-expo:var(--cv-ease-enter);--editorial-container:1360px;--gutter:clamp(20px,5vw,72px);--radius:8px;--type-display:clamp(2.75rem,5vw,4.5rem);--type-section:clamp(2.15rem,3.8vw,3.5rem);--type-subhead:clamp(1.55rem,2.2vw,2.45rem);--type-panel-title:clamp(1.7rem,3vw,3rem);--type-card-title:clamp(1.35rem,1.72vw,1.82rem);--type-card-title-large:clamp(1.58rem,2.1vw,2.3rem);--type-card-title-small:clamp(1.18rem,1.45vw,1.52rem);--type-route-title:clamp(1.16rem,1.42vw,1.58rem);--type-stat:clamp(1.95rem,3vw,3.55rem);--type-stat-small:clamp(1.35rem,2vw,2rem);--type-body-large:clamp(1.125rem,1.25vw,1.35rem);--type-body:clamp(0.96rem,0.92vw,1.02rem);--type-caption:clamp(0.74rem,0.76vw,0.84rem);--type-mobile-section:clamp(2rem,8.2vw,3rem);--type-mobile-card-title:clamp(1.35rem,6.8vw,1.9rem);--type-mobile-stat:clamp(0.98rem,4.8vw,1.25rem);--type-display-track:-0.015em;--type-display-leading:1;--type-section-leading:1.08;--type-label-track:0.12em;--type-label-track-tight:0.14em;--type-serif-leading-tight:1.15;--type-copy-leading:1.55;--section-pad:clamp(48px,4.5vw,64px);--section-pad-compact:clamp(42px,4vw,60px);--runner-heading-gap:clamp(12px,1.2vw,18px);--ledger-row-space:clamp(13px,1.4vw,18px);--media-index-row-space:clamp(15px,1.55vw,20px);--type-section-supporting:clamp(2.25rem,3.45vw,3.8rem);--paper:#f7f8f4;--paper-soft:#ffffff;--ink:#141714;--ink-soft:#343a35;--muted:#4e5550;--faint:#687169;--line:rgba(20,23,20,0.105);--line-soft:rgba(20,23,20,0.085);--media-card-short:clamp(128px,11vw,168px);--media-card-medium:clamp(150px,15vw,210px);--media-card-large:clamp(180px,18vw,260px);--route-card-height:clamp(172px,14.5vw,210px);--media-feature:clamp(340px,34vw,440px);--media-feature-mobile:300px;--map-panel-height:clamp(420px,40vw,600px);--close-bg:#0b2016;--close-panel:#102c1f;--close-panel-2:#153827;--close-ink:#f4f7ef;--close-muted:rgba(232,240,231,0.72);--close-line:rgba(255,255,255,0.14);--close-accent:#b7df62;--close-warm:#d5b56b;--editorial-max-copy:62ch;--type-hero-standard:clamp(3.75rem,6vw,6.55rem);--type-hero-editorial:clamp(3.65rem,5.55vw,5.95rem);--type-section-large:clamp(2.7rem,4.35vw,4.75rem);--closing-title-max:12ch;--closing-copy-max:44ch;--main-section-space:clamp(72px,7vw,108px);--main-section-space-compact:clamp(56px,5.5vw,84px);--main-head-gap:clamp(28px,4vw,56px);--main-device-radius:8px;--main-feature-media-max:620px;}*,::after,::before{box-sizing:border-box;}.skip-link{position:fixed;top:10px;left:10px;z-index:4000;min-height:var(--mobile-tap-target);display:inline-flex;align-items:center;padding:10px 16px;border-radius:var(--standard-pill);background:var(--ink);color:var(--paper-soft);font-size:.9rem;font-weight:600;transform:translateY(calc(-100% - 20px));transition:transform 150ms var(--ease);}.skip-link:focus-visible{transform:translateY(0);outline-color:var(--close-accent);}main[tabindex="-1"]:focus{outline:0;}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:var(--type-body);line-height:var(--type-copy-leading);overflow-x:clip;}.container{width:min(100%,calc(var(--editorial-container) + (var(--gutter)*2)));margin-inline:auto;padding-inline:var(--gutter);}.section{padding-block:var(--section-pad);}a,button{color:inherit;}a{text-decoration:none;}button{border:0;background:0 0;cursor:pointer;font:inherit;}img{display:block;max-width:100%;color:transparent;}:focus-visible{outline:2px solid var(--forest);outline-offset:4px;border-radius:4px;}@media (prefers-reduced-motion:reduce){*,::after,::before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}}.hero-title,.section-title,h1,h2,h3{text-wrap:balance;}.hero-copy,.section-copy,li{text-wrap:pretty;}.hero-title,.section-title{font-family:var(--serif);font-weight:400;font-size:var(--type-display);line-height:var(--type-serif-leading-tight);letter-spacing:var(--type-display-track);}.hero-title em,.section-title em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--green-mid,#3e8d6b);}body:is(.page-about,.page-advisory,.page-contact,.page-farms,.page-field-systems) .hero-title em{color:var(--forest);}.hero-copy,.section-copy{color:var(--ink-soft);font-size:var(--type-body-large);font-weight:400;line-height:var(--type-copy-leading);}.hero-copy strong,.nav-links a,.section-copy strong{font-weight:500;}.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--forest);margin-bottom:var(--runner-heading-gap);letter-spacing:.04em;}.brand-lockup,.nav-links a{display:inline-flex;align-items:center;padding:0;}.nav-links{display:flex;align-items:center;gap:clamp(18px,1.65vw,32px);color:var(--nav-muted);font-size:.84rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;}.nav-links a{position:relative;min-height:44px;justify-content:center;color:inherit;line-height:1;transition:color 180ms ease;}.nav-links a::after{content:"";position:absolute;right:0;bottom:7px;left:0;height:1px;background:currentColor;opacity:0;transform:scaleX(.64);transform-origin:center;transition:opacity 180ms ease,transform 180ms ease;}.nav-links a:focus-visible,.nav-links a:hover{color:var(--nav-ink);}.nav-links a:focus-visible::after,.nav-links a:hover::after,.nav-links a[aria-current=page]::after{opacity:.72;transform:scaleX(1);}.nav-cta,.nav-links a[aria-current=page]{color:var(--nav-ink);}.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:0 17px;background:var(--ink);line-height:1;box-shadow:inset 0 1px 1px rgba(255,255,255,.2),0 4px 12px rgba(20,24,20,.15);white-space:nowrap;transition:background-color 250ms ease,border-color 250ms ease,box-shadow 250ms ease,color 250ms ease,transform 250ms ease;padding-inline:22px;color:#fff;border-radius:40px;font-size:.84rem;letter-spacing:.01em;}.mobile-menu-button,.nav-cta{min-height:44px;font-weight:400;border:1px solid rgba(0,0,0,.06);}.mobile-menu-button:focus-visible,.mobile-menu-button:hover,.nav-cta:focus-visible,.nav-cta:hover{border-color:rgba(18,103,70,.28);background:rgba(255,255,255,.78);color:#0d2f20;box-shadow:0 8px 24px rgba(20,30,23,.08),inset 0 1px 0 rgba(255,255,255,.76);transform:translateY(-1px);}.mobile-panel{display:none;border-top:1px solid rgba(16,21,18,.1);border-bottom:1px solid var(--nav-line);padding:12px var(--gutter,24px) 18px;background:rgba(248,249,245,.98);box-shadow:0 18px 34px rgba(20,30,23,.045);}.mobile-panel.is-open{display:block;}.mobile-panel a{display:flex;align-items:center;border-bottom:1px solid rgba(23,24,19,.08);padding:12px 0;color:rgba(20,23,20,.72);font-size:.92rem;font-weight:400;}body.mobile-menu-open{overscroll-behavior:none;}@media (max-width:1120px){.mobile-panel{position:fixed;top:var(--nav-height);right:0;bottom:0;left:0;z-index:99;width:100%;height:auto;max-height:calc(100dvh - var(--nav-height));padding:12px var(--gutter,24px) max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-bottom:0;background:linear-gradient(180deg,rgba(250,250,247,.98),rgba(247,248,244,.98)),var(--paper);box-shadow:0 24px 54px rgba(20,30,23,.12);}}.paper-subnav,.story-subnav{position:sticky;top:var(--subnav-offset);z-index:92;width:fit-content;max-width:calc(100% - 32px);margin:10px auto 0;border:1px solid rgba(0,0,0,.06);border-radius:var(--standard-pill);background:rgba(247,248,244,.9);box-shadow:0 12px 32px rgba(20,30,23,.07);backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08);overflow:hidden;}.paper-subnav-inner,.story-subnav-inner{width:100%;max-width:100%;min-height:46px;padding-inline:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;}.paper-subnav-inner::-webkit-scrollbar,.story-subnav-inner::-webkit-scrollbar{display:none;}.paper-subnav-inner>span,.story-subnav-inner>span{flex:0 0 auto;color:rgba(20,23,20,.48);font-size:.72rem;font-weight:600;white-space:nowrap;}.paper-subnav a,.story-subnav a,.subnav-back{min-height:32px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--button-radius);padding:0 12px;color:rgba(20,23,20,.66);font-family:var(--sans);font-size:.78rem;font-weight:400;text-decoration:none;white-space:nowrap;transition:background 200ms var(--ease,ease),color 200ms var(--ease,ease),border-color 200ms var(--ease,ease),transform 200ms var(--ease,ease);}.paper-subnav a:focus-visible,.paper-subnav a:hover,.story-subnav a:focus-visible,.story-subnav a:hover,.subnav-back:hover{color:var(--nav-ink);border-color:rgba(18,103,70,.12);background:rgba(255,255,255,.72);transform:none;}.subnav-back{border-right:0;padding-right:12px;}.paper-subnav-links{display:flex;flex:0 0 auto;gap:8px;}.publication-subnav-toggle{display:none;}.btn,.button,.copy-brief{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--button-radius);padding:0 20px;font-family:var(--sans);font-size:.86rem;font-weight:400;text-align:center;line-height:1.12;white-space:normal;box-shadow:none;transition:background 180ms ease,border-color 180ms ease,color 180ms ease,transform 180ms ease;}.btn.primary,.button-primary,.button.primary{border-color:var(--ink);background:var(--ink);color:#fff;}.btn.primary:focus-visible,.btn.primary:hover,.button-primary:focus-visible,.button-primary:hover,.button.primary:focus-visible,.button.primary:hover{border-color:var(--forest);background:var(--forest);color:#fff;transform:scale(1.02);box-shadow:0 8px 24px rgba(26,91,57,.25);}.btn.secondary,.button-secondary,.button.secondary,.copy-brief{border-color:var(--ink);background:0 0;color:var(--ink);}.btn.secondary:focus-visible,.btn.secondary:hover,.button-secondary:focus-visible,.button-secondary:hover,.button.secondary:focus-visible,.button.secondary:hover,.copy-brief:focus-visible,.copy-brief:hover{border-color:var(--ink);background:rgba(20,23,20,.05);color:var(--ink);}.story-standfirst{max-width:var(--measure-wide,74ch);}.btn.text-link{border:0;background:0 0;color:var(--ink);display:inline-flex;align-items:center;padding:8px 0;border-radius:0;position:relative;font-weight:500;min-height:var(--mobile-tap-target,44px);box-shadow:none;}.btn.text-link::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1.5px;background:var(--ink);transform-origin:left center;transform:scaleX(0);transition:transform .3s ease;}.btn.text-link:focus-visible,.btn.text-link:hover{background:0 0;transform:none;box-shadow:none;color:var(--ink);}.btn.text-link:focus-visible::after,.btn.text-link:hover::after{transform:scaleX(1);}@media (max-width:1120px){:root{--global-nav-height:56px;--nav-height:var(--global-nav-height);--subnav-offset:calc(var(--global-nav-height) + 8px);}.nav-cta,.nav-links{display:none;}}@media (max-width:700px){html{scroll-padding-top:calc(var(--global-nav-height) + 66px);}.paper-subnav,.story-subnav{width:calc(100% - 20px);margin-top:8px;border-radius:16px;}.paper-subnav-inner,.story-subnav-inner{align-items:center;min-height:44px;padding:0 8px;gap:10px;}.paper-subnav-inner>span,.story-subnav-inner>span{display:none;}}@media (max-width:680px){.hero-actions,.hero-copy,.hero-title{transition-delay:.08s;}}.hero-media-banner{position:relative;min-height:clamp(290px,32vw,430px);margin:0;overflow:hidden;border:0;border-radius:var(--standard-radius,8px);background:#edf1ea;box-shadow:0 18px 46px rgba(20,30,23,.09),0 3px 10px rgba(20,30,23,.045);isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto;}.hero-media-banner img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 56%;}.hero-media-banner::after{content:none;}.hero-media-banner img[src*=about-field-note]{object-position:50% 54%;}.hero-media-banner img[src*=farms-movement]{object-position:50% 57%;}.hero-media-banner img[src*=field-system-route]{object-position:50% 62%;}.hero-copy,.section-copy,.story-deck{max-width:var(--editorial-max-copy);}main:not(#home)>.hero.visual-hero .breadcrumb,main:not(#home)>.hero.visual-hero .section-kicker{letter-spacing:var(--type-label-track-tight);}main:not(#home)>.hero.visual-hero{min-height:calc(100dvh - var(--nav-height));padding-block:0;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(79,154,99,.12),transparent 28rem),linear-gradient(180deg,#fafbf8 0,#f3f6f0 100%);}main:not(#home)>.hero.visual-hero .container.hero-content,main:not(#home)>.hero.visual-hero .container.hero-grid{min-height:calc(100dvh - var(--nav-height));display:grid;grid-template-columns:minmax(0,.95fr) minmax(340px,.86fr);gap:clamp(40px,7vw,108px);align-items:center;align-content:center;width:100%;padding-top:clamp(72px,7vw,104px);padding-bottom:clamp(72px,7vw,104px);}main:not(#home)>.hero.visual-hero .hero-copy{max-width:36rem;margin-top:clamp(18px,2vw,26px);font-size:var(--type-body-large);line-height:1.6;}main:not(#home)>.hero.visual-hero .hero-actions{margin-top:clamp(18px,2.6vh,28px);}main:not(#home)>.hero.visual-hero .hero-media-banner{height:clamp(390px,52vh,560px);min-height:0;border-radius:0;box-shadow:none;}main:not(#home)>.hero.visual-hero .hero-media-banner img{min-height:0;}main:not(#home)>.hero.visual-hero .btn.primary::before,main:not(#home)>.hero.visual-hero .button.primary::before{content:none;display:none;}main:not(#home)>.hero.visual-hero .btn,main:not(#home)>.hero.visual-hero .button{overflow:visible;box-shadow:none;}@media (max-width:760px){main:not(#home)>.hero.visual-hero{min-height:calc(100svh - var(--nav-height));}main:not(#home)>.hero.visual-hero .container.hero-content,main:not(#home)>.hero.visual-hero .container.hero-grid{grid-template-columns:1fr;gap:22px;padding-top:clamp(34px,6vh,52px);padding-bottom:clamp(34px,6vh,52px);}main:not(#home)>.hero.visual-hero .hero-title{max-width:16ch;margin-bottom:12px;font-size:clamp(2.65rem,10vw,3.45rem);}main:not(#home)>.hero.visual-hero .hero-copy{font-size:.94rem;line-height:1.45;}main:not(#home)>.hero.visual-hero .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;}main:not(#home)>.hero.visual-hero .hero-actions .btn,main:not(#home)>.hero.visual-hero .hero-actions .button{width:auto;min-height:44px;padding-inline:12px;font-size:.72rem;}.hero-media-banner,main:not(#home)>.hero.visual-hero .hero-media-banner{min-height:0;height:clamp(210px,32vh,280px);}}@media (max-width:700px) and (max-height:720px){main:not(#home)>.hero.visual-hero .container.hero-content,main:not(#home)>.hero.visual-hero .container.hero-grid{gap:16px;padding-top:24px;padding-bottom:24px;}main:not(#home)>.hero.visual-hero .breadcrumb,main:not(#home)>.hero.visual-hero .section-kicker{margin-bottom:8px;}main:not(#home)>.hero.visual-hero .hero-title{margin-bottom:10px;font-size:clamp(2.25rem,9.6vw,2.78rem);}main:not(#home)>.hero.visual-hero .hero-copy{font-size:.88rem;line-height:1.36;}main:not(#home)>.hero.visual-hero .hero-actions{margin-top:10px;}main:not(#home)>.hero.visual-hero .hero-actions .btn,main:not(#home)>.hero.visual-hero .hero-actions .button{min-height:44px;}main:not(#home)>.hero.visual-hero .hero-media-banner{height:clamp(180px,28vh,230px);}}@media (max-width:360px){main:not(#home)>.hero.visual-hero .hero-actions{display:grid;grid-template-columns:1fr;}}.story-asset figcaption,.story-photo figcaption{display:grid;gap:4px;max-width:42rem;margin:0;border:0;border-top:1px solid rgba(20,23,20,.18);border-radius:0;padding:10px 0 0;background:0 0;box-shadow:none;color:rgba(20,23,20,.68);font-family:var(--sans,system-ui,sans-serif);font-size:clamp(.74rem,.76vw,.84rem);font-weight:400;line-height:1.48;}.story-asset figcaption strong,.story-photo figcaption strong{display:block;margin:0;color:rgba(20,23,20,.84);font-family:var(--mono,ui-monospace,monospace);font-size:.64rem;font-weight:600;letter-spacing:var(--type-label-track-tight);line-height:1.25;text-transform:uppercase;}body,html{max-width:100%;}.breadcrumb a,.mobile-panel a{min-height:44px;}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;}@media (max-width:700px){.breadcrumb a,.mobile-panel a{min-height:var(--mobile-tap-target,44px);}}body.page-insights .hero.visual-hero{position:relative;background:#fbfcf9;min-height:100vh;padding-block:0;display:flex;align-items:center;overflow:hidden;}body.page-insights .hero.visual-hero .container.hero-content{grid-template-columns:minmax(0,1fr) minmax(360px,1.1fr);z-index:2;position:relative;}body.page-insights .hero.visual-hero .hero-title{text-wrap:balance;max-width:16ch;margin-bottom:24px;}body.page-insights .hero.visual-hero .hero-canvas-wrap{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.7;mix-blend-mode:multiply;filter:hue-rotate(-10deg) saturate(1.3);}body.page-insights .hero.visual-hero .hero-canvas{width:100%;height:100%;display:block;}body.page-insights .hero.visual-hero .hero-media-banner{border-radius:12px;box-shadow:0 42px 74px rgba(10,20,15,.08),0 4px 16px rgba(10,20,15,.04);position:relative;overflow:hidden;transform:translateZ(0);}body.page-insights .hero.visual-hero .hero-media-banner::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 1px rgba(255,255,255,.7),inset 0 0 0 1px rgba(255,255,255,.2);pointer-events:none;}body:not(.page-insights) main:not(#home)>.hero.visual-hero{padding-top:clamp(54px,7vw,100px);padding-bottom:clamp(64px,8vw,110px);min-height:100vh;border-bottom:0;background:#e7e8e5;}body:not(.page-insights) main:not(#home)>.hero.visual-hero .container.hero-content{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,1.15fr);gap:clamp(40px,7vw,94px);align-items:center;padding-block:0;}body.page-crop-intelligence main:not(#home)>.hero.visual-hero{background:#e1e5e0;}body.page-scaling-biogas-bangladesh main:not(#home)>.hero.visual-hero{background:#ebe8dc;}body.page-biogas-policy main:not(#home)>.hero.visual-hero{background:#e0e5ea;}body:not(.page-insights) main:not(#home)>.hero.visual-hero .container.hero-content>div:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-self:center;text-align:left;gap:clamp(16px,2vw,24px);}body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .hero-copy,body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .hero-title,body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .section-kicker,body:not(.page-insights) main:not(#home)>.hero.visual-hero .hero-copy,body:not(.page-insights) main:not(#home)>.hero.visual-hero .section-kicker{margin:0;text-align:left;}body:not(.page-insights) main:not(#home)>.hero.visual-hero .hero-title{margin:0;text-wrap:balance;max-width:16ch;font-size:clamp(2.8rem,5vw,4.2rem);text-align:left;}body:not(.page-insights) main:not(#home)>.hero.visual-hero .hero-copy{max-width:58ch;}body:not(.page-insights) main:not(#home)>.hero.visual-hero .hero-actions{margin-top:16px;justify-content:flex-start;display:flex;gap:24px;align-items:center;}@media (max-width:720px){body:not(.page-insights) main:not(#home)>.hero.visual-hero .container.hero-content{grid-template-columns:1fr;}}main#home>.hero{min-height:100vh;}.hero .hero-kicker,.hero .hero-title,.hero .section-kicker{text-align:center;margin-inline:auto;}.hero .hero-actions{justify-content:center;}.hero .hero-copy{max-width:58ch;margin-inline:auto;text-align:left;}main:not(#home)>.hero.visual-hero .hero-content>div:first-child{display:flex;flex-direction:column;align-items:center;}@media (max-width:720px){.paper-subnav,.story-subnav{width:calc(100% - 24px);max-width:none;border-radius:10px;}.publication-subnav-toggle{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;border:0;padding:0 16px;background:0 0;color:var(--nav-ink);font-family:var(--sans);font-size:.8rem;font-weight:600;}.publication-subnav-toggle span:last-child{transition:transform 180ms ease;}.paper-subnav.is-open .publication-subnav-toggle span:last-child,.story-subnav.is-open .publication-subnav-toggle span:last-child{transform:rotate(180deg);}.paper-subnav .paper-subnav-inner,.story-subnav .story-subnav-inner{display:none;max-height:min(60vh,420px);min-height:0;flex-direction:column;align-items:stretch;gap:2px;border-top:1px solid rgba(31,29,26,.08);padding:8px;overflow-y:auto;}.paper-subnav.is-open .paper-subnav-inner,.story-subnav.is-open .story-subnav-inner{display:flex;}.paper-subnav .paper-subnav-links{width:100%;flex-direction:column;gap:2px;}.paper-subnav .paper-subnav-inner a,.story-subnav .story-subnav-inner a{width:100%;min-height:44px;justify-content:flex-start;}}body:is(.page-field-systems,.page-advisory,.page-farms,.page-about,.page-contact) main:not(#home)>.hero.visual-hero{--hero-seam-surface:#e7e8e5;position:relative;min-height:calc(100dvh - var(--global-nav-height));margin-bottom:0;display:flex;align-items:center;padding-block:clamp(48px,6vh,72px);background-color:var(--hero-seam-surface);box-shadow:0 2px 0 var(--hero-seam-surface);}body:is(.page-field-systems,.page-advisory,.page-farms,.page-about,.page-contact) main:not(#home)>.hero.visual-hero .container.hero-content,body:is(.page-field-systems,.page-advisory,.page-farms,.page-about,.page-contact) main:not(#home)>.hero.visual-hero .container.hero-grid{min-height:0;align-content:center;}body:is(.page-field-systems,.page-advisory,.page-farms,.page-about,.page-contact) main:not(#home)>.hero.visual-hero .hero-media-banner{margin-bottom:58px;}@media (max-width:720px){body:is(.page-field-systems,.page-advisory,.page-farms,.page-about,.page-contact) main:not(#home)>.hero.visual-hero{min-height:calc(100dvh - var(--global-nav-height));padding-block:clamp(24px,5vh,40px);}body:is(.page-field-systems,.page-advisory,.page-farms,.page-about,.page-contact) main:not(#home)>.hero.visual-hero .hero-media-banner{margin-bottom:54px;}}html{scroll-padding-top:calc(var(--global-nav-height) + 72px);scroll-behavior:smooth;overflow-x:hidden;background:var(--paper);font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis:none;font-kerning:normal;}@media (max-width:700px){:root{--type-label-track:0.065em;--type-serif-leading-tight:1;--type-copy-leading:1.6;}}@media (max-width:360px){body:not(.page-insights) main:not(#home)>.hero.visual-hero .hero-actions{display:grid;grid-template-columns:1fr;}}body.main-page{--section-pad:var(--main-section-space);}body.main-page main>section[id]{scroll-margin-top:calc(var(--global-nav-height,64px) + 18px);}body .closing-section{position:relative;isolation:isolate;overflow:visible;margin:0;padding:var(--closing-section-pad-top,clamp(44px,4.5vw,62px)) 0 var(--closing-section-pad-bottom,clamp(10px,1.2vw,16px));}body main>.section-before-closing{padding-bottom:clamp(32px,4vw,56px);}body .closing-section::before{content:none;}body.page-home body .closing-section>.container{position:relative;z-index:1;width:100%;max-width:none;padding-inline:var(--gutter,clamp(20px,5vw,72px));}body .closing-section .cta-band{position:relative;isolation:isolate;display:grid;width:min(100%,1320px);margin-inline:auto;grid-template-columns:minmax(0,.95fr) minmax(340px,.65fr);gap:clamp(42px,7vw,100px);align-items:center;padding:var(--closing-panel-padding,clamp(38px,5vw,64px));border-radius:10px;background:var(--surface,#fff);color:var(--ink);box-shadow:0 16px 42px rgba(6,28,18,.12);}body .closing-section .cta-band::before{content:"";position:absolute;z-index:-1;top:50%;left:50%;width:100vw;height:calc(50% + var(--closing-section-pad-bottom,clamp(10px,1.2vw,16px)));background:var(--close-bg,#0b2016);transform:translateX(-50%);pointer-events:none;}body .closing-section .cta-band>div,body .closing-section .head-action,body .closing-section .head-main,body:not(.project-theme) .image-caption span{min-width:0;}body .closing-section .section-kicker{margin-bottom:14px;}body .closing-section .section-title{max-width:var(--closing-title-max);margin:0;font-size:var(--closing-title-size,clamp(3rem,4.75vw,5.2rem));line-height:var(--closing-title-leading,.95);letter-spacing:-.048em;}body .closing-section .cta-copy{max-width:var(--closing-copy-max);margin:0 0 var(--closing-copy-bottom,0);color:var(--muted,#4e5550);font-size:clamp(.98rem,1.15vw,1.08rem);line-height:1.6;}.closing-section .head-action{display:flex;min-width:0;flex-direction:column;align-items:flex-start;}.closing-section .action-group{width:100%;align-items:center;}body .closing-section .action-group{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:clamp(12px,1.8vw,20px);margin-top:clamp(20px,2.5vw,28px);}body .closing-section .action-group .btn{min-width:0;min-height:46px;}body .closing-section .action-group .btn.text-link{padding-block:0;}@media (min-width:1000px) and (max-height:820px){body.page-advisory main:not(#home)>.hero.visual-hero .hero-media-banner{max-height:560px;margin-bottom:0;}}@media (max-width:900px){body .closing-section .cta-band{grid-template-columns:1fr;align-items:start;gap:28px;}}@media (max-width:700px){body main>.section-before-closing{padding-bottom:32px;}body .closing-section{padding-top:32px;}body .closing-section>.container{padding-inline:20px;}body .closing-section .cta-band{padding:30px 24px 32px;}body .closing-section .section-title{font-size:clamp(2.55rem,11vw,3.45rem);}body .closing-section .action-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}body .closing-section .action-group .btn{width:100%;padding-inline:10px;font-size:clamp(.72rem,3vw,.82rem);}body .closing-section .action-group .btn:only-child{grid-column:1/-1;width:fit-content;max-width:100%;padding-inline:18px;}body .closing-section .action-group .btn.text-link{padding-inline:6px;}body .closing-section .hero-actions{align-items:flex-start;}}body footer.site-footer{display:block;margin-top:0;padding:clamp(12px,1.5vw,20px) 0 clamp(28px,3vw,40px);border-top:0;background:var(--close-bg,#0b2016);box-shadow:none;color:rgba(235,241,235,.72);}body footer.site-footer .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px;}body footer.site-footer .footer-contact-block a,body footer.site-footer a{min-height:44px;color:rgba(245,249,241,.78);font-size:.91rem;text-decoration:none;overflow-wrap:anywhere;line-height:1.25;}body footer.site-footer a:focus-visible,body footer.site-footer a:hover{color:#a7e75a;}@media (max-width:700px){body footer.site-footer{padding-top:28px;}body footer.site-footer .footer-links{grid-template-columns:1fr;}body footer.site-footer a{min-height:var(--mobile-tap-target,44px);}}body.main-page .hero-actions,body:not(.project-theme) .action-group:not(.closing-actions){display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:clamp(14px,2vw,24px);}body.main-page .hero .action-group,body.main-page .hero-actions{margin-top:clamp(22px,3vh,30px);}body:not(.project-theme) .mono{font-family:var(--mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace );font-size:.68rem;font-weight:600;line-height:1.35;letter-spacing:.13em;}body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero{--hero-surface:#f7f8f2;position:relative;min-height:calc(100dvh - var(--global-nav-height,64px));margin:0;padding:clamp(48px,6vh,72px)0;display:flex;align-items:center;overflow:hidden;border:0;background:radial-gradient(circle at 14% 18%,rgba(230,225,185,.34)0,transparent 34%),radial-gradient(circle at 84% 24%,rgba(218,232,213,.3)0,transparent 38%),linear-gradient(180deg,#faf9f3 0,#f7f8f2 60%,#f4f6ed 100%);box-shadow:0 2px 0 var(--hero-surface);}body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .container.hero-content,body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .container.hero-grid{width:min(100%,calc(var(--editorial-container) + (var(--gutter)*2)));min-height:0;padding-block:var(--main-hero-content-padding-block,0);display:grid;grid-template-columns:minmax(0,var(--main-hero-copy-track,.96fr)) minmax(var(--main-hero-media-min,420px),var(--main-hero-media-track,1.04fr));gap:var(--main-hero-grid-gap,clamp(42px,6vw,88px));align-items:center;align-content:center;}body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .container.hero-content>div:first-child,body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .container.hero-grid>div:first-child{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:clamp(16px,2vw,24px);text-align:left;}body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .hero-title{max-width:11.5ch;font-family:var(--serif);font-size:var(--type-hero-standard,clamp(3.75rem,6vw,6.55rem));font-weight:400;line-height:.92;letter-spacing:-.052em;text-wrap:balance;}body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .hero-copy{max-width:42ch;color:var(--muted);font-size:clamp(1.02rem,1.25vw,1.18rem);line-height:1.62;}body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .hero-actions{justify-content:flex-start;margin:8px 0 0;}body.main-page:not(.page-home) .hero-media-banner>a{display:block;overflow:hidden;border-radius:16px;background:#dfe5de;}body.main-page:not(.page-home) .hero-media-banner>a>img,body.main-page:not(.page-home) .hero-media-banner>img{position:static;height:clamp(390px,54vh,560px);min-height:0;object-position:center;filter:saturate(.9) contrast(1.025);}body:not(.project-theme){--main-caption-size:clamp(.76rem,.78vw,.84rem);--main-caption-label-size:.63rem;--main-hero-caption-size:clamp(.74rem,.76vw,.82rem);--main-hero-caption-label-size:.6rem;}body.main-page:not(.page-home){--main-caption-size:clamp(.78rem,.8vw,.86rem);--main-caption-label-size:.66rem;--main-hero-caption-size:clamp(.78rem,.8vw,.86rem);--main-hero-caption-label-size:.66rem;}body:not(.project-theme) .image-caption{position:static;width:100%;max-width:none;margin:18px 0 0;padding:13px 0 0;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:clamp(18px,2vw,28px);align-items:baseline;border:0;border-top:1px solid rgba(20,23,20,.16);border-radius:0;background:0 0;box-shadow:none;color:rgba(20,23,20,.68);font-family:var(--sans);font-size:var(--main-caption-size);font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;backdrop-filter:none;-webkit-backdrop-filter:none;}body:not(.project-theme) .image-caption strong{margin:0;color:rgba(20,23,20,.84);font-family:var(--mono);font-size:var(--main-caption-label-size);font-weight:600;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;}body:not(.project-theme) .hero-media-banner>figcaption.image-caption{margin:0;padding:12px 0 0;gap:clamp(16px,1.8vw,24px);border-top-color:rgba(20,23,20,.14);color:rgba(20,23,20,.66);font-size:var(--main-hero-caption-size);line-height:1.5;}body:not(.project-theme) .hero-media-banner>figcaption.image-caption strong{color:rgba(31,52,38,.82);font-size:var(--main-hero-caption-label-size);letter-spacing:.105em;}body:not(.project-theme) .btn.text-link{min-height:44px;padding:8px 0;border:0;border-radius:0;background:0 0;color:var(--ink);box-shadow:none;transform:none;}body:not(.project-theme) .btn.text-link::after{bottom:5px;height:1px;transform:scaleX(0);}body:not(.project-theme) .btn.text-link:focus-visible::after,body:not(.project-theme) .btn.text-link:hover::after{transform:scaleX(1);}@media (max-width:900px){body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero{min-height:auto;padding-block:clamp(42px,7vw,66px);}body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .container.hero-content,body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .container.hero-grid{grid-template-columns:1fr;gap:30px;}body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .hero-title{max-width:11ch;font-size:clamp(3.2rem,11vw,5rem);}body.main-page:not(.page-home) .hero-media-banner>a>img,body.main-page:not(.page-home) .hero-media-banner>img{height:clamp(300px,62vw,520px);}}@media (max-width:620px){body.main-page .hero-actions,.action-group--stack-mobile{align-items:flex-start;flex-direction:column;}body:not(.project-theme) .hero-media-banner>figcaption.image-caption,body:not(.project-theme) .image-caption{grid-template-columns:1fr;gap:5px;}}body .closing-section+.site-footer{margin-top:0;}body.main-page:not(.page-home) .hero-media-banner{position:relative;width:100%;display:flex;grid-template-rows:minmax(0,1fr) auto;row-gap:18px;align-self:center;min-width:0;margin:0;overflow:visible;border:0;border-radius:0;background:0 0;flex-direction:column;gap:18px;aspect-ratio:auto;height:max-content;min-height:max-content;box-shadow:none;}body.main-page:not(.page-home) .hero-media-banner>:is(img,a,.hero-photo-frame){width:100%;height:auto;aspect-ratio:3/2;overflow:hidden;border:0;border-radius:16px;background:#dfe5de;box-shadow:0 10px 28px rgba(20,30,23,.065);flex:0 0 auto;}body.main-page:not(.page-home) .hero-media-banner>.hero-photo-frame>img,body.main-page:not(.page-home) .hero-media-banner>a>img,body.main-page:not(.page-home) .hero-media-banner>img{display:block;width:100%;object-fit:cover;border:0;border-radius:inherit;background:0 0;box-shadow:none;}body.main-page:not(.page-home) .hero-media-banner::after{content:none;box-shadow:none;}@media (max-width:620px){body.main-page:not(.page-home) .hero-media-banner>figcaption.image-caption{grid-template-columns:1fr;gap:5px;padding-top:10px;}body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero{overflow:visible;}body.main-page:not(.page-home):not(.page-insights) .visual-hero :is(.hero-content,.hero-grid,.hero-content>div:first-child,.hero-grid>div:first-child){min-width:0;width:100%;}body.main-page:not(.page-home):not(.page-insights) .visual-hero .hero-title{width:100%;max-width:100%;font-size:clamp(2.55rem,10.4vw,3.2rem);line-height:.98;letter-spacing:-.045em;}body.main-page:not(.page-home):not(.page-insights) .visual-hero .hero-copy{width:100%;max-width:38ch;font-size:1rem;line-height:1.5;}.subnav-back{min-height:44px;}}body.main-page:not(.page-home) .hero-media-banner>img{height:auto;aspect-ratio:3/2;box-shadow:0 10px 28px rgba(20,30,23,.065);}body.main-page:not(.page-home) .hero-media-banner>.hero-photo-frame>img,body.main-page:not(.page-home) .hero-media-banner>a>img{height:100%;aspect-ratio:3/2;}body.main-page:not(.page-home){--hero-surface-base:#f4f6f1;--hero-surface-end:#eef2eb;--hero-glow-primary:rgba(153,184,164,0.24);--hero-glow-secondary:rgba(218,202,155,0.2);--hero-glow-light:rgba(255,255,255,0.68);--hero-grain:rgba(20,35,25,0.16);}body.main-page.page-field-systems{--hero-surface-base:#eef3f0;--hero-surface-end:#e8efeb;--hero-glow-primary:rgba(110,158,143,0.28);--hero-glow-secondary:rgba(151,179,190,0.2);}body.main-page.page-advisory{--hero-surface-base:#f7f1e7;--hero-surface-end:#f1ebdf;--hero-glow-primary:rgba(205,167,101,0.24);--hero-glow-secondary:rgba(153,181,151,0.2);}body.main-page.page-farms{--hero-surface-base:#f2f3e5;--hero-surface-end:#ebeee0;--hero-glow-primary:rgba(193,186,102,0.25);--hero-glow-secondary:rgba(119,169,127,0.23);}body.main-page.page-insights{--hero-surface-base:#f8f4ef;--hero-surface-end:#f3eee8;--hero-glow-primary:rgba(143,100,126,0.16);--hero-glow-secondary:rgba(199,164,102,0.18);}body.main-page.page-about{--hero-surface-base:#f6f1e9;--hero-surface-end:#f0ece4;--hero-glow-primary:rgba(190,149,116,0.2);--hero-glow-secondary:rgba(137,174,139,0.19);}body.main-page.page-contact{--hero-surface-base:#edf4f0;--hero-surface-end:#e7efeb;--hero-glow-primary:rgba(94,159,149,0.25);--hero-glow-secondary:rgba(210,190,148,0.17);}body.main-page.page-crop-intelligence{--hero-surface-base:#edf2ef;--hero-surface-end:#e7eeea;--hero-glow-primary:rgba(104,148,130,0.27);--hero-glow-secondary:rgba(135,164,179,0.2);}body.main-page.page-not-found{--hero-surface-base:#f5f5f1;--hero-surface-end:#efefea;--hero-glow-primary:rgba(160,177,164,0.16);--hero-glow-secondary:rgba(207,195,165,0.14);}body.main-page:not(.page-home) main:not(#home)>.hero.visual-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--main-hero-background,radial-gradient(ellipse at 14% 18%,var(--hero-glow-primary)0,transparent 38%),radial-gradient(ellipse at 88% 24%,var(--hero-glow-secondary)0,transparent 42%),radial-gradient(ellipse at 72% 58%,var(--hero-glow-light)0,transparent 38%),linear-gradient(180deg,var(--hero-surface-base) 0%,var(--hero-surface-end) 100%));box-shadow:var(--main-hero-shadow,0 2px 0 var(--hero-surface-end));}body.main-page:not(.page-home) main:not(#home)>.hero.visual-hero::before{content:var(--main-hero-grain-content,"");position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,var(--hero-grain)0 .55px,transparent .7px);background-size:9px 9px;opacity:.1;mask-image:linear-gradient(115deg,rgba(0,0,0,.72),transparent 76%);-webkit-mask-image:linear-gradient(115deg,rgba(0,0,0,.72),transparent 76%);}body.main-page:not(.page-home) main:not(#home)>.hero.visual-hero>*{position:relative;z-index:1;}@media (max-width:700px){body.main-page:not(.page-home) main:not(#home)>.hero.visual-hero{background:radial-gradient(ellipse at 18% 9%,var(--hero-glow-primary)0,transparent 34%),radial-gradient(ellipse at 84% 64%,var(--hero-glow-secondary)0,transparent 38%),linear-gradient(180deg,var(--hero-surface-base) 0%,var(--hero-surface-end) 100%);}} /* Standard editorial runner rhythm for non-home main pages. */ body.main-page:not(.page-home) main .section-kicker{margin-bottom:0;} body.main-page:not(.page-home) main :is(.section-kicker,.section-label)+:is(.section-title,h1,h2){margin-top:var(--runner-heading-gap);} /* Dark closing surfaces use the same global action contract. */ body .closing-section{background:var(--closing-upper-surface,var(--paper));} body .closing-section .cta-band::after{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:var(--surface,#fff);pointer-events:none;} body .closing-section .cta-band>div{position:relative;z-index:1;} /* Shared editorial metadata and compact rails. */ /* Mobile headings use one direct reading column. */ @media (max-width:760px){ body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .container.hero-content, body.main-page:not(.page-home):not(.page-insights) main>.hero.visual-hero .container.hero-grid{ grid-template-columns:minmax(0,1fr); align-items:start; } } /* v1.50.17 Funding Mandate Allocation — isolated navigation intelligence. */ .funding-menu-panel[hidden],.funding-mobile-menu__detail[hidden]{display:none!important;} @media (max-width:1120px){ .funding-mobile-menu{display:block;margin:2px 0 8px;padding:12px 0 8px;border-bottom:1px solid rgba(23,24,19,.08);} .funding-mobile-menu__head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:8px 0 6px;} .funding-mobile-menu__label{font-family:var(--mono,"JetBrains Mono",monospace);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(20,23,20,.46);} .funding-mobile-menu__head small{font-family:var(--mono,"JetBrains Mono",monospace);font-size:.57rem;color:rgba(20,23,20,.38);} .funding-mobile-menu__list{display:grid;} .funding-mobile-menu__priority{min-height:46px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:0;border:0;border-top:1px solid rgba(23,24,19,.065);background:transparent;color:rgba(20,23,20,.74);text-align:left;font:500 .9rem/1.25 var(--sans,"Inter",sans-serif);} .funding-mobile-menu__priority small{font-family:var(--mono,"JetBrains Mono",monospace);font-size:.56rem;font-weight:500;color:rgba(20,23,20,.4);} .funding-mobile-menu__priority.is-active{color:#16382a;} .funding-mobile-menu__detail{padding:12px 0 8px;border-top:1px solid rgba(23,24,19,.08);} .funding-mobile-menu__detail p{display:grid;gap:5px;margin:0;color:rgba(20,23,20,.62);font-size:.76rem;line-height:1.4;} .funding-mobile-menu__detail p strong{color:#16382a;font-size:.8rem;}.funding-mobile-menu__detail p em{font-style:normal;font-family:var(--mono,"JetBrains Mono",monospace);font-size:.56rem;letter-spacing:.02em;color:rgba(20,23,20,.44);} .funding-mobile-menu__detail a{display:inline-flex!important;min-height:44px!important;align-items:center!important;margin-top:4px!important;padding:7px 0 0!important;border:0!important;color:#16382a!important;font-size:.78rem!important;font-weight:600!important;} } .story-progress {position: fixed; top: 0; left: 0; z-index: 200; width: 0; height: 3px; background: #9b4f31;} .story-page {overflow: hidden; background: linear-gradient(180deg, rgba(18, 103, 70, 0.045), transparent 36rem), var(--paper); color: var(--ink);} .story-hero { min-height: calc(70svh - var(--global-nav-height, 64px)); display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.78fr); gap: clamp(34px, 5.2vw, 76px); align-items: center; padding-block: clamp(52px, 6vw, 84px) clamp(38px, 5vw, 64px); border-bottom: 1px solid var(--line, #d9e1da);} .story-eyebrow, .story-label, .story-mono {font-family: var(--mono); font-size: 0.72rem; font-weight: 600; letter-spacing: var(--type-label-track-tight, 0.046em);} .story-eyebrow, .story-label {color: var(--green);} .story-hero h1, .story-section h2{margin: 0; font-family: var(--serif); font-weight: 400; text-wrap: balance;} .story-hero h1 {max-width: 860px; margin-top: 18px; font-size: var(--type-display); line-height: var(--type-display-leading);} .story-deck {max-width: 720px; margin: 24px 0 0; color: var(--nav-muted); font-size: var(--type-body-large); line-height: 1.64; text-wrap: pretty;} .story-deck-emphasis {display: block; margin-top: 12px; color: var(--ink); font-weight: 600;} .story-chips {display: grid; grid-template-columns: minmax(0, 1fr); gap: 1px; max-width: 360px; margin-top: 38px; border: 1px solid var(--line, #d9e1da); background: var(--line, #d9e1da);} .story-chip {min-height: 118px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; background: rgba(255, 255, 255, 0.62);} .story-chip strong {display: block; max-width: 100%; font-family: var(--serif); font-size: clamp(2rem, 3vw, 3.25rem); font-weight: 400; line-height: 1;} .story-chip span {max-width: 34ch; color: var(--nav-muted);} .story-evidence-tag {display: block; margin-bottom: 8px; color: var(--green); font-family: var(--mono); font-size: 0.68rem; font-weight: 600; line-height: 1.35; letter-spacing: var(--type-label-track-tight, 0.046em); text-transform: uppercase;} .story-section.dark .story-evidence-tag {color: #9ecbb3;} .story-visual {margin: 0; box-shadow: 0 18px 44px rgba(10, 28, 15, 0.13);} .story-visual img, .story-photo img, .story-asset img {width: 100%; height: auto; border-radius: 8px; background: #e9eee8;} .story-visual img {aspect-ratio: 1 / 1.12; object-fit: cover; box-shadow: 0 28px 70px rgba(10, 28, 15, 0.18);} .story-visual {position: relative;} .story-visual figcaption {position: absolute; z-index: 1; left: 12px; bottom: 12px; max-width: calc(100% - 24px); margin: 0; border-radius: 4px; padding: 5px 8px; background: rgba(10, 18, 12, 0.66); color: rgba(255, 255, 255, 0.92); font-family: var(--mono, ui-monospace, monospace); font-size: 0.66rem; font-weight: 600; line-height: 1.3; letter-spacing: var(--type-label-track-tight, 0.046em);} @media (max-width: 760px) { /* The 13px mobile caption floor would make the overlay chip cover the scene; set it under the image instead. */ .story-visual {box-shadow: none;} .story-visual figcaption {position: static; max-width: none; margin-top: 10px; border-radius: 0; padding: 0; background: none; color: var(--muted, #4e5550); letter-spacing: 0.02em;} } .story-section {border-bottom: 1px solid var(--line, #d9e1da); padding-block: clamp(62px, 7.4vw, 104px);} .story-page > .story-section:last-of-type {padding-bottom: clamp(26px, 3.2vw, 44px);} .story-section.dark {background: var(--green-deep); color: white;} .story-section.dark .story-label {color: #9ecbb3;} .story-section.dark .story-standfirst, .story-section.dark p, .story-section.dark td {color: rgba(255, 255, 255, 0.72);} .story-head {display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(300px, 0.58fr); gap: clamp(34px, 5vw, 76px); align-items: end; margin-bottom: clamp(34px, 5vw, 72px);} .story-section h2{max-width: 860px; margin-top: 14px; font-size: var(--type-section); line-height: var(--type-section-leading);} .story-standfirst {margin: 0; color: var(--nav-muted); font-size: var(--type-body-large); line-height: 1.66; text-wrap: pretty;} .story-decision-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line, #d9e1da); border-radius: 8px; overflow: hidden; background: var(--line, #d9e1da); gap: 1px;} .story-proof-metrics {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line, #d9e1da); border-radius: 8px; overflow: hidden; background: var(--line, #d9e1da); gap: 1px;} .story-decision, .story-proof-metrics div {min-height: 210px; padding: 22px; background: rgba(255, 255, 255, 0.72);} .story-decision h3, .story-phase h3, .story-cluster-copy h3, .story-market-copy h3 {margin: 0; font-family: var(--serif); font-size: clamp(1.45rem, 2vw, 2rem); font-weight: 400; line-height: 1.16;} .story-decision p, .story-phase li, .story-detail p, .story-detail li, .story-cluster-copy p, .story-market-copy p {color: var(--nav-muted); line-height: 1.66; text-wrap: pretty;} .story-decision span {display: block; margin-top: 28px; color: var(--green);} .story-cluster-proof {display: grid; grid-template-columns: minmax(280px, 0.82fr) minmax(0, 1.18fr); border: 1px solid var(--line, #d9e1da); border-radius: 8px; overflow: hidden; background: var(--line, #d9e1da);} .story-cluster-number, .story-cluster-copy {min-height: 360px; padding: clamp(28px, 4vw, 54px); background: rgba(255, 255, 255, 0.72);} .story-cluster-number {display: flex; flex-direction: column; justify-content: space-between; background: var(--green-deep); color: white;} .story-cluster-number strong {display: block; font-family: var(--serif); font-size: clamp(5.6rem, 12vw, 12rem); font-weight: 400; line-height: 0.88;} .story-cluster-number span, .story-cluster-number p {display: block; max-width: 24ch; color: rgba(255, 255, 255, 0.7);} .story-cluster-copy h3 {font-size: clamp(2rem, 3.8vw, 4rem);} .story-record-list {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(20px, 3vw, 38px); margin: clamp(24px, 3.4vw, 42px) 0 0;} .story-record-list div {padding: 16px 0 14px; border-top: 1px solid var(--line, #d9e1da);} .story-record-list dt {font-family: var(--serif); font-size: 1.18rem;} .story-record-list dd {margin: 7px 0 0; color: var(--nav-muted); font-size: 0.92rem; line-height: 1.5; text-wrap: pretty;} .story-decision-grid {counter-reset: story-decision;} .story-decision {counter-increment: story-decision;} .story-decision::before {content: "0" counter(story-decision); display: block; margin-bottom: 28px; color: var(--green); font-family: var(--mono); font-size: 0.68rem; font-weight: 600; letter-spacing: 0.08em;} .story-decision:first-child {background: var(--green-deep); color: white;} .story-decision:first-child::before {color: #b6d4c1;} .story-decision:first-child p {color: rgba(255,255,255,0.72);} .story-timeline {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; overflow: hidden; background: var(--line, #d9e1da); gap: 1px; border-color: var(--line, #d9e1da);} .story-split {display: grid; grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1.28fr); gap: clamp(38px, 6vw, 96px); align-items: stretch;} .story-photo {margin: 0;} .story-photo img {aspect-ratio: 1 / 1; object-fit: cover; object-position: center top;} .story-note h2 {margin-top: 14px;} .story-note p {max-width: 760px; color: var(--nav-muted); font-size: 1.05rem; line-height: 1.72;} .story-gates {margin-top: 34px; border-top: 1px solid var(--line, #d9e1da);} .story-gate {display: grid; grid-template-columns: 1fr; gap: 8px; border-bottom: 1px solid var(--line, #d9e1da); padding: 20px 0;} .story-gate h3 {margin: 0; font-family: var(--serif); font-size: 1.45rem; font-weight: 400;} .story-gate p {margin: 8px 0 0;} .story-assets {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: clamp(38px, 5vw, 74px);} .story-asset {margin: 0;} .story-asset img {aspect-ratio: 1 / 0.9; object-fit: cover; object-position: center top;} .story-asset figcaption, .story-photo figcaption {margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(18, 42, 28, 0.16); color: var(--nav-muted); font-size: 0.82rem; line-height: 1.48;} .story-market {display: grid; grid-template-columns: minmax(280px, 0.92fr) minmax(0, 1.08fr); border: 1px solid var(--line, #d9e1da); border-radius: 8px; overflow: hidden; background: rgba(255, 255, 255, 0.72);} .story-market-media {min-height: 100%; margin: 0;} .story-market-media img {width: 100%; height: 100%; min-height: 430px; object-fit: cover;} .story-market-copy {padding: clamp(30px, 4.5vw, 64px);} .story-market-copy h3 {margin-top: 18px; font-size: clamp(2.1rem, 4vw, 4.5rem);} .story-market-copy blockquote {margin: 34px 0 0; padding: 24px; border-left: 4px solid var(--green); background: rgba(18, 103, 70, 0.07); color: var(--ink); font-family: var(--serif); font-size: clamp(1.45rem, 2.2vw, 2.2rem); line-height: 1.22;} .story-proof-metrics {grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 24px;} .story-proof-metrics div {min-height: 190px;} .story-proof-metrics strong {display: block; font-family: var(--serif); font-size: clamp(2.2rem, 3.6vw, 4rem); font-weight: 400;} .story-proof-metrics span {display: block; margin-top: 18px; color: var(--nav-muted); line-height: 1.55;} .story-timeline {counter-reset: story-phase;} .story-phase {counter-increment: story-phase; min-height: 250px; padding: 24px; background: rgba(255, 255, 255, 0.72);} .story-phase::before {content: "0" counter(story-phase); display: block; margin-bottom: 28px; color: var(--green); font-family: var(--mono); font-size: 0.68rem; font-weight: 600; letter-spacing: 0.08em;} .story-phase ul {margin: 18px 0 0; padding-left: 18px;} .story-detail {border: 1px solid var(--line, #d9e1da); border-radius: 8px; background: rgba(255, 255, 255, 0.64); margin-top: 14px; overflow: hidden;} .story-detail summary {cursor: pointer; padding: 20px 24px; font-family: var(--serif); font-size: 1.35rem;} .story-detail div {border-top: 1px solid var(--line, #d9e1da); padding: 0 24px 22px;} .story-detail p, .story-detail ol, .story-detail ul {max-width: 760px;} .story-detail li {max-width: 720px;} @media (max-width: 1080px) {.story-hero, .story-head, .story-split, .story-cluster-proof, .story-market { grid-template-columns: 1fr;} .story-decision-grid, .story-proof-metrics { grid-template-columns: repeat(2, minmax(0, 1fr));} .story-assets, .story-timeline { grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (max-width: 760px) {.story-hero { min-width:0; width:100%; min-height: 0; grid-template-columns:minmax(0,1fr); padding-block: 64px 56px;} .story-hero>* {min-width:0;} .story-hero h1 { width:100%; max-width:100%; font-size: clamp(2.65rem, 10vw, 3.45rem);} .story-decision-grid, .story-cluster-proof, .story-market{ grid-template-columns: 1fr;} .story-cluster-number, .story-cluster-copy { min-height: 0;} .story-market-media img { min-height: 300px;} .story-subnav { top: var(--subnav-offset, 60px);} .story-section h2{ font-size: clamp(2rem, 8.4vw, 2.75rem);} .story-chips {width:100%; max-width:100%; grid-template-columns:1fr;} .story-proof-metrics { width:100%; min-width:0; max-width:100%; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc(100% - 30px); gap: 10px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scrollbar-width: none;} .story-proof-metrics::-webkit-scrollbar { display: none;} .story-chip, .story-proof-metrics > div { scroll-snap-align: start;} .story-proof-metrics > div { min-height: 150px;} } @media (max-width: 760px) { body.page-scaling-biogas-bangladesh .story-section {padding-block: 58px;} body.page-scaling-biogas-bangladesh .story-head {gap: 20px; margin-bottom: 40px;} body.page-scaling-biogas-bangladesh .story-visual img {aspect-ratio: 4 / 3; object-position: center;} body.page-scaling-biogas-bangladesh .story-cluster-number {display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 18px; align-items: end; padding: 22px;} body.page-scaling-biogas-bangladesh .story-cluster-number > div {display: flex; gap: 14px; align-items: end;} body.page-scaling-biogas-bangladesh .story-cluster-number strong {font-size: 4.6rem;} body.page-scaling-biogas-bangladesh .story-cluster-number p {margin: 0;} body.page-scaling-biogas-bangladesh .story-cluster-copy {padding: 26px 22px;} body.page-scaling-biogas-bangladesh .story-record-list {grid-template-columns: 1fr; margin-top: 22px;} body.page-scaling-biogas-bangladesh .story-record-list div {padding-block: 12px;} body.page-scaling-biogas-bangladesh .story-decision-grid {display: block; border-inline: 0; border-radius: 0; background: transparent;} body.page-scaling-biogas-bangladesh .story-decision {min-height: 0; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 0 14px; padding: 21px 0; border-bottom: 1px solid var(--line, #d9e1da); background: transparent; color: var(--ink);} body.page-scaling-biogas-bangladesh .story-decision::before {grid-row: 1 / span 2; margin: 4px 0 0; color: var(--green);} body.page-scaling-biogas-bangladesh .story-decision h3, body.page-scaling-biogas-bangladesh .story-decision p {grid-column: 2; margin-top: 0;} body.page-scaling-biogas-bangladesh .story-decision p, body.page-scaling-biogas-bangladesh .story-decision:first-child p {margin-bottom: 0; color: var(--nav-muted);} body.page-scaling-biogas-bangladesh .story-assets {display: grid; grid-template-columns: 1fr; gap: 24px;} body.page-scaling-biogas-bangladesh .story-asset img {aspect-ratio: 4 / 3;} body.page-scaling-biogas-bangladesh .story-timeline {display: block; border-inline: 0; border-radius: 0; background: transparent;} body.page-scaling-biogas-bangladesh .story-phase {min-height: 0; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 0 14px; padding: 21px 0; border-bottom: 1px solid var(--line, #d9e1da); background: transparent;} body.page-scaling-biogas-bangladesh .story-phase::before {grid-row: 1 / span 2; margin: 4px 0 0;} body.page-scaling-biogas-bangladesh .story-phase h3, body.page-scaling-biogas-bangladesh .story-phase ul {grid-column: 2;} body.page-scaling-biogas-bangladesh .story-phase ul {margin: 10px 0 0;} } /* Scaling Biogas: one field photograph carries the visual pause between use and market evidence. */ body.page-scaling-biogas-bangladesh .story-field-break { margin: clamp(46px, 6.5vw, 92px) 0 0; } body.page-scaling-biogas-bangladesh .story-field-break img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center 10%; border-radius: 8px; background: #e9eee8; } body.page-scaling-biogas-bangladesh .story-field-break figcaption { display: grid; grid-template-columns: minmax(150px, .32fr) minmax(0, 1fr); gap: 18px; margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(18, 42, 28, 0.16); color: var(--nav-muted); font-size: 0.82rem; line-height: 1.48; } body.page-scaling-biogas-bangladesh .story-field-break figcaption strong, body.page-scaling-biogas-bangladesh .story-field-break figcaption span { display: block; } body.page-scaling-biogas-bangladesh .story-assets { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(30px, 4vw, 56px); } @media (max-width: 760px) { body.page-scaling-biogas-bangladesh .story-field-break { margin-top: 38px; } body.page-scaling-biogas-bangladesh .story-field-break img { aspect-ratio: 4 / 3; object-position: center 12%; } body.page-scaling-biogas-bangladesh .story-field-break figcaption { grid-template-columns: 1fr; gap: 4px; } body.page-scaling-biogas-bangladesh .story-assets { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) {.story-progress { display: none;} } html, body {overflow-x: clip;} .story-hero h1, .story-deck, .story-section h2, .story-thesis blockquote, .story-cluster-number strong {overflow-wrap: normal; text-wrap: balance;} @media (max-width: 760px) {.story-deck { font-size: 1.08rem; line-height: 1.5;} } .story-page .button {min-height: 46px; border-radius: 999px; padding: 0 20px; font-family: var(--sans); font-size: 0.86rem; font-weight: 600; line-height: 1.12;} @media (max-width: 760px) { .story-page .button { min-height: 44px; padding-inline: 16px;} } .cd-mobile-contents {display:none;} @media (max-width:720px) { .cd-mobile-contents { display:grid; grid-template-columns:1fr 1fr; gap:0; margin-block:24px; border-block:1px solid var(--line); } .cd-mobile-contents > * {padding:13px 8px; color:inherit; text-decoration:none; border-bottom:1px solid var(--line);} .cd-mobile-contents > span {grid-column:1/-1; color:var(--forest); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase;} } @media (min-width:981px){ body.page-not-found main>.hero.visual-hero, body.page-crop-intelligence main>.hero.visual-hero{min-height:clamp(650px,82vh,720px);padding-block:46px;} body.page-not-found main>.hero.visual-hero :is(.container.hero-content,.container.hero-grid), body.page-crop-intelligence main>.hero.visual-hero :is(.container.hero-content,.container.hero-grid){min-height:0;padding-block:0;} body.page-advisory main>.hero.visual-hero, body.page-farms main>.hero.visual-hero{min-height:clamp(590px,78vh,660px);padding-block:42px;} body.page-advisory main>.hero.visual-hero :is(.container.hero-content,.container.hero-grid), body.page-farms main>.hero.visual-hero :is(.container.hero-content,.container.hero-grid){min-height:0;padding-block:0;} body.page-advisory #policy-proof{padding-block:52px;} body.page-farms{--farms-section-space:62px;} body.page-home #operating-route, body.page-home #decisions{padding-block:72px;} body.page-insights #archive{padding-block:68px;} body.page-scaling-biogas-bangladesh :is(#evidence,#market,#plan).story-section{padding-block:72px;} body.page-scaling-biogas-bangladesh #market .story-market-media img{min-height:360px;max-height:470px;} body.page-scaling-biogas-bangladesh .story-section:not([id]){padding-block:58px;} } /* Cultivera final-award shared system contract. Approved production aliases preserve the signed visual state. Route timing supports the page-owned production interactions. */ :root { /* Motion: existing approved behaviour. */ --cultivera-motion-existing-fast: 220ms; --cultivera-motion-existing-medium: 520ms; --cultivera-motion-existing-slow: 820ms; --cultivera-motion-control: 180ms; --cultivera-motion-reduced: 0.01ms; --cultivera-ease-existing: var(--cv-ease-enter); --cultivera-ease-existing-quiet: var(--cv-ease-quiet); /* Stage 02 route prototype contract. */ --cultivera-route-first-duration: 600ms; --cultivera-route-repeat-duration: 360ms; --cultivera-route-content-duration: 150ms; --cultivera-route-ease: var(--cv-ease-enter); /* Functional type: baseline-equivalent active values. */ --cultivera-type-control-floor: .78rem; --cultivera-type-label-floor: .78rem; --cultivera-type-caption-floor: .84rem; --cultivera-type-source-floor: .78rem; --cultivera-type-functional-leading: 1.45; --cultivera-type-label-track: .055em; /* Approved target floors for owned visual stages. */ --cultivera-type-target-nav: .8125rem; --cultivera-type-target-eyebrow: .75rem; --cultivera-type-target-caption: .8125rem; --cultivera-type-target-map-label: .75rem; /* Editorial, instrument and evidence spacing. */ --cultivera-space-editorial-section: clamp(3.5rem, 5.5vw, 5rem); --cultivera-space-instrument-section: clamp(3.5rem, 5vw, 4.5rem); --cultivera-space-evidence-compact: clamp(2.75rem, 4vw, 3.5rem); --cultivera-space-heading-gap: clamp(1.75rem, 3.25vw, 3rem); --cultivera-space-grid-gap: clamp(2rem, 4.5vw, 4.25rem); --cultivera-space-stack-gap: clamp(.875rem, 1.5vw, 1.25rem); --cultivera-space-evidence-row: clamp(1.125rem, 1.8vw, 1.5rem); --cultivera-space-editorial-section-mobile: 3.5rem; --cultivera-space-instrument-section-mobile: 3.5rem; --cultivera-space-evidence-compact-mobile: 2.75rem; --cultivera-space-heading-gap-mobile: 1.5rem; --cultivera-space-grid-gap-mobile: 2rem; --cultivera-space-stack-gap-mobile: .875rem; --cultivera-space-evidence-row-mobile: 1.125rem; /* Action hierarchy and accessibility. */ --cultivera-action-primary-height: 3rem; --cultivera-touch-target-min: 2.75rem; --cultivera-action-inline-pad: 1.25rem; --cultivera-action-gap: .625rem; --cultivera-focus-ring: 0 0 0 3px rgba(183, 223, 98, .46), 0 0 0 6px rgba(20, 23, 20, .18); --cultivera-focus-ring-dark: 0 0 0 3px rgba(183, 223, 98, .72), 0 0 0 6px rgba(255, 255, 255, .28); --cultivera-state-selected-outline: inset 0 0 0 1px currentColor; /* Existing shared motion colours. */ --cultivera-motion-line: rgba(18, 103, 70, .34); --cultivera-motion-line-dark: rgba(183, 223, 98, .42); } /* Cultivera V1.43 award-readiness: tested typography floors. This layer is loaded last. It raises functional labels, captions, evidence notes and controls without changing headline scale, body copy, layout or interaction. */ :root { --award-type-control-floor: var(--cultivera-type-control-floor); --award-type-label-floor: var(--cultivera-type-label-floor); --award-type-caption-floor: var(--cultivera-type-caption-floor); --award-type-source-floor: var(--cultivera-type-source-floor); --award-type-functional-leading: var(--cultivera-type-functional-leading); --award-type-label-track: var(--cultivera-type-label-track); } /* Shared navigation and footer. */ body .nav-links.mono a, body .nav-cta.mono, body .mobile-menu-button { font-size: var(--award-type-control-floor) !important; letter-spacing: var(--award-type-label-track); } /* Main-page labels and captions. Homepage hero and Insights editorial body stay outside this scope. */ body.main-page:not(.page-home):not(.page-insights) :is(.mono, .section-kicker, .section-label, .eyebrow), body.page-contact :is(.brief-field label, .form-field label, .brief-destination, .route-number, .copy-status, .submission-note), body.page-about :is(.role-chain__marker, .role-chain dt, .front-index, .front-action, .record-proof__label, .record-facts dt, .record-timeline time), body.page-advisory :is(.concept-tab span, .concept-video-toggle, .concept-status, .concept-logic dt, .policy-logic dt, .policy-publication figcaption strong), body.page-crop-intelligence :is(.breadcrumb, .atlas-verification-steps span), body.page-farms :is(.route-facts span, .handoff-step small, .handoff-discipline, .feature-meta span, .support-route .status, .cd-buyer-proof span), body.main-page:not(.page-home):not(.page-insights) .editorial-metric-rail span, body.main-page:not(.page-home):not(.page-insights) .editorial-table__header, body.main-page:not(.page-home):not(.page-insights) .cd-response-note { font-size: var(--award-type-label-floor) !important; line-height: var(--award-type-functional-leading); letter-spacing: var(--award-type-label-track); } body.main-page:not(.page-home):not(.page-insights) .image-caption, body.main-page:not(.page-home):not(.page-insights) .hero-media-banner > figcaption.image-caption { font-size: var(--award-type-caption-floor); line-height: 1.5; } body.main-page:not(.page-home):not(.page-insights) .image-caption strong, body.main-page:not(.page-home):not(.page-insights) .image-caption .cd-freshness { font-size: var(--award-type-label-floor) !important; line-height: var(--award-type-functional-leading); letter-spacing: var(--award-type-label-track); } body.main-page:not(.page-home):not(.page-insights) main > .hero.visual-hero .hero-actions :is(.btn, .button), body.main-page:not(.page-home):not(.page-insights) .closing-section .action-group .btn, body.project-theme .closing-section .action-group .btn { font-size: var(--award-type-control-floor) !important; } /* Crop/field controls that must be read to operate the interface. */ /* Project-shell contract. */ body.project-theme { --project-label-size: clamp(0.75rem, 0.78vw, 0.84rem); --project-meta-size: clamp(0.82rem, 0.86vw, 0.94rem); --project-caption-size: clamp(0.82rem, 0.86vw, 0.92rem); --project-caption-small-size: clamp(0.78rem, 0.8vw, 0.86rem); --project-nav-label-size: 0.78rem; --project-label-track: var(--award-type-label-track); } body.project-theme :is(.mono, .project-eyebrow, .evidence, .kicker, .project-source) { font-size: var(--award-type-label-floor) !important; line-height: var(--award-type-functional-leading); letter-spacing: var(--award-type-label-track); } body.project-theme :is(.project-functional-meta, .project-caption, .project-caption__meta, .project-caption__title) { font-size: var(--award-type-caption-floor) !important; line-height: 1.45; } /* Shared project data labels and source links. */ body.project-theme :is( .source-links a, .comparator-note, .route-note, .sources-grid p, .source-note summary, .budget-disclosure__label ) { font-size: var(--award-type-source-floor) !important; line-height: 1.5; } /* Green Flame. */ /* Solar and FRiO. */ body.theme-solar :is( .calendar-months button, .calendar-cell, .calendar-panel dt, .clock-ledger span, .alternative-grid dt, .operator-row.heading, .finance-row.heading, .decision-row.heading, .meta, .operator-row:not(.heading) > :is(p, span)::before, .finance-row:not(.heading) > :is(p, span)::before, .decision-row:not(.heading) > :is(p, span)::before, .solar-context-pause figcaption span ), body.theme-frio :is( .clock-ledger dt, .route-node span, .measurement-register > div > span:not(.mono), .baseline-panel dt, .config-grid dt, .decision-row.heading, .hero-signal > span, .clock-kicker, .clock-key .mono, .clock-commercial .mono, .market-copy article > span, .funding-boundary span ) { font-size: var(--award-type-label-floor) !important; line-height: var(--award-type-functional-leading); } /* GLOW. */ /* MAVH family. */ /* Sundarbans and EcoChar. */ /* Residual shared labels found by the computed-style audit. */ body.page-about :is(.topper__kicker, .topper__meta span), body.page-farms :is(.support-route .btn.text-link, .hero-actions .btn), body.theme-frio :is(.sources h2, .clock-step .mono, .clock-counter.mono, .config-top .mono, .risk-grid .mono, .roadmap-list .mono, .hero-scroll), body.page-mavh :is(.corridor-visual figcaption span, .system-place span, .corridor-mobile-item summary span, .corridor-mobile-list figcaption span, .decision-outcomes > article > span, .mavh-hero-media > .project-caption span), body.theme-mahasthangarh-floriculture :is(.value-trail__path small, .flower-corridor__steps button small) { font-size: var(--award-type-label-floor) !important; line-height: var(--award-type-functional-leading); } @media (max-width: 700px) { :root { --award-type-caption-floor: 0.78rem; } } /* Cultivera V1.43 award-readiness: tested spacing and density rhythm. Changes outer composition and editorial rhythm only. Signature mechanism internals remain untouched. */ :root { --award-density-section: var(--cultivera-space-instrument-section); --award-density-section-main: var(--cultivera-space-editorial-section); --award-density-compact: var(--cultivera-space-evidence-compact); --award-density-head-gap: var(--cultivera-space-heading-gap); --award-density-grid-gap: var(--cultivera-space-grid-gap); --award-density-stack-gap: var(--cultivera-space-stack-gap); --award-density-row: var(--cultivera-space-evidence-row); } /* Main-page composition. Homepage, Insights and article bodies are outside this scope. */ body:is(.page-about, .page-advisory, .page-contact, .page-farms) main > section:not(.hero):not(.closing-section):not(.section-before-closing), body.page-field-systems main > section.field-reading { padding-block: var(--award-density-section-main); } body.main-page:not(.page-home):not(.page-insights) main > .hero.visual-hero .container.hero-content, body.main-page:not(.page-home):not(.page-insights) main > .hero.visual-hero .container.hero-grid { gap: var(--award-density-grid-gap); } body.main-page:not(.page-home):not(.page-insights) main > .hero.visual-hero .container.hero-content > div:first-child, body.main-page:not(.page-home):not(.page-insights) main > .hero.visual-hero .container.hero-grid > div:first-child { gap: var(--award-density-stack-gap); } /* Project section rhythm. Protected signature mechanism sections are excluded. */ body.theme-solar .solar-investment-page > :is(#question, #landscape, #baseline, #campaign, #alternatives, #operators, #lab, #finance, #decision, #roadmap).section, body.theme-green-flame .green-flame-evidence-page > :is(#contract, #record, #learning, #unknowns, #service-model, #digestate, #asset-record, #replication).section, body.theme-ecochar .ecochar-page > :is(#brief, #system, #evidence).eco-section, body.theme-glow-coastal main > section.section:not(.glow-field-sequence):not(.closing-section), body.theme-sgc main > section.sgc-section, body.page-mavh main > section.mavh-section, body.theme-mahasthangarh-floriculture .floriculture-content > :is(#thesis, #corridor, #transaction, #readiness, #results, #decision).section { padding-block: var(--award-density-section); } @media (min-width: 761px) { body.theme-frio .frio-roadmap-page > :is(#market, #route, #exposure, #campaign, #configurations, #decision, #roadmap).section { padding-block: var(--award-density-section); } } body.project-theme .head { margin-bottom: var(--award-density-head-gap); } @media (max-width: 760px) { :root { --award-density-section: var(--cultivera-space-instrument-section-mobile); --award-density-section-main: var(--cultivera-space-editorial-section-mobile); --award-density-compact: var(--cultivera-space-evidence-compact-mobile); --award-density-head-gap: var(--cultivera-space-heading-gap-mobile); --award-density-grid-gap: var(--cultivera-space-grid-gap-mobile); --award-density-stack-gap: var(--cultivera-space-stack-gap-mobile); --award-density-row: var(--cultivera-space-evidence-row-mobile); } body.project-theme .head { margin-bottom: 1.75rem; } } /* Cultivera V1.43 award-readiness: CTA and interaction-control affordances. This final cascade layer standardises touch targets, focus visibility and state cues. The global Start a brief action and project switcher geometry remain unchanged. */ :root { --award-control-primary-height: var(--cultivera-action-primary-height); --award-control-utility-height: var(--cultivera-touch-target-min); --award-control-inline-pad: var(--cultivera-action-inline-pad); --award-control-gap: var(--cultivera-action-gap); --award-control-focus: var(--cultivera-focus-ring); --award-control-focus-dark: var(--cultivera-focus-ring-dark); } /* Primary and secondary CTA geometry. Homepage and Insights retain their authored systems. */ body:not(.page-home):not(.page-insights) :is(.btn:not(.text-link), .button, .copy-brief, .project-action) { min-height: var(--award-control-primary-height) !important; padding-inline: var(--award-control-inline-pad); border-radius: var(--button-radius, 999px); display: inline-flex; align-items: center; justify-content: center; gap: var(--award-control-gap); touch-action: manipulation; -webkit-tap-highlight-color: transparent; } /* Text actions retain editorial lightness while becoming visibly actionable. */ body:not(.page-home):not(.page-insights) .btn.text-link { min-height: var(--award-control-utility-height); padding-inline: 0; border-radius: 0; text-decoration-line: underline; text-decoration-thickness: 1px; text-decoration-color: color-mix(in srgb, currentColor 34%, transparent); text-underline-offset: 0.32em; touch-action: manipulation; transition: color var(--cultivera-motion-control) ease, text-decoration-color var(--cultivera-motion-control) ease, text-underline-offset var(--cultivera-motion-control) ease; } body:not(.page-home):not(.page-insights) .btn.text-link:is(:hover, :focus-visible) { text-decoration-color: currentColor; text-underline-offset: 0.4em; } /* Main-page utility controls. Signature workbench controls are deliberately excluded. */ body.main-page :is( .publication-subnav-toggle, .concept-tab, .decision-tab, .tour-nav, .browse-toggle, .browse-close, .clear-btn, .filter-chip, .atlas-pane-tab, .atlas-mode-button, .atlas-rank-toggle ) { min-height: var(--award-control-utility-height); touch-action: manipulation; -webkit-tap-highlight-color: transparent; } /* Expanded/selected controls must advertise state without relying on colour alone. */ body.main-page :is(.publication-subnav-toggle, .browse-toggle)[aria-expanded="true"], body.main-page :is(.concept-tab[aria-pressed="true"], .decision-tab[aria-selected="true"]), body.main-page :is(.atlas-pane-tab, .atlas-mode-button, .atlas-rank-toggle)[aria-pressed="true"] { box-shadow: var(--cultivera-state-selected-outline); } body.project-theme :is(.hero, .closing-section--project, .mandate-panel) :is(.btn, .button, .project-action):focus-visible { box-shadow: var(--award-control-focus-dark); } body :is(.btn, .button, .copy-brief, .project-action, button)[disabled], body :is(.btn, .button, .copy-brief, .project-action, button)[aria-disabled="true"] { cursor: not-allowed; opacity: 0.52; transform: none !important; } @media (max-width: 640px) { body:not(.page-home):not(.page-insights) :is(.btn:not(.text-link), .button, .copy-brief, .project-action) { min-height: var(--award-control-primary-height) !important; } } @media (prefers-reduced-motion: reduce) { body :is(.btn, .button, .copy-brief, .project-action, .btn.text-link) { transition-duration: var(--cultivera-motion-reduced) !important; } } /* Cultivera final mobile DTP ownership layer Scope: authored mobile layouts only. Desktop composition remains unchanged. */ @media (max-width: 760px) { :root { --mobile-dtp-label: .75rem; --mobile-dtp-meta: .8125rem; --mobile-dtp-copy: .9375rem; --mobile-dtp-touch: 44px; } /* Shared functional type and action floors. */ main :is(.section-kicker,.eyebrow,.meta-line,.caption-meta,.cap-type) { font-size: var(--mobile-dtp-label) !important; line-height: 1.35 !important; } main :is(figcaption,.image-caption) { font-size: var(--mobile-dtp-meta) !important; line-height: 1.42 !important; } main :is(dt,.definition-ledger dt) { font-size: var(--mobile-dtp-label) !important; line-height: 1.35 !important; } main :is(.btn,a.button,button):focus-visible { outline-offset: 3px; } main :is(.section-head,.editorial-head) { row-gap: 16px; } /* Home: preserve the reference composition while making its actions and proof labels usable. */ /* Field Systems: one contained CTA language and legible mobile atlas state. */ /* Advisory: authored horizontal progress, readable answers and concept comparison. */ /* Farms: clearer route ownership, readable evidence and explicit horizontal authorship. */ /* Insights: repair collapsed grids and restore one-column editorial flow. */ /* About: use the Home closing component and restore detail hierarchy. */ body.page-about .closing-section {padding-block:0;} body.page-about .closing-section .cta-band { grid-template-columns:minmax(0,1fr)!important; gap:22px!important; padding:38px 0 42px!important; } body.page-about .closing-section .head-action {max-width:none!important;} body.page-about .closing-section .closing-actions {align-items:flex-start;} body.page-about .closing-section .btn {width:100%;justify-content:center;} /* Contact: retain compact form while making review labels readable. */ /* Policy and insight story: horizontal records must announce and snap, not appear clipped. */ body.page-biogas-policy main :is(dt,.policy-thesis-label,.policy-record small,.policy-record i,.policy-record b), body.page-scaling-biogas-bangladesh main :is(.story-eyebrow,.story-evidence-tag,.story-mono,.story-label) { font-size:.75rem!important; line-height:1.4!important; } body.page-biogas-policy :is(.policy-tabs,.policy-number-record,.policy-decision-grid), body.page-scaling-biogas-bangladesh :is(.story-stat-grid,.story-decision-grid,.story-proof-grid) { scroll-snap-type:x mandatory; scroll-padding-inline:0 28px; scrollbar-width:thin; } body.page-biogas-policy :is(.policy-tabs,.policy-number-record,.policy-decision-grid)>*, body.page-scaling-biogas-bangladesh :is(.story-stat-grid,.story-decision-grid,.story-proof-grid)>* {scroll-snap-align:start;} /* Shared project-shell mobile DTP floors. */ body.project-theme main :is(.project-eyebrow,.project-kicker,.mono,.status,.source-label) { line-height:1.35; } body.project-theme main :is(figcaption,.project-caption,.media-caption) { font-size:.8125rem!important; line-height:1.42!important; } body.project-theme .source-links a { display:flex; min-height:44px; align-items:center; padding:10px 0; font-size:.8125rem; line-height:1.35; } body.project-theme .source-links {gap:0;} body.project-theme .source-links a+a {border-top:1px solid rgba(20,23,20,.14);} /* GLOW source notes become deliberate mobile evidence rows. */ /* FRiO Flower Clock: visible horizontal ownership and readable evidence links. */ body.theme-frio main :is(.stage-index,.clock-index,.source-links a) {font-size:.75rem!important;} /* Solar capacity instrument: preserve its data width but author the scroll. */ body.theme-solar :is(.capacity-calendar,.capacity-table,.calendar-shell) { overscroll-behavior-inline:contain; scroll-snap-type:x proximity; scrollbar-width:thin; } body.theme-solar :is(.capacity-calendar,.capacity-table,.calendar-shell)>* {scroll-snap-align:start;} /* MAVH pages: legible route labels and touch-safe source credits. */ /* SGC: contain the mobile poster and make evidence links actual targets. */ /* Green Flame: improve evidence labels without changing its long-form structure. */ /* Compact only the recurring excess runway, not content-led page rhythm. */ body.page-advisory main>.section, body.page-about main>.section, body.page-farms main>.section {scroll-margin-top:84px;} } /* Measured mobile DTP closure after the three-width audit. */ @media (max-width: 760px) { body.page-home main .image-caption strong, body.page-home main .decision-card__prompt .mono, body.page-home main .btn {font-size:.75rem!important;line-height:1.25!important;} body.page-biogas-policy main :is( .cover-backdrop>small, .policy-value-ladder b, .policy-thesis-rail i, .policy-thesis-rail small, .decision-proof>span, .source-line, .window-name>span, .window-gate>span, .roadmap article>span ) {font-size:.75rem!important;line-height:1.4!important;} body.page-biogas-policy .source-line {font-size:.8125rem!important;} body.page-scaling-biogas-bangladesh .cd-mobile-contents>span, body.page-scaling-biogas-bangladesh main figcaption strong {font-size:.75rem!important;line-height:1.35!important;} body.theme-frio .frio-corridor-compact b {font-size:.75rem!important;line-height:1.2!important;} } @media (max-width: 760px) { body:is(.page-home,.page-about) .closing-section .closing-actions { display:grid!important; grid-template-columns:minmax(0,1fr)!important; width:100%; gap:8px!important; } body:is(.page-home,.page-about) .closing-section .closing-actions .btn { width:100%!important; min-height:48px; justify-content:center; white-space:nowrap; } } /* 2026-08-08 · CD mobile DTP deep-run closure Scope: SGC route accessibility, Solar hero/subnav rhythm + long system question, GLOW/MAVH/MAVH Floriculture opening depth, FRiO funding-boundary display scale. Desktop and non-target pages intentionally unchanged. */ @media (max-width: 1000px) { /* SGC Material Passport: restore the authored horizontal route on touch screens. */ } @media (max-width: 760px) { /* Solar: subnav now follows the hero, so the opening gets the full post-nav viewport. */ body.theme-solar .solar-investment-page .hero { height:calc(100svh - var(--global-nav-height,56px))!important; min-height:0!important; max-height:none!important; } /* Solar: keep the long investment question as display type without a seven-line wall. */ /* MAVH: preserve the diptych, but reduce opening runway and evidence-rail drag. */ /* MAVH Floriculture: keep the photographic hierarchy, remove excess mobile image runway. */ /* FRiO: retain the manifesto moment, but stop it consuming nearly a phone viewport. */ body.theme-frio .frio-roadmap-page #mandate .mandate-copy h2 { max-width:20ch; font-size:clamp(2.45rem,10.7vw,2.9rem); line-height:1.01; text-wrap:pretty; } } @media (max-width: 460px) { /* GLOW: keep the editorial opening, shorten the lower image block and accumulated gaps. */ } /* RC2: rendered WCAG contrast correction, insight-story-owned. */ /* Cultivera Lock18 Creative Recovery CD + ART authority: shell, destination legibility, Advisory field intelligence, Field Systems continuity, project caption discipline, FRiO subtraction. */ :root{--lock18-paper:#f6f6f1;--lock18-ink:#172019;--lock18-forest:#173f3a;--lock18-lime:#b9d875;--lock18-line:rgba(23,32,25,.14);--lock18-ease:var(--cv-ease-enter);} /* 01 — Global shell material. Preserve established geometry and offsets. */ .site-footer{border-top:1px solid rgba(255,255,255,.08);} .site-footer .footer-links a,.site-footer .footer-contact-block a{transition:opacity .2s ease;} .site-footer .footer-links a:hover,.site-footer .footer-contact-block a:hover{opacity:.68;} /* Home shell retains the approved embedded-to-light handoff, with quieter material. */ .page-home .home-study22 .wordmark{position:relative;display:block;width:132px;height:30px;color:transparent!important;font-size:0!important;} .page-home .home-study22 .wordmark img{position:absolute;left:0;top:50%;width:132px;height:auto;transform:translateY(-50%);transition:opacity .38s var(--lock18-ease);} .page-home .home-study22 .wordmark .wordmark--reverse{opacity:1;}.page-home .home-study22 .wordmark .wordmark--primary{opacity:0;} .page-home .home-study22 .nav.is-past-hero .wordmark .wordmark--reverse{opacity:0;}.page-home .home-study22 .nav.is-past-hero .wordmark .wordmark--primary{opacity:1;} @media(max-width:760px){.page-home .home-study22 .wordmark,.page-home .home-study22 .wordmark img{width:118px;}} /* 02 — Home leaf destination intelligence. Annotation lives inside the mark, not in a UI card. */ @media (min-width:761px) and (hover:hover){ .page-home .hero:has(.leaf-hotspot:is(:hover,:focus-visible)) .leaf-hotspot:not(:is(:hover,:focus-visible)) path{fill:rgba(4,15,10,.07);} } /* 03 — Advisory: verdant field becomes the page's signature opening. */ /* Advisory diagnostic: editorial decision field, not a form-builder card stack. */ /* 04 — Field Systems: one continuous journey into the Atlas. */ .page-field-systems #portfolio{scroll-margin-top:calc(var(--global-nav-height,76px) + 58px);} .page-field-systems .atlas-shell,.page-field-systems .explorer{box-shadow:none;} @media(max-width:760px){.page-field-systems #portfolio{scroll-margin-top:calc(var(--global-nav-height,56px) + 52px);}} /* The sticky On-this-page menu is the sole mobile article navigation. */ @media(max-width:720px){body.page-scaling-biogas-bangladesh .cd-mobile-contents{display:none!important}} /* Publication subnav surgical convergence · 2026-09-20 Convert floating rounded capsules to restrained, full-width editorial rails. */ .paper-subnav, .story-subnav { position: sticky; top: var(--global-nav-height, 64px); z-index: 92; width: 100%; max-width: none; margin: 0; border: 0; border-bottom: 1px solid rgba(20, 23, 20, 0.12); border-radius: 0; box-shadow: none; background: rgba(247, 248, 244, 0.92); backdrop-filter: blur(18px) saturate(1.08); -webkit-backdrop-filter: blur(18px) saturate(1.08); overflow: visible; } .paper-subnav-inner, .story-subnav-inner { width: min(100%, calc(var(--editorial-container) + (var(--gutter) * 2))); max-width: 100%; min-height: 50px; margin-inline: auto; padding-inline: var(--gutter); display: flex !important; align-items: center; justify-content: flex-start; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .paper-subnav-inner::-webkit-scrollbar, .story-subnav-inner::-webkit-scrollbar { display: none; } .paper-subnav-links { display: inline-flex; align-items: center; gap: 16px; } .paper-subnav a, .story-subnav a, .subnav-back { min-height: 50px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 0; background: transparent; padding: 0 8px; color: var(--nav-muted, rgba(20, 23, 20, 0.66)); font-family: var(--sans); font-size: 0.8rem; font-weight: 400; text-decoration: none; white-space: nowrap; box-shadow: none; transform: none; transition: color 180ms ease, text-decoration-color 180ms ease; } .paper-subnav a:is(:hover, :focus-visible), .story-subnav a:is(:hover, :focus-visible), .subnav-back:is(:hover, :focus-visible) { color: var(--nav-ink, #141714); background: transparent; border: 0; box-shadow: none; transform: none; text-decoration: underline; text-underline-offset: 4px; } @media (max-width: 720px) { .paper-subnav, .story-subnav { width: 100%; max-width: none; margin: 0; border: 0; border-bottom: 1px solid rgba(20, 23, 20, 0.12); border-radius: 0; box-shadow: none; } .publication-subnav-toggle { width: 100%; min-height: 46px; padding-inline: 18px; border: 0; border-radius: 0; background: transparent; display: flex; align-items: center; justify-content: space-between; color: var(--nav-ink, #141714); font-family: var(--sans); font-size: 0.8rem; font-weight: 600; box-shadow: none !important; } .publication-subnav-toggle span:last-child { transition: transform 180ms ease; } .paper-subnav.is-open .publication-subnav-toggle span:last-child, .story-subnav.is-open .publication-subnav-toggle span:last-child { transform: rotate(180deg); } .paper-subnav .paper-subnav-inner, .story-subnav .story-subnav-inner { display: none !important; width: 100%; min-height: 0; max-height: min(60vh, 420px); flex-direction: column; align-items: stretch; gap: 0; padding: 0; border-top: 1px solid rgba(31, 29, 26, 0.08); overflow-y: auto; } .paper-subnav.is-open .paper-subnav-inner, .story-subnav.is-open .story-subnav-inner { display: flex !important; } .paper-subnav .paper-subnav-links { width: 100%; display: flex; flex-direction: column; gap: 0; } .paper-subnav a, .story-subnav a, .subnav-back { width: 100%; min-height: 44px; padding-inline: 18px; justify-content: flex-start; border-radius: 0; background: transparent; border: 0; box-shadow: none; } .paper-subnav a:is(:hover, :focus-visible), .story-subnav a:is(:hover, :focus-visible), .subnav-back:is(:hover, :focus-visible) { background: rgba(20, 23, 20, 0.04); text-decoration: none; } } /* POST-AWARD FINISH: measured local composition and headline wraps. */ /* POST-AWARD PROSE FINISH: measured local headline measures and state titles. */ @media (max-width:400px){.story-page .story-hero h1{max-width:100%!important;letter-spacing:-.045em!important;}} /* HOUSE STYLE (2026-10-26): ruled panels instead of rounded cards, no drop shadows, and the shared closing band in place of the floating lime card. */ body.page-scaling-biogas-bangladesh .story-visual, body.page-scaling-biogas-bangladesh .story-visual img{box-shadow:none} body.page-scaling-biogas-bangladesh .story-visual img{border-radius:0} body.page-scaling-biogas-bangladesh .story-chips{border-width:1px 0 0;background:none} body.page-scaling-biogas-bangladesh .story-chip{background:none;padding-inline:0} body.page-scaling-biogas-bangladesh :is(.story-cluster-proof,.story-decision-grid,.story-market,.story-proof-metrics,.story-timeline){border-radius:0;border-left:0;border-right:0} body.page-scaling-biogas-bangladesh .story-detail{border-radius:0;border-width:1px 0;background:none} @media (max-width:480px){body.page-scaling-biogas-bangladesh .global-cta-title.global-cta-title{max-width:none;font-size:clamp(2.125rem, 9.6vw, 2.375rem)}} /* Related publication and documentary captions remain readable on the image. */ body.page-scaling-biogas-bangladesh .story-policy-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:48ch;margin:6px 0 16px;font:500 14px/1.5 var(--sans);color:#214f3d;text-decoration:underline;text-underline-offset:4px} body.page-scaling-biogas-bangladesh .story-visual figcaption{max-width:calc(100% - 28px);font:400 13px/1.5 var(--sans);letter-spacing:0;padding:10px 12px;background:rgba(13,37,28,.88)} body.page-scaling-biogas-bangladesh .story-visual figcaption a{text-decoration:underline;text-underline-offset:3px} /* Moved from the retired sitewide sheets (R12 consistency, R20 correction). */ body.page-scaling-biogas-bangladesh main details>summary{min-height:44px;display:flex;align-items:center;} @media (max-width: 700px) { body.page-scaling-biogas-bangladesh .story-hero { padding-block: 50px 44px; } body.page-scaling-biogas-bangladesh .story-section, body.page-scaling-biogas-bangladesh :is(#evidence, #market, #plan).story-section, body.page-scaling-biogas-bangladesh .story-section:not([id]) { padding-block: 50px; } }