/* Larger type and clearer controls throughout the demonstrator. */
body{font-size:18px}.brand small{font-size:11px;letter-spacing:1.1px}.masthead nav{font-size:16px;gap:22px}.eyebrow{font-size:13px;letter-spacing:1.6px}.hero-description{font-size:22px;line-height:1.7;max-width:520px;color:#ced9cd}.hero-copy>.eyebrow{font-size:13px}.button,.text-link{font-size:17px}.hero-bottom{font-size:17px;color:#b1c5b5;gap:23px;margin-top:40px}.hero-bottom>span:first-child{font-size:14px;letter-spacing:1px}.hero-bottom svg{flex-shrink:0}.visual-topline .eyebrow{font-size:12px}.visual-topline>span:last-child{font:14px/1.5 var(--sans);font-weight:700;color:var(--lime);white-space:nowrap}.reveal-label{font-size:12px;letter-spacing:.8px}.hero-caption strong{font-size:23px;font-weight:600}.hero-caption div>span{font-size:16px;color:#bfd0bf}.drag-hint{font-size:16px;color:#c3d9b6}.examples-invitation{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:25px 0 14px;color:var(--cream)}.examples-invitation strong{font-size:18px;font-weight:500}.examples-invitation>span{font-size:14px;color:var(--lime)}.hero-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:0}.hero-tabs button{display:flex;flex-direction:column;align-items:stretch;padding:7px;border-radius:8px;border:1px solid #8ea87a85;font-size:15px;text-align:left;background:#16372b;color:#d2dfca;min-width:0}.hero-tabs button img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:4px;opacity:.88}.hero-tabs button>span{display:block;line-height:1.4;padding:5px 2px 2px;font-weight:600;overflow-wrap:anywhere}.hero-tabs button small{display:block;font-size:12px;font-weight:500;margin-bottom:4px;opacity:.85}.hero-tabs button.active{border:2px solid var(--lime);padding:6px;box-shadow:0 0 0 3px #d7f5a21a}.hero-tabs button.active img{opacity:1}.research-strip{font-size:16px;flex-wrap:wrap}.research-strip>span{font-size:12px}.section-intro{font-size:19px;line-height:1.7;max-width:510px}.section-heading .eyebrow{font-size:13px}.underlined-link{font-size:17px}.method-copy>p:not(.eyebrow){font-size:19px;line-height:1.8}.method-list h3{font-size:23px}.method-list p{font-size:18px;max-width:470px}.method-list>div>span{font-size:14px}.method-footnote{font-size:16px;color:#5c7054}.report-copy h3{font-size:32px;line-height:1.25}.report-copy .eyebrow{font-size:13px}.report-copy p:not(.eyebrow){font-size:18px;line-height:1.7}.report-image span{font-size:12px}.report-cta{font-size:17px}.monitor-callout .eyebrow{font-size:13px}.monitor-callout h3{font-size:32px}.monitor-callout p:not(.eyebrow){font-size:18px}.concept-figure button>span{font-size:16px}.concept-figure figcaption{font-size:16px;color:#b3c7b4}.ecological-levels span{font-size:13px}.ecological-levels h3{font-size:27px}.ecological-levels p{font-size:17px;color:#b3c7b4}.project-copy>p{font-size:19px;line-height:1.8}.project-copy .project-scope{font-size:17px}.source-links>a{font-size:16px}.project-ecosystem>span{font-size:12px;max-width:180px}.project-ecosystem>a{font-size:19px}.footer-brand>span,.footer-main>div{font-size:16px}.credits,.credits>div{font-size:16px;color:#b3c7b4}.footer-bottom{font-size:13px}.footer-bottom>a{font-size:16px}.dialog-header .eyebrow{font-size:13px}.dialog-pair figcaption{font-size:17px}.dialog-bottom p,.concept-dialog-note{font-size:16px}.dialog-bottom button{font-size:16px}.comparison-top{margin-bottom:26px}.comparison-example h3{font-size:32px}.comparison-example .eyebrow{font-size:13px}.comparison-example div>p:last-child{font-size:17px}.focus-control>span{font-size:13px}.focus-control button{font-size:17px;padding:9px 19px}.focus-control button small{font-size:13px}.comparison-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.comparison-panel .comparison-method{font-size:13px;letter-spacing:1px}.comparison-panel figcaption strong{font-size:23px;font-weight:600;line-height:1.3}.comparison-panel figcaption{min-height:128px;display:flex;flex-direction:column}.comparison-panel figcaption>span:last-child{font-size:15px;color:#b3cbb1;margin-top:auto;padding-top:8px}.comparison-panel .comparison-method{margin-bottom:10px}.slide-cases button{font-size:16px;padding:9px 16px}.slide-playback button{font-size:17px;padding:10px 15px}#slide-play{font-size:16px;min-width:112px}.slide-status{font-size:15px;color:#adc5ad}.comparison-note{font-size:16px;color:#526a4d;max-width:1200px}.dialog-triplet{grid-template-columns:repeat(3,minmax(0,1fr))}.dialog-triplet img{height:min(55vh,470px)}.explainer-links{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}.explainer-links>a{display:flex;flex-direction:column;padding:30px;background:#e6eddc;border:1px solid #c7d5b6;border-radius:7px}.explainer-links .eyebrow{display:block;color:#5d744d;margin-bottom:16px}.explainer-links h3{font:30px/1.2 var(--serif);margin-bottom:15px}.explainer-links p{font-size:18px;color:#5d7157;line-height:1.7}.explainer-links .report-cta{margin-top:auto}.explainer-links a:hover{background:#dfeaca}
.comparison-panel figcaption{min-height:148px}
@media(max-width:1200px){.hero{gap:4%;grid-template-columns:1fr 1.1fr}.hero-description{font-size:20px}.hero h1{font-size:64px}.hero-caption{flex-wrap:wrap;gap:7px}.hero-tabs button{font-size:14px}.hero-tabs button>span{padding-left:0;padding-right:0}.examples-invitation{flex-wrap:wrap;gap:5px}.comparison-panel figcaption strong{font-size:21px}.comparison-panel figcaption{min-height:150px}.hero-bottom{flex-wrap:wrap;gap:12px}.hero-bottom>span{max-width:160px}.masthead nav{gap:14px;font-size:15px}}
@media(max-width:1020px){.masthead{position:relative}.menu-toggle{display:flex;align-items:center;gap:12px;border:1px solid #9baa7d5c;color:var(--cream);background:transparent;border-radius:24px;padding:10px 16px;font-size:16px}.masthead nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--deep);border-bottom:1px solid #9baa7d3d;padding:25px 6%;flex-direction:column;align-items:stretch;gap:20px;font-size:18px}.masthead nav.open{display:flex}.comparison-top{flex-wrap:wrap}.comparison-panel figcaption strong{font-size:20px}.comparison-panel figcaption{min-height:162px}.slideshow-controls{flex-wrap:wrap}.footer-main>div{justify-content:start}}
@media(max-width:780px){.hero{grid-template-columns:1fr}.brand small{font-size:10px}.hero-copy>.eyebrow{font-size:12px}.hero-description{font-size:21px;max-width:620px}.hero-actions{gap:22px}.button,.text-link{font-size:17px}.hero-bottom{display:flex;font-size:16px;margin-top:28px;gap:15px}.hero-bottom>span:first-child{font-size:13px}.hero-bottom svg{width:50px}.visual-topline .eyebrow{font-size:11px}.visual-topline>span:last-child{font-size:13px}.hero-caption strong{font-size:24px}.hero-caption div>span,.drag-hint{font-size:16px}.hero-tabs button{font-size:15px;padding:7px}.hero-tabs button small{font-size:12px}.research-strip>span{font-size:12px}.research-strip>div{font-size:16px}.section-intro{font-size:19px}.section-heading .eyebrow{font-size:13px}.method-copy>p:not(.eyebrow){font-size:19px}.method-footnote{font-size:16px}.report-copy h3{font-size:30px}.report-copy .eyebrow{font-size:13px}.report-copy p:not(.eyebrow){font-size:18px;min-height:0}.report-cta{font-size:17px}.monitor-callout .eyebrow{font-size:12px}.monitor-callout p:not(.eyebrow){font-size:18px}.ecological-levels span{font-size:12px}.ecological-levels h3{font-size:24px}.ecological-levels p{font-size:17px}.project-ecosystem>a{font-size:18px}.dialog-header h2{font-size:26px}.dialog-header .eyebrow{font-size:13px}.dialog-pair figcaption{font-size:16px}.dialog-bottom p{font-size:16px}.comparison-deck{padding:20px}.comparison-example h3{font-size:28px}.comparison-example .eyebrow{font-size:12px}.comparison-example div>p:last-child{font-size:16px}.focus-control>span{font-size:12px}.focus-control button{font-size:17px}.focus-control button small{font-size:13px}.comparison-images{gap:12px}.comparison-panel figcaption strong{font-size:20px}.comparison-panel .comparison-method{font-size:12px;letter-spacing:.7px}.comparison-panel figcaption>span:last-child{font-size:15px}.slide-cases button{font-size:15px;padding:8px 13px}.comparison-note{font-size:16px}.slide-status{font-size:15px}.dialog-triplet{grid-template-columns:1fr}.dialog-triplet img{height:auto;max-height:65vh}.explainer-links{grid-template-columns:1fr}}
@media(max-width:640px){.comparison-images{grid-template-columns:1fr;gap:27px}.comparison-panel figcaption{min-height:0}.comparison-panel figcaption strong{font-size:23px}.comparison-panel figcaption>span:last-child{margin-top:6px;font-size:16px}.comparison-panel .comparison-method{font-size:13px;min-height:0}.comparison-picture{max-height:540px}.comparison-picture img{object-fit:contain}.focus-control{display:flex;align-items:center;gap:15px;width:100%}.focus-control>span{margin:0}.slideshow-controls{gap:20px}.slide-cases{gap:8px;width:100%}.slide-cases button{font-size:16px;padding:9px 15px}.slide-playback{width:100%;justify-content:space-between}.report-copy h3{font-size:29px}.report-copy p:not(.eyebrow){font-size:18px}.project-section{grid-template-columns:1fr;gap:30px}.footer-main{flex-direction:column}.footer-bottom{align-items:start;flex-wrap:wrap}.hero-bottom{gap:13px}.hero-bottom>span{max-width:140px}.hero-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-tabs button{flex-direction:row;align-items:center;gap:12px;font-size:17px;min-height:65px;padding:8px}.hero-tabs button.active{padding:7px}.hero-tabs button img{width:52px;height:47px;flex-shrink:0}.hero-tabs button:last-child{grid-column:1/-1}.hero-tabs button>span{padding:0}.hero-tabs button small{margin-bottom:3px}.visual-topline{flex-wrap:wrap}.examples-invitation strong{font-size:19px}.ecological-levels{grid-template-columns:1fr;gap:27px}.research-strip{gap:18px 25px}.monitor-callout .button{margin-left:0;width:100%}.dialog-bottom button{font-size:16px}.concept-dialog-note{font-size:16px}}
@media(max-width:360px){.hero-tabs button{font-size:15px;gap:7px}.hero-tabs button img{width:39px}.brand{font-size:23px}.brand svg{width:29px}.brand small{font-size:8px}.menu-toggle{padding:9px 13px;font-size:15px}.hero-bottom>span{max-width:110px}.hero-bottom{font-size:15px}.hero-bottom>span:first-child{font-size:12px}.hero-bottom svg{width:35px}.reveal-label{font-size:10px;padding:4px 6px}}