:root{--navy:#002b59;--deep:#071f3e;--green:#08763b;--lime:#9bd23e;--teal:#13a5a7;--blue:#006fe6;--yellow:#f2c84b;--cream:#f5f7f1;--ink:#102f46;--muted:#65737a;--line:#d8e0da;--white:#fff;--shadow:0 18px 45px rgba(0,43,89,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.wrap{width:min(1160px,calc(100% - 52px));margin:auto}
.topbar{position:sticky;z-index:20;top:0;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.topbar-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:35px}.logo-link{display:flex;align-items:center}.logo-link img{width:300px;max-height:62px;object-fit:contain}.navigation{display:flex;align-items:center;gap:28px;font-size:.8rem;font-weight:750;color:var(--navy)}.navigation a:hover{color:var(--green)}.nav-button{border:1px solid var(--green);border-radius:999px;padding:10px 16px;color:var(--green)}.menu-button{display:none;border:1px solid var(--navy);border-radius:999px;background:transparent;color:var(--navy);padding:8px 13px;font-weight:700}
.hero{position:relative;min-height:625px;display:flex;overflow:hidden;background:var(--navy);color:white}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image{background:url("hero-landscape.png") center/cover no-repeat}.hero-overlay{background:linear-gradient(90deg,rgba(0,35,71,.9),rgba(0,43,89,.62) 42%,rgba(0,43,89,.08))}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:80px 0}.hero-copy{max-width:620px;padding:26px 30px;border-left:3px solid var(--yellow);background:linear-gradient(90deg,rgba(0,25,59,.52),transparent)}.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.17em;font-size:.68rem;font-weight:850}.eyebrow.green{color:var(--green)}.eyebrow.light{color:var(--yellow)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.1rem,6.6vw,6rem);line-height:.98;letter-spacing:-.07em;margin-bottom:25px}h1 span{color:var(--lime)}.hero-text{max-width:510px;font-size:1.12rem;color:rgba(255,255,255,.84);margin-bottom:30px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;gap:20px;border-radius:999px;padding:13px 19px;font-size:.86rem;font-weight:850}.button.primary{background:var(--yellow);color:var(--deep)}.button.primary:hover{background:#ffdc7f}.button b,.inline-link b,.story a b,.hero-link b{font-size:1.2em}.hero-link{font-weight:800}.hero-link:hover{color:var(--yellow)}.hero-caption{margin-top:56px;display:flex;gap:18px;align-items:center;color:rgba(255,255,255,.66);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.hero-caption:before{content:"";width:35px;height:1px;background:var(--yellow)}.hero-caption strong{color:#fff;font-weight:700}
.section{padding:84px 0}.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2,.section-head h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.06em;margin:0}.about-copy{max-width:530px;color:var(--muted);font-size:1.04rem}.about-copy p{margin-bottom:20px}.inline-link{display:inline-flex;align-items:center;gap:15px;color:var(--green);font-weight:850;border-bottom:1px solid var(--green);padding-bottom:5px}
.focus{background:var(--deep);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:36px}.section-head>p{max-width:300px;color:rgba(255,255,255,.62);font-size:.9rem}.focus .section-head .eyebrow.light{display:inline-flex;padding:7px 11px;border:1px solid rgba(242,200,75,.8);border-radius:999px;background:rgba(242,200,75,.12);color:var(--yellow);font-size:.62rem;letter-spacing:.16em;line-height:1}.focus .section-head h2{color:#fff}.focus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.focus-card{min-width:0;min-height:292px;height:292px;padding:22px;border:1px solid rgba(255,255,255,.17);border-top:3px solid var(--teal);border-radius:4px;background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(255,255,255,.035));display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.focus-card:hover{transform:translateY(-4px);border-color:var(--lime)}.focus-card:nth-child(2){border-top-color:var(--blue)}.focus-card:nth-child(3){border-top-color:var(--lime)}.focus-card:nth-child(4){border-top-color:var(--yellow)}.focus-card:nth-child(5){border-top-color:var(--teal)}.focus-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:var(--yellow);font-size:.7rem;font-weight:850}.focus-top i{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(155,210,62,.55);border-radius:12px;color:var(--lime);font-size:1.8rem;font-style:normal}.focus-card h3{min-height:52px;font-size:1.14rem;line-height:1.15;margin-bottom:9px}.focus-card p{min-height:96px;color:rgba(255,255,255,.67);font-size:.84rem;margin-bottom:15px}.focus-card a,.story a{margin-top:auto;display:inline-flex;align-items:center;gap:10px;color:var(--yellow);font-size:.76rem;font-weight:850;padding-top:12px;border-top:1px solid rgba(255,255,255,.13)}
.approach{background:#e9efe6}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.approach-grid>div{min-height:170px;padding:25px;border-right:1px solid var(--line)}.approach-grid>div:last-child{border:0}.approach-grid span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--navy);color:white;font-size:.68rem;font-weight:850}.approach-grid h3{font-size:1.35rem;margin:24px 0 7px}.approach-grid p{max-width:180px;color:var(--muted);font-size:.86rem}
.insights{background:var(--cream)}.story-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}.story{background:#fff;box-shadow:var(--shadow)}.story-image{height:165px;display:flex;align-items:flex-end;padding:18px;color:#fff;font-size:.63rem;font-weight:900;letter-spacing:.12em;position:relative;overflow:hidden}.story-image span{position:relative;z-index:1}.river-image{background:linear-gradient(145deg,#78a85f,#125c68 65%,#062e55)}.river-image:before{content:"";position:absolute;inset:25px;background:linear-gradient(145deg,transparent 45%,rgba(255,255,255,.45) 46% 48%,transparent 49%);transform:rotate(-12deg)}.data-image{background:linear-gradient(145deg,#006fe6,#002b59)}.data-image:before{content:"";position:absolute;inset:25px;background:repeating-linear-gradient(90deg,rgba(37,198,241,.32) 0 2px,transparent 2px 28px),repeating-linear-gradient(0deg,rgba(37,198,241,.25) 0 2px,transparent 2px 28px);transform:skewY(-12deg)}.people-image{background:linear-gradient(145deg,#a96825,#08763b)}.people-image:before{content:"";position:absolute;width:70px;height:70px;right:28px;top:25px;border-radius:50%;background:var(--yellow);box-shadow:-37px 38px 0 -10px var(--teal),33px 45px 0 -15px var(--lime)}.story-content{padding:19px}.story-label{margin-bottom:8px;color:var(--green);font-size:.62rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.story h3{font-size:1.15rem;line-height:1.15;margin-bottom:10px}.story-wide h3{font-size:1.45rem}.story-content>p:not(.story-label){color:var(--muted);font-size:.84rem}
.connect{background:linear-gradient(110deg,var(--navy),var(--green));color:#fff}.connect-inner{display:flex;justify-content:space-between;align-items:center;gap:60px;padding:70px 0}.connect h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1.02;letter-spacing:-.06em;margin-bottom:17px}.connect-inner>div:first-child>p:last-child{max-width:560px;color:rgba(255,255,255,.76)}.connect-inner small{display:block;margin-top:20px;color:rgba(255,255,255,.65);font-size:.76rem}.connect-inner strong{color:#fff}.footer{background:#071f1b;color:#fff;padding:54px 0 20px}.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:42px}.footer-top img{width:280px;background:#fff;border-radius:6px;padding:8px}.footer-top p{max-width:300px;color:rgba(255,255,255,.55);font-size:.84rem;margin-top:17px}.footer-nav{display:flex;gap:85px}.footer-nav div{display:flex;flex-direction:column;gap:8px;color:rgba(255,255,255,.62);font-size:.8rem}.footer-nav strong{color:var(--yellow);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}.footer-nav a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:18px;display:flex;justify-content:space-between;color:rgba(255,255,255,.4);font-size:.68rem}
@media(max-width:1100px) and (min-width:851px){.focus-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-card{height:270px;min-height:270px}.focus-card:nth-child(4),.focus-card:nth-child(5){grid-column:auto}}
@media(max-width:850px){.wrap{width:calc(100% - 34px)}.topbar-inner{min-height:72px}.logo-link img{width:245px;max-height:50px}.menu-button{display:block}.navigation{display:none;position:absolute;top:72px;left:17px;right:17px;padding:18px;background:var(--deep);border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:3px;color:#fff}.navigation.open{display:flex}.navigation a{padding:11px 12px}.navigation .nav-button{text-align:center;color:var(--yellow);border-color:var(--yellow);margin-top:7px}.hero{min-height:575px}.hero-inner{padding:78px 0 48px}.hero-copy{padding:21px 20px;background:rgba(0,25,59,.42)}.hero-caption{margin-top:38px;display:block}.hero-caption:before{display:none}.hero-caption strong{display:block;margin-top:5px}.section{padding:58px 0}.about-grid{grid-template-columns:1fr;gap:24px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:15px}.focus-grid{grid-template-columns:1fr}.focus-card{height:auto;min-height:235px}.approach-grid{grid-template-columns:1fr 1fr}.approach-grid>div{min-height:155px;border-bottom:1px solid var(--line)}.approach-grid>div:nth-child(2){border-right:0}.approach-grid>div:nth-child(3),.approach-grid>div:nth-child(4){border-bottom:0}.story-grid{grid-template-columns:1fr}.story-image{height:160px}.connect-inner{display:block;padding:58px 0}.connect-inner>div:last-child{margin-top:28px}.footer-top{display:block}.footer-nav{margin-top:32px;gap:50px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}}
@media(max-width:480px){h1{font-size:3.2rem}.actions{align-items:flex-start;flex-direction:column;gap:17px}.footer-top img{width:100%;max-width:280px}}
 .social-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.social-button{min-width:92px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 11px;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:#fff;font-size:.72rem;text-decoration:none;background:rgba(0,25,59,.2)}.social-button>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:.82rem;font-weight:900;background:#fff;color:var(--deep)}.social-button:hover{border-color:var(--yellow);color:var(--yellow);transform:translateY(-2px)}.social-button:hover>span{background:var(--yellow);color:var(--deep)}.social-button.coming-soon{opacity:.65;cursor:default}.social-button.coming-soon:hover{transform:none;border-color:rgba(255,255,255,.35);color:#fff}.social-button.coming-soon small{margin:0;color:rgba(255,255,255,.55);font-size:.55rem;line-height:1.05}
.skip-link{position:fixed;z-index:50;top:12px;left:12px;padding:10px 14px;background:var(--yellow);color:var(--deep);font-weight:800;transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}.team-nav-button{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0}.team-nav-button:hover{color:var(--green)}.team-close{border:1px solid var(--green);border-radius:999px;background:transparent;color:var(--green);padding:10px 16px;font:inherit;font-weight:800;cursor:pointer}.team-close:hover{background:var(--green);color:#fff}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.team-card{min-height:245px;padding:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.headshot-placeholder{display:grid;place-items:center;width:112px;height:112px;margin:0 auto 22px;border-radius:50%;background:#e9efe6;color:var(--green)}.headshot-placeholder svg{width:65px;height:65px;fill:none;stroke:currentColor;stroke-width:2}.team-card h3{min-height:25px;margin:0 0 5px}.team-card p{min-height:22px;margin:0;color:var(--muted)}.team-card[hidden]{display:none}.navigation .team-nav-button{font-size:.8rem;font-weight:750}.navigation .team-nav-button:focus-visible{outline-offset:6px}
@media(max-width:850px){.navigation .team-nav-button{text-align:left;color:#fff;padding:11px 12px}.team-grid{grid-template-columns:1fr}.team-close{margin-top:20px}.topbar-inner{gap:12px}.logo-link{min-width:0}.logo-link img{max-width:calc(100vw - 112px);height:auto}}
.section-note{max-width:340px;color:var(--muted);font-size:.9rem}.page-intro{background:var(--cream);padding-bottom:42px}.page-intro h1{max-width:760px;color:var(--navy);font-size:clamp(2.8rem,6vw,5.4rem);margin:0 0 20px}.intro-text{max-width:620px;color:var(--muted);font-size:1.1rem}.page-intro + .team{padding-top:42px}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:none}.positioning{background:#fff;border-bottom:1px solid var(--line)}.positioning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.positioning-grid>div{display:flex;flex-direction:column;gap:5px;padding:25px 28px;border-right:1px solid var(--line)}.positioning-grid>div:first-child{padding-left:0}.positioning-grid>div:last-child{border:0;padding-right:0}.positioning strong{color:var(--navy);font-size:.9rem}.positioning span{color:var(--muted);font-size:.78rem;line-height:1.45}.knowledge-panel{max-width:760px;text-align:center}.knowledge-panel h2{color:var(--navy);font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.05;letter-spacing:-.06em;margin:0 0 20px}.knowledge-panel>p:not(.eyebrow){max-width:610px;margin:0 auto;color:var(--muted);font-size:1.05rem}.knowledge-topics{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:28px}.knowledge-topics span{padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--green);background:#fff;font-size:.72rem;font-weight:800}
@media(max-width:850px){.positioning-grid{grid-template-columns:1fr}.positioning-grid>div,.positioning-grid>div:first-child,.positioning-grid>div:last-child{padding:17px 0;border-right:0;border-bottom:1px solid var(--line)}.positioning-grid>div:last-child{border-bottom:0}}
.process{background:#f0f4ed}.process-line{display:grid;grid-template-columns:repeat(4,1fr);position:relative;gap:0}.process-line:before{content:"";position:absolute;top:17px;left:6%;right:6%;height:2px;background:var(--lime)}.process-line>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 18px}.process-line span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-size:.68rem;font-weight:850;border:4px solid #f0f4ed}.process-line strong{margin-top:19px;color:var(--navy);font-size:1.05rem}.process-line small{max-width:180px;margin-top:7px;color:var(--muted);font-size:.78rem;line-height:1.4}.connect-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px}.button.secondary{justify-content:center;border:1px solid rgba(255,255,255,.45);color:#fff;padding:11px 15px;font-size:.76rem}.button.secondary:hover{background:rgba(255,255,255,.12);border-color:var(--yellow);color:var(--yellow)}
@media(max-width:850px){.process-line{grid-template-columns:1fr 1fr;gap:28px 0}.process-line:before{top:18px;left:16%;right:16%;height:calc(100% - 36px);width:2px}.process-line>div{padding:0 10px}.connect-actions{align-items:stretch}}
@keyframes landscape-drift{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}.hero-image{animation:landscape-drift 18s ease-in-out infinite}.focus-card,.story,.positioning-grid>div,.process-line>div{transition:transform .22s ease,box-shadow .22s ease}.focus-card:hover,.story:hover,.positioning-grid>div:hover,.process-line>div:hover{transform:translateY(-4px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.focus-card,.story,.positioning-grid>div,.process-line>div{transition:none}}
.focus-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(155,210,62,.6);border-radius:14px;background:rgba(8,118,59,.18)}.focus-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ai-icon{color:#36c7e7}.water-icon{color:#5eb7ff}.biodiversity-icon{color:var(--lime)}.community-icon{color:var(--yellow)}.governance-icon{color:#bd9bff}.focus-card p{margin-bottom:0}.approach-grid>div{position:relative}.approach-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#e9efe6;color:var(--green);margin-bottom:13px}.approach-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.approach-grid span{width:auto;height:auto;display:block;background:none;color:var(--green);font-size:.62rem;letter-spacing:.12em}.approach-grid h3{margin:12px 0 7px}.process-line:before{top:24px}.process-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;color:var(--green);border:2px solid var(--lime)}.process-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.process-line span{width:auto;height:auto;border:0;border-radius:0;background:none;color:var(--green);font-size:.62rem;letter-spacing:.12em;margin-top:9px}.process-line strong{margin-top:9px}
@media(max-width:850px){.process-line:before{top:24px;left:16%;right:16%;height:calc(100% - 48px)}.process-line span{margin-top:7px}}
.positioning-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:11px;border-radius:11px;background:#e9efe6;color:var(--green)}.positioning-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.focus-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.focus-card{grid-column:span 2;height:auto;min-height:300px;padding:25px}.focus-card:nth-child(4){grid-column:2/span 2}.focus-card:nth-child(5){grid-column:4/span 2}.focus-card p{min-height:74px;line-height:1.45}.governance-icon{color:var(--teal)}.approach-grid>div{padding:28px}.approach-icon{margin-bottom:16px}.process-line{gap:4px}.process-line:before{top:25px;left:7%;right:7%}
@media(max-width:1100px) and (min-width:851px){.focus-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.focus-card{grid-column:span 2;min-height:280px;height:auto}.focus-card:nth-child(4){grid-column:2/span 2}.focus-card:nth-child(5){grid-column:4/span 2}}
@media(max-width:850px){.focus-grid{grid-template-columns:1fr;gap:14px}.focus-card,.focus-card:nth-child(4),.focus-card:nth-child(5){grid-column:auto;min-height:235px}.process-line{grid-template-columns:1fr;gap:28px}.process-line:before{top:25px;left:50%;right:auto;width:2px;height:calc(100% - 50px)}.process-line>div{padding:0 18px}.approach-grid>div{padding:22px}}

/* Final responsive and rendering corrections */
.logo-link img{content:url("ceigo-logo.png")}
.footer-top>div:first-child{min-width:0;flex:0 1 300px}
.footer-top img{content:url("ceigo-logo.png");display:block;width:280px!important;max-width:100%!important;height:auto!important;object-fit:contain}
.focus-top>span{display:none}
.focus-top{justify-content:flex-end}
.focus-card:nth-child(5){display:none}
.focus-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.focus-card,.focus-card:nth-child(4),.focus-card:nth-child(5){grid-column:auto}
.focus-card{position:relative;overflow:hidden}
.focus-card::after{content:"";position:absolute;right:22px;bottom:22px;width:108px;height:72px;opacity:.28;pointer-events:none}
.focus-card::before{content:"";position:absolute;right:-42px;top:-42px;width:126px;height:126px;border-radius:50%;border:1px solid currentColor;opacity:.12;pointer-events:none}
.focus-card:nth-child(1)::after{background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(54,199,231,.9) 14px 15px),repeating-linear-gradient(0deg,transparent 0 13px,rgba(54,199,231,.9) 14px 15px);border:1px solid rgba(54,199,231,.8);border-radius:10px;clip-path:polygon(0 70%,15% 55%,30% 64%,45% 30%,61% 45%,77% 18%,100% 32%,100% 100%,0 100%)}
.focus-card:nth-child(2)::after{background:radial-gradient(ellipse at 50% 28%,transparent 0 18%,rgba(94,183,255,.9) 19% 21%,transparent 22%),repeating-linear-gradient(0deg,transparent 0 14px,rgba(94,183,255,.9) 15px 17px);border-radius:50% 50% 44% 44%;transform:skewY(-8deg)}
.focus-card:nth-child(3)::after{background:radial-gradient(ellipse at 25% 65%,rgba(155,210,62,.9) 0 8%,transparent 9%),radial-gradient(ellipse at 58% 35%,rgba(155,210,62,.9) 0 9%,transparent 10%),linear-gradient(72deg,transparent 46%,rgba(155,210,62,.9) 47% 49%,transparent 50%);transform:rotate(-18deg)}
.focus-card:nth-child(4)::after{background:radial-gradient(circle at 50% 22%,rgba(242,200,75,.95) 0 8%,transparent 9%),radial-gradient(circle at 18% 70%,rgba(242,200,75,.9) 0 7%,transparent 8%),radial-gradient(circle at 82% 70%,rgba(242,200,75,.9) 0 7%,transparent 8%),linear-gradient(155deg,transparent 46%,rgba(242,200,75,.8) 47% 49%,transparent 50%),linear-gradient(25deg,transparent 46%,rgba(242,200,75,.8) 47% 49%,transparent 50%)}
.knowledge-panel{position:relative;overflow:hidden}
.knowledge-panel::after{content:"";position:absolute;right:-16px;bottom:8px;width:230px;height:120px;opacity:.14;background:linear-gradient(170deg,transparent 0 35%,var(--teal) 36% 38%,transparent 39% 52%,var(--green) 53% 55%,transparent 56%),repeating-linear-gradient(90deg,transparent 0 28px,var(--green) 29px 31px),repeating-linear-gradient(0deg,transparent 0 22px,var(--teal) 23px 24px);transform:skewY(-8deg);pointer-events:none}
.knowledge-panel>*{position:relative;z-index:1}
.approach .section-head>p,.process .section-head>p{color:var(--muted)}
.approach .section-head,.process .section-head{align-items:flex-end}
.connect .button.primary b{display:none}
.about,.approach,.process,.insights{background:linear-gradient(180deg,#d9efe1 0%,#cbe7d5 100%) !important}
.positioning{background:linear-gradient(180deg,#d9efe1 0%,#cbe7d5 100%) !important}
body{background:#d9efe1}
.approach-grid{background:rgba(217,239,225,.72) !important}
.approach-grid>div{background:rgba(241,249,243,.62)}
.about,.approach,.process,.insights{background:linear-gradient(180deg,#f0f8f1 0%,#e7f3ed 100%)}
.positioning{background:#fff}
.about,.approach,.process,.insights{border-top:1px solid rgba(8,118,59,.08)}
.approach-grid{box-shadow:0 18px 45px rgba(0,43,89,.08)}
@media(max-width:850px){
  .approach .section-head>p,.process .section-head>p{margin-top:14px}
  .focus-top{margin-bottom:18px}
  .focus-card h3{min-height:0}
  .focus-card p{min-height:0}
  .focus-grid{grid-template-columns:1fr}
  .focus-card::after{right:18px;bottom:18px;width:84px;height:58px;opacity:.22}
  .knowledge-panel::after{right:-42px;bottom:-4px;opacity:.11;transform:scale(.8) skewY(-8deg)}
  .process-line{grid-template-columns:1fr;gap:24px;padding-left:0}
  .process-line:before{top:25px;bottom:25px;left:25px;right:auto;width:2px;height:auto}
  .process-line>div{min-height:50px;padding:0 8px 0 78px;align-items:flex-start;text-align:left}
  .process-icon{position:absolute;left:0;top:0}
  .process-line strong{margin-top:5px}
  .process-line small{max-width:100%;margin-top:4px}
}
@media(max-width:480px){
  .hero-copy{max-width:100%}
  .hero-text{font-size:1rem}
  .hero-caption{font-size:.6rem}
  .connect-actions .button{width:100%}
}

/* Blue Economy Connect-inspired page rhythm: utility strip, editorial hero,
   programme-style cards and a clearer partnership close. CEIGo colours and
   content remain unchanged. */
.site-utility{background:var(--deep);color:rgba(255,255,255,.78);font-size:.7rem;letter-spacing:.02em}
.site-utility-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.utility-links{display:flex;align-items:center;gap:20px}.utility-links a:hover{color:var(--yellow)}
.utility-join{color:var(--yellow);font-weight:800}
.site-utility{position:sticky;top:0;z-index:30}
.topbar{position:sticky;top:38px;z-index:29}.topbar-inner{min-height:82px}
.hero{min-height:590px;display:block;background:var(--deep)}
.hero-image{left:43%;width:57%;inset-block:0;inset-inline-end:0;inset-inline-start:auto;background-position:center;animation:none}
.hero-overlay{background:linear-gradient(90deg,var(--deep) 0%,rgba(7,31,62,.98) 32%,rgba(7,31,62,.6) 50%,rgba(7,31,62,.06) 82%)}
.hero-inner{min-height:590px;padding:64px 0 44px;justify-content:center}
.hero-copy{max-width:585px;padding:0 0 0 26px;background:none;border-left:3px solid var(--yellow)}
.hero-caption{margin-top:auto;padding-top:28px}
.about.section,.approach.section,.process.section,.insights.section{padding-top:92px;padding-bottom:92px}
.section-head{margin-bottom:42px}.focus-grid{gap:18px}.focus-card{min-height:310px;height:auto;padding:25px;border-radius:10px}
.approach-grid{border-radius:10px;overflow:hidden}.approach-grid>div{min-height:195px}
.process-line{padding:6px 0}.knowledge-panel{border-radius:10px;padding:54px 58px;min-height:260px}
.connect-inner{padding:78px 0}.footer{padding-top:64px}
@media(max-width:850px){
  .site-utility-inner{min-height:34px}.site-utility-inner>span{display:none}.site-utility-inner{justify-content:flex-end}.utility-links{gap:13px}
  .topbar{position:sticky;top:34px}.topbar-inner{min-height:72px}
  .hero{min-height:680px}.hero-image{left:0;width:100%;height:58%;inset-block:auto 0;inset-inline:0;opacity:.68;background-position:center bottom}
  .hero-overlay{background:linear-gradient(180deg,var(--deep) 0%,rgba(7,31,62,.98) 40%,rgba(7,31,62,.45) 72%,rgba(7,31,62,.08) 100%)}
  .hero-inner{min-height:680px;padding:70px 0 38px;justify-content:flex-start}.hero-copy{max-width:100%;padding-left:18px}
  .hero-caption{margin-top:auto;padding-top:30px}.about.section,.approach.section,.process.section,.insights.section{padding-top:64px;padding-bottom:64px}
  .knowledge-panel{padding:34px 25px;min-height:300px}.connect-inner{padding:62px 0}
}

/* Real image graphics for the focus and insights sections */
.focus-card>*{position:relative;z-index:1}
.focus-card::after{inset:0;right:auto;bottom:auto;width:auto;height:auto;border-radius:4px;opacity:1;transform:none;background-size:cover;background-position:center;z-index:0}
.focus-card:nth-child(1)::after{background-image:linear-gradient(180deg,rgba(7,31,62,.97) 0%,rgba(7,31,62,.88) 48%,rgba(7,31,62,.28) 100%),url("images/focus-intelligence.png");clip-path:none}
.focus-card:nth-child(2)::after{background-image:linear-gradient(180deg,rgba(7,31,62,.97) 0%,rgba(7,31,62,.86) 48%,rgba(7,31,62,.22) 100%),url("images/focus-freshwater.png");border-radius:4px}
.focus-card:nth-child(3)::after{background-image:linear-gradient(180deg,rgba(7,31,62,.97) 0%,rgba(7,31,62,.84) 48%,rgba(7,31,62,.2) 100%),url("images/focus-biodiversity.png")}
.focus-card:nth-child(4)::after{background-image:linear-gradient(180deg,rgba(7,31,62,.97) 0%,rgba(7,31,62,.84) 48%,rgba(7,31,62,.18) 100%),url("images/focus-community.png")}
.knowledge-panel::after{width:300px;height:180px;right:-24px;bottom:-6px;opacity:.76;background-image:linear-gradient(90deg,rgba(245,247,241,.98) 0%,rgba(245,247,241,.55) 32%,rgba(245,247,241,.08) 100%),url("images/insights-landscape-data.png");background-size:cover;background-position:center;transform:none}
@media(max-width:850px){
  .focus-card::after{inset:0;width:auto;height:auto;opacity:1}
  .knowledge-panel::after{right:-42px;bottom:-4px;width:250px;height:150px;opacity:.58;transform:none}
}

/* Full-width partnership call to action and consistent page backgrounds */
.approach,.process{background:var(--cream)}
.connect-inner{display:block;padding:76px 0}
.connect-inner>div:first-child{max-width:780px}
.connect-inner>div:last-child{margin-top:30px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.connect-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px;flex:1 1 620px}
.connect-actions .button{justify-content:center;white-space:nowrap}
.connect-inner small{margin-top:0;flex:0 0 auto}
.connect-inner .social-links{margin-top:0;flex:0 0 auto}
@media(max-width:850px){
  .connect-inner>div:last-child{display:block;margin-top:26px}
  .connect-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px}
  .connect-actions .button{width:100%}
  .connect-inner small{margin-top:20px}
  .connect-inner .social-links{margin-top:20px}
}
.about,.approach,.process,.insights,.positioning{background:#fff}