/* Biopoint: soft, distinct sector palettes. */
:root{--green:#385d32;--ink:#30452e;--cream:#f7f9f2;--lime:#d1dfbf;--muted:#596b52;--hero:#cedfbe;--soft:#e9efdf;--draw:#557747;--mid:#aec994;--light:#e7efdb;--line:#bfceb3}
.agriculture{--green:#586a30;--ink:#3d482d;--cream:#fafbf2;--lime:#dce6b9;--muted:#626e4e;--hero:#dce5b6;--soft:#eff2dd;--draw:#687a3e;--mid:#bdce8c;--light:#eef3d7;--line:#c8d1a6}
.livestock{--green:#79523e;--ink:#553e32;--cream:#fcf8f4;--lime:#efd1bf;--muted:#7a6354;--hero:#efd1bf;--soft:#f6e9df;--draw:#966b51;--mid:#d8ad93;--light:#faeadd;--line:#d8bca9}
.industry{--green:#665480;--ink:#473d56;--cream:#f9f8fc;--lime:#d8d3e8;--muted:#71657e;--hero:#d8d3e8;--soft:#eeebf5;--draw:#796b91;--mid:#b9aed1;--light:#eeebf8;--line:#c7bed9}
.environment{--green:#416b55;--ink:#304c3d;--cream:#f5faf7;--lime:#c8dfd1;--muted:#5b7565;--hero:#c8dfd1;--soft:#e4f0e8;--draw:#507e66;--mid:#a0c8b0;--light:#e1efe6;--line:#b7cebf}
.water-purification{--green:#416c80;--ink:#304e5b;--cream:#f5fafc;--lime:#c9e0e9;--muted:#5e7884;--hero:#c9e0e9;--soft:#e4f0f5;--draw:#548299;--mid:#9fc7d9;--light:#e6f3f8;--line:#b6cfda}
body{background:var(--cream);color:var(--ink)}header{height:90px;background:var(--cream)}nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}.hero{background:var(--hero);color:var(--ink);min-height:515px;padding:35px 6% 30px;gap:20px;align-items:center}.hero-copy{padding:20px 0}.eyebrow{color:var(--green);font-size:9px;letter-spacing:1.5px}.dot{background:var(--draw)}h1{font-size:clamp(44px,4.8vw,69px);margin:30px 0 23px;line-height:1.15}h1 em{color:var(--green)}.hero-copy>p{color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 28px}.button.light,.button.dark{background:var(--green);color:var(--cream);border:1px solid var(--green);padding:16px 21px;font-size:12px;gap:35px}.hero-note{margin-top:33px;color:var(--green);font-size:8px;letter-spacing:1.2px;gap:20px}.hero-note span{color:var(--green)}.text-link{color:var(--green);font-size:11px;margin:20px 0 0 18px}.hero-art{position:static;align-self:center}.sector-art{width:100%;max-height:420px;height:auto;display:block}.art-caption{position:static;text-align:center;color:var(--green);font-size:8px;letter-spacing:1.5px;display:block;margin:8px 0 18px}.sector-band{padding:17px 6% 18px;background:var(--soft)}.band-label{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:12px}.sector-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.sector-tab{display:flex;align-items:center;gap:8px;padding:13px 0;border-top:2px solid var(--line);font-size:12px;white-space:nowrap;color:#3b4a3a;background:transparent}.sector-tab>:last-child{margin-left:auto;padding-right:5px;font-size:14px}.sector-tab:hover,.sector-tab.active{border-color:var(--draw)}.sector-tab.active{font-weight:700}.swatch{width:10px;height:10px;flex-shrink:0;background:var(--mid);border:1px solid var(--draw);border-radius:50%}.intro{padding:85px 8%}.section-label{color:var(--green)}.approach{background:var(--soft);padding:75px 8%}.steps article,.scope-note{border-color:var(--line)}.steps span{color:var(--green)}.scope-note{color:var(--muted)}.contact{background:var(--hero);padding:75px 8%}.contact .section-label,.contact p,.contact small{color:var(--muted)}.contact address{border-color:var(--line)}footer{background:var(--soft);color:var(--muted)}.breadcrumb{display:inline-block;font-size:11px;color:var(--muted);margin-bottom:25px}.sector-hero h1{font-size:clamp(44px,5.1vw,72px);margin:20px 0 16px}.sector-tagline{font-size:25px;letter-spacing:-.6px;line-height:1.3;max-width:480px;margin-bottom:23px}.sector-content{padding:80px 8%;display:grid;grid-template-columns:1.15fr 1fr;gap:80px}.sector-content h2{font-size:37px}.sector-content p{font-size:14px;line-height:1.9;color:var(--muted);max-width:490px;margin-top:24px}.focus-panel{padding:30px;background:var(--soft)}.focus-panel ul{list-style:none;padding:0;margin:0}.focus-panel li{border-bottom:1px solid var(--line);padding:20px 0;display:flex;gap:20px;font-size:15px;line-height:1.6}.focus-panel li span{font-size:10px;padding-top:4px;color:var(--green)}.focus-panel>p{font-size:11px;margin:24px 0 0}
@media(min-width:1600px){.hero{min-height:600px}.hero-copy{padding:30px 0}}
@media(max-width:1000px){.hero{min-height:470px;padding:30px 6%;grid-template-columns:1.2fr 1fr}h1{font-size:48px}.hero-copy{padding:15px 0}.hero-copy>p{font-size:14px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-note{font-size:7px;letter-spacing:.7px;gap:10px}.art-caption{font-size:7px}.sector-tabs{gap:10px}.sector-tab{font-size:10px;gap:6px}.sector-tab>:last-child{padding-right:0}.intro{padding:65px 6%}.approach,.contact{padding:65px 6%}.sector-content{padding:60px 6%;gap:35px}.sector-content h2{font-size:32px}.sector-tagline{font-size:22px}}
@media(max-width:700px){header{height:76px}.hero{display:flex;flex-direction:column;min-height:0;padding:30px 7% 20px;gap:0;align-items:stretch}.hero-copy{padding:0}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:clamp(36px,7.8vw,48px);letter-spacing:-1.7px;margin:23px 0 20px}.hero-copy>p{font-size:14px;max-width:none;margin-bottom:24px}.hero-note{margin-top:25px;font-size:7px;gap:12px}.hero-art{height:auto;width:100%;max-width:440px;margin:5px auto 0}.sector-art{max-height:270px}.hero-art svg{height:auto;max-height:270px;margin:0}.art-caption{display:block;font-size:7px;margin:0 0 7px}.text-link{display:inline-flex;margin:20px 0 0 16px;font-size:11px}.sector-band{padding:16px 7%;overflow:hidden}.band-label{font-size:7px;letter-spacing:1px;margin-bottom:7px}.sector-tabs{display:flex;overflow-x:auto;gap:15px;padding-bottom:5px;scroll-snap-type:x proximity}.sector-tab{flex:0 0 auto;min-width:140px;font-size:11px;scroll-snap-align:start}.sector-tab:last-child{min-width:165px}.sector-tab>:last-child{margin-left:15px}.intro,.approach,.contact{padding:55px 7%}.breadcrumb{margin-bottom:20px}.sector-hero h1{font-size:clamp(39px,9vw,58px);margin:18px 0 14px}.sector-tagline{font-size:22px;margin-bottom:20px}.sector-hero .hero-art{margin-top:20px}.sector-hero .hero-art svg{max-height:290px}.sector-content{display:block;padding:55px 7%}.sector-content h2{font-size:32px}.focus-panel{padding:25px;margin-top:35px}.focus-panel li{font-size:14px}}

