:root{--ink:#173d32;--text:#42544b;--green:#1a5946;--lime:#dbe9b9;--paper:#fafbf7;--line:#dce4d9;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid #b06a27;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.12;font-weight:400}p{color:var(--text);margin:0 0 18px}header{position:fixed;z-index:20;inset:0 0 auto;background:rgba(255,255,252,.97);border-bottom:1px solid var(--line)}main{padding-top:100px}.navwrap{max-width:1440px;height:100px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;font-size:16px;font-weight:600;line-height:1.08;letter-spacing:.035em}.brand:hover{text-decoration:none}.brand b{font-weight:600;color:#4d795e}.brand em{font-size:11px;letter-spacing:.4em;font-style:normal;display:block;margin-top:5px}.mark{position:relative;width:34px;height:39px;display:block}.mark i{position:absolute;left:11px;top:0;width:13px;height:32px;border-radius:90% 10% 90% 10%;background:#61996c;transform:rotate(-30deg)}.mark i:nth-child(2){left:1px;top:13px;transform:rotate(-70deg);background:#a5bc79;width:11px;height:23px}.mark i:nth-child(3){left:20px;top:15px;transform:rotate(15deg);background:#24583f;width:11px;height:22px}nav{display:flex;align-items:center;gap:25px}nav a{font-size:13px;white-space:nowrap}nav a[aria-current]{text-decoration:underline;text-underline-offset:8px}nav a:last-child{margin-left:7px}.menutoggle{display:none}.wrap{max-width:1328px;padding-left:56px;padding-right:56px;margin:0 auto}.hero{position:relative;min-height:570px;isolation:isolate;background:#f0f3e9;overflow:hidden}.heroimage{position:absolute;inset:0 0 0 40%;background:url('mangrove-estuary.webp') center/cover;z-index:-2}.heroimage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f0f3e9 0%,rgba(240,243,233,.8) 10%,rgba(240,243,233,.04) 40%,transparent 60%)}.herocopy{max-width:1328px;padding:82px 56px 82px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:700;line-height:1.5;color:#436d55;margin-bottom:25px}.hero h1{font:normal 66px/1.06 var(--serif);letter-spacing:-.045em;max-width:700px;margin-bottom:24px}.hero h1 span{color:#4b7255}.hero p:not(.eyebrow):not(.heronote){font-size:17px;line-height:1.65;max-width:500px}.actions{display:flex;align-items:center;gap:25px;margin:30px 0 22px}.button{background:var(--ink);color:#fff;border:1px solid var(--ink);font-size:12px;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 21px;line-height:1.3;min-height:47px;text-decoration:none!important;transition:background .15s}.button:hover{background:#32624b}.textlink{font-size:12px;font-weight:600;line-height:1.5}.heronote{font-size:10px;color:#526c59;letter-spacing:.04em}.imagecaption{position:absolute;right:55px;bottom:24px;color:#fff;font-size:9px;letter-spacing:.2em;text-shadow:0 1px 8px #123}.start{display:grid;grid-template-columns:repeat(3,1fr);padding-top:35px;padding-bottom:37px}.start>a{padding:0 30px;border-right:1px solid var(--line)}.start>a:first-child{padding-left:0}.start>a:last-child{padding-right:0;border:0}.start>a:hover{text-decoration:none}.start small,.editorial small,.directory small,.applications small{font-size:10px;letter-spacing:.12em;color:#56725c}.start h2{font-size:19px;margin:12px 0}.start h2 span{float:right}.start p{font-size:12px;line-height:1.65;margin:0;max-width:310px}.section{padding-top:80px;padding-bottom:80px}.tint{background:#eef2e7}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.display{font:normal 43px/1.12 var(--serif);letter-spacing:-.028em}.prose p{font-size:15px;line-height:1.85}.prose h2{font:normal 30px/1.2 var(--serif);margin:30px 0 20px}.prose h3{font-size:21px;margin:28px 0 15px}.prose a:not(.button){text-decoration:underline;text-underline-offset:4px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.pathgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.path{padding:28px;min-height:355px;display:flex;flex-direction:column}.pathnum{font-family:var(--serif);font-size:17px;opacity:.7;margin-bottom:42px}.path h3{font:normal 33px/1.08 var(--serif);margin-bottom:17px}.path p{font-size:13px;line-height:1.7;color:inherit;opacity:.85}.path a{font-size:12px;margin-top:auto}.forest{background:#244c3d;color:#fff}.earth{background:#e5e5d5}.blue{background:#dce9e7}.plannertease{background:#173d32;color:#fff;padding:70px 0}.plannertease p{color:#d1ddcb}.plannertease .display{margin-bottom:24px}.plannertease .eyebrow{color:#bfd295}.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.light:hover{background:#eef2dc}.sample{padding:29px 33px;background:#244d3e;border:1px solid #50705c;border-radius:3px}.sampletop{font-size:9px;letter-spacing:.15em;border-bottom:1px solid #52715b;padding-bottom:17px}.sampletop span{float:right}.samplenum{font:normal 47px var(--serif);margin:24px 0 0}.samplenum small{font:normal 16px Arial}.sample>p:not(.sampletop){font-size:11px}.allocation,.resultbar{display:flex;height:9px;margin:25px 0 12px;gap:4px}.allocation i:first-child{width:70%;background:#d7e5aa}.allocation i:last-child{width:30%;background:#8abfa9}.samplelabels{display:flex;justify-content:space-between;font-size:9px;color:#d1ddcb}.sampletotal{display:flex;align-items:center;justify-content:space-between;margin:30px 0 18px;padding-top:20px;border-top:1px solid #52715b;font-size:11px}.sampletotal strong{font-size:24px;font-weight:400}.tiny{font-size:10px!important;line-height:1.6!important}.editorial{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.editorial article{border-top:1px solid #a7b5a6;padding-top:20px}.editorial h3{font:normal 26px/1.2 var(--serif);margin:18px 0}.editorial p{font-size:13px}.editorial a{font-size:12px;font-weight:600}.closing{padding-top:60px;padding-bottom:65px;border-top:1px solid var(--line);position:relative}.closing h2{font:normal 40px/1.12 var(--serif);letter-spacing:-.025em}.closing .button{position:absolute;right:56px;bottom:70px}.closing .eyebrow{margin-bottom:16px}footer{padding:40px 56px 20px;background:#e9eee2}footer .brand{font-size:15px}.footmain{max-width:1216px;margin:0 auto 35px;display:grid;grid-template-columns:230px 1fr 1.7fr;gap:30px;align-items:start}.footmain>p{font-size:13px;line-height:1.5}.footnav{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px;justify-content:flex-end}.footbase{max-width:1216px;margin:auto;border-top:1px solid #c9d4c3;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#526650}.intro{padding-top:65px;padding-bottom:50px}.intro h1{font:normal 63px/1.06 var(--serif);letter-spacing:-.035em;max-width:900px;margin-bottom:25px}.lede{font-size:18px;line-height:1.7;max-width:780px}.intro .eyebrow{margin-bottom:22px}.narrow{max-width:910px}.note{font-size:12px;line-height:1.75;margin-top:20px;color:#536650}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px;text-align:left;font-size:14px}th{background:#e8eddf;color:var(--ink);padding:18px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}td{padding:22px 18px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.7}td:first-child{width:25%;font-weight:600}td:nth-child(2){width:27%}.source{font-size:11px;text-decoration:underline;text-underline-offset:4px}.source:hover{color:#8d551c}.qualitylayout{display:grid;grid-template-columns:1.8fr 1fr;gap:70px}.qualitylayout h2{font:normal 30px var(--serif);margin-bottom:20px}.qualitylayout>div>p{font-size:13px}.checks label{display:flex;align-items:flex-start;gap:18px;padding:23px 0;border-bottom:1px solid var(--line);cursor:pointer}.checks input{margin-top:7px;width:20px;height:20px;accent-color:var(--ink);flex-shrink:0}.checks strong{display:block;font-weight:500;font-size:18px;margin-bottom:6px}.checks small{font-size:13px;line-height:1.7;color:var(--text);display:block}.qualityaside{align-self:start;position:sticky;top:130px;padding:30px;background:#e8eddf}.qualityaside>strong{font:normal 60px var(--serif)}.qualityaside p{font-size:13px}.qualityaside .button{width:100%}.plainbutton{background:none;border:0;padding:14px 0;text-decoration:underline;font-size:12px;color:var(--ink)}.qualityaside .plainbutton{display:block}.plannerlayout{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start;margin-bottom:25px}.panel{padding:32px;background:#eef2e7;border:1px solid #dbe3d4}.panel h2{font:normal 29px var(--serif);margin-bottom:24px}label{display:block;font-size:12px;font-weight:500}input,select,textarea{display:block;width:100%;background:white;border:1px solid #aebda8;color:var(--ink);padding:12px 14px;border-radius:0;margin:6px 0 19px;min-height:46px}input:invalid:not(:placeholder-shown){box-shadow:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.results{background:var(--ink);padding:37px;color:white}.results p{color:#d6e2cf;font-size:12px}.results .eyebrow{color:#d7e5aa}.results h2{font:normal 52px var(--serif);letter-spacing:-.02em;margin-bottom:15px}.results dl{margin:25px 0}.results dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #4c6b57;padding:13px 0;font-size:12px}.results dd{margin:0;text-align:right}.resultbar #redbar{background:#d7e5aa;width:70%}.resultbar #rembar{background:#8abfa9;width:30%}#plannererror{color:#ffdbaf;min-height:0}#plannererror:empty{display:none}.researchlist article{padding:45px 0;border-top:1px solid var(--line);max-width:850px}.researchlist article h2{font:normal 33px var(--serif);margin-bottom:20px}.researchlist p{font-size:14px;line-height:1.85}.researchlist .eyebrow{font-size:10px;margin-bottom:15px}.analysislabel{font-size:10px!important;font-weight:700;color:#537255;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.sourcelist{display:grid;grid-template-columns:1fr 1fr;gap:28px 50px;margin-top:35px}.sourcelist article{border-top:1px solid #c1ccba;padding-top:17px}.sourcelist small{font-size:10px;letter-spacing:.04em}.sourcelist h3{font:normal 21px var(--serif);margin:10px 0}.sourcelist p{font-size:12px;line-height:1.7;margin-bottom:8px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.filter{background:transparent;border:1px solid #b7c5ac;padding:10px 22px;color:var(--ink);font-size:12px}.filter[aria-pressed=true]{background:var(--ink);color:white}.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.directory article{padding:27px;background:#eef2e7;border:1px solid var(--line);min-height:230px}.directory h2{font:normal 28px var(--serif);margin:20px 0 15px}.directory p{font-size:13px}#directorycount{font-size:12px}.applications article{display:grid;grid-template-columns:1fr 1.3fr;gap:15px 65px;padding:35px 0;border-top:1px solid var(--line)}.applications article small{grid-column:1/-1}.applications h2{grid-row:span 3;font:normal 36px var(--serif)}.applications p{font-size:14px}.contactlayout{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:80px}.contactlayout h2{font:normal 32px var(--serif);margin-bottom:20px}.contactemail{font-size:17px;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.contactlayout .note{max-width:380px}.consent{display:flex;gap:12px;margin-bottom:23px}.consent input{width:18px;min-height:18px;height:18px;margin:3px 0 0;flex-shrink:0}.consent span{font-size:11px;line-height:1.7}.hp{position:absolute;left:-9999px}#contactstatus{font-size:12px;margin-top:15px}.skip{position:fixed;left:10px;top:-100px;background:#fff;z-index:50;padding:15px}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:620px}.herocopy{padding-top:100px}.hero h1{font-size:73px}}@media(max-width:1100px){.navwrap{padding:0 30px}nav{gap:15px}nav a{font-size:12px}.wrap{padding-left:35px;padding-right:35px}.hero h1{font-size:59px}.herocopy{padding-left:35px;padding-right:35px}.actions{gap:15px}.split{gap:50px}.footmain{grid-template-columns:200px 1fr}.footnav{grid-column:1/-1;justify-content:flex-start}.directory{grid-template-columns:1fr 1fr}.contactlayout{gap:40px}.qualitylayout{gap:35px}}@media(max-width:800px){main{padding-top:82px}.navwrap{height:82px;padding:0 24px}.brand{font-size:14px}.brand em{font-size:9px}.mark{transform:scale(.85);transform-origin:left center;width:30px}.menutoggle{display:flex;gap:12px;border:0;background:none;color:var(--ink);font-size:13px;padding:10px 0}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fafbf7;padding:20px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 0;font-size:15px}nav a:last-child{margin:0}.hero{min-height:680px}.heroimage{inset:330px 0 0}.heroimage:after{background:linear-gradient(180deg,#f0f3e9,rgba(240,243,233,.03) 35%,transparent 55%)}.herocopy{padding:42px 24px 350px}.eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:20px}.hero h1{font-size:49px;letter-spacing:-.045em;max-width:100%;margin-bottom:20px}.hero p:not(.eyebrow):not(.heronote){font-size:14px;max-width:450px}.actions{margin:24px 0 15px;flex-wrap:wrap;gap:18px}.button{font-size:11px;padding:14px 17px;gap:17px}.heronote{font-size:9px}.imagecaption{right:24px;bottom:18px;font-size:8px}.wrap{padding-left:24px;padding-right:24px}.start{grid-template-columns:1fr;padding-top:10px;padding-bottom:10px}.start>a,.start>a:first-child,.start>a:last-child{padding:23px 0;border-right:0;border-bottom:1px solid var(--line)}.start>a:last-child{border-bottom:0}.start small{font-size:9px}.start h2{font-size:21px}.start p{max-width:95%;font-size:12px}.split{grid-template-columns:1fr;gap:30px}.section{padding-top:50px;padding-bottom:50px}.display{font-size:36px}.prose p{font-size:14px}.sectionhead{align-items:start;flex-direction:column;gap:25px}.pathgrid{grid-template-columns:1fr}.path{min-height:290px;padding:25px}.pathnum{margin-bottom:26px}.path h3{font-size:32px}.path p{max-width:350px}.plannertease{padding:50px 0}.sample{padding:25px}.samplenum{font-size:42px}.sampletotal strong{font-size:23px}.editorial{grid-template-columns:1fr;gap:30px}.editorial h3{font-size:27px}.closing{padding-top:45px;padding-bottom:45px}.closing h2{font-size:36px}.closing .button{position:static;margin-top:25px}footer{padding:35px 24px 23px}.footmain{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.footmain>p{margin:0}.footnav{grid-column:auto;gap:13px 22px}.footbase{flex-direction:column;gap:10px;font-size:9px}.intro{padding-top:45px;padding-bottom:30px}.intro h1{font-size:45px}.intro .lede{font-size:16px}.plannerlayout,.qualitylayout,.contactlayout{grid-template-columns:1fr;gap:30px}.panel,.results{padding:25px}.results h2{font-size:43px}.two{gap:12px}.qualityaside{position:static}.qualitylayout{padding-top:25px}.sourcelist{grid-template-columns:1fr;gap:25px}.researchlist article{padding:30px 0}.researchlist article h2{font-size:29px}.directory{grid-template-columns:1fr}.directory article{min-height:190px}.directory h2{margin:15px 0}.filters{gap:8px}.filter{padding:9px 16px}.applications article{display:block;padding:30px 0}.applications h2{font-size:32px;margin:17px 0}.contactlayout{margin-bottom:45px}.contactemail{font-size:16px}.intro .eyebrow{margin-bottom:20px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Softer, more gradual desktop hero transition — 14 November 2026. */
@media (min-width: 801px) {
  .heroimage { left: 36%; }
  .heroimage:after {
    background: linear-gradient(90deg, #f0f3e9 0%, rgba(240,243,233,.94) 7%, rgba(240,243,233,.76) 15%, rgba(240,243,233,.50) 24%, rgba(240,243,233,.25) 33%, rgba(240,243,233,.08) 42%, rgba(240,243,233,.015) 50%, transparent 58%);
  }
}
