: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}
}

/* 2026 usability, credibility and responsive refinements */
.menu-button{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:0}
.menu-button span[aria-hidden="true"]{font-size:1.35rem;line-height:1}
.navigation a[aria-current="page"]{color:var(--lime);font-weight:700}
.navigation>a,.navigation>.nav-dropdown>summary{white-space:nowrap}
.project-grid,.policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.policy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-card,.policy-grid article{background:rgba(255,255,255,.92);border:1px solid rgba(0,43,89,.12);border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(0,43,89,.07)}
.project-card h3,.policy-grid h2{margin:12px 0 10px;color:var(--deep)}
.project-card p,.policy-grid p{margin:0;color:var(--ink-soft);line-height:1.65}
.project-card small{display:block;margin-top:16px;color:var(--deep);font-weight:600;line-height:1.45}
.project-status{display:inline-block;color:var(--deep);background:rgba(185,220,67,.35);border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.geography-strip{background:var(--cream)}
.social-manual-feed{min-height:280px}
.error-page{min-height:100vh;display:grid;place-items:center;background:var(--cream);padding:24px}
.error-panel{max-width:680px;background:#fff;border-radius:22px;padding:clamp(28px,6vw,68px);box-shadow:0 20px 60px rgba(0,43,89,.12)}
.error-panel h1{font-size:clamp(2rem,5vw,4.2rem);color:var(--deep);line-height:1.05;margin:.3em 0}
.error-panel p{color:var(--ink-soft);line-height:1.7}
.page-section-head{align-items:end}
@media(max-width:850px){.project-grid,.policy-grid{grid-template-columns:1fr}.menu-button{display:inline-flex;margin-left:auto}.footer-nav{gap:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(max-width:480px){
  .hero-copy{max-width:100%}
  .hero-text{font-size:1rem}
  .hero-caption{font-size:.6rem}
  .connect-actions .button{width:100%}
}

/* Secondary-page system and accessible Opportunities menu */
.navigation .active{color:var(--green)}
.nav-dropdown{position:relative;display:block}.nav-dropdown summary{list-style:none;cursor:pointer}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary:after{content:none}.dropdown-menu{position:absolute;top:calc(100% + 14px);right:-12px;min-width:190px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);display:grid;gap:2px}.dropdown-menu a{padding:9px 11px;border-radius:6px;white-space:nowrap}.dropdown-menu a:hover{background:var(--cream);color:var(--green)}
.page-main{background:var(--cream)}.page-hero{padding:88px 0 82px;background:linear-gradient(120deg,var(--deep),var(--navy));color:#fff}.page-hero h1{max-width:820px;margin-bottom:22px}.page-hero p:not(.eyebrow){max-width:670px;color:rgba(255,255,255,.78);font-size:1.08rem}.page-section{padding:88px 0}.page-section-tint{background:linear-gradient(180deg,#e7f3ed,#d9efe1)}.page-two-col{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}.page-two-col h2,.page-section> .wrap>h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.03;letter-spacing:-.06em;margin:0 0 20px}.page-two-col>div:last-child{color:var(--muted);font-size:1.04rem}.page-two-col h3{color:var(--ink);margin-top:34px}.page-lead{max-width:680px;color:var(--muted);font-size:1.05rem;margin:0 0 28px}.value-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.value-list span{padding:13px 15px;border-left:3px solid var(--lime);background:rgba(255,255,255,.62);color:var(--ink);font-weight:750;font-size:.88rem}.page-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}.page-card-grid article{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;border-radius:10px}.page-card-grid img{display:block;width:100%;height:150px;object-fit:cover}.page-card-grid h3,.page-card-grid p{padding:0 19px}.page-card-grid h3{margin:20px 0 8px;font-size:1.05rem;line-height:1.15}.page-card-grid p{color:var(--muted);font-size:.86rem;padding-bottom:20px}.step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:35px}.step-grid>div{padding:25px;background:rgba(255,255,255,.72);border-top:3px solid var(--green);min-height:150px}.step-grid b{font-size:1.22rem}.step-grid p{color:var(--muted);font-size:.88rem}.opportunity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.opportunity-grid a{position:relative;display:flex;flex-direction:column;gap:8px;min-height:170px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.opportunity-grid b{font-size:1.35rem;color:var(--navy)}.opportunity-grid span{color:var(--muted);font-size:.9rem}.opportunity-grid i{margin-top:auto;color:var(--green);font-size:1.5rem;font-style:normal}.insight-placeholder{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.insight-placeholder img{width:100%;height:310px;object-fit:cover}.insight-placeholder>div{padding:30px}.partner-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;margin-bottom:35px}.partner-grid h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.03;letter-spacing:-.06em;margin:0}.partner-options{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.partner-options article{padding:22px;background:#fff;border-top:3px solid var(--green);box-shadow:var(--shadow)}.partner-options h3{font-size:1rem}.partner-options p{color:var(--muted);font-size:.84rem}.empty-state{padding:55px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--lime);box-shadow:var(--shadow);max-width:760px}.empty-state h2{font-size:2rem;margin:0 0 10px}.empty-state p:last-child{color:var(--muted)}
.page-hero.page-hero--compact{padding:58px 0 54px}.page-hero.page-hero--compact h1{margin-bottom:0}
@media(max-width:850px){.nav-dropdown{width:100%}.dropdown-menu{position:static;box-shadow:none;border:0;border-radius:0;margin:4px 0 4px 10px;background:rgba(255,255,255,.07)}.dropdown-menu a{white-space:normal}.page-hero{padding:64px 0 58px}.page-section{padding:62px 0}.page-two-col,.partner-grid,.insight-placeholder{grid-template-columns:1fr;gap:25px}.page-card-grid{grid-template-columns:1fr 1fr}.step-grid,.opportunity-grid{grid-template-columns:1fr 1fr}.partner-options{grid-template-columns:1fr}.value-list{grid-template-columns:1fr}.insight-placeholder img{height:220px}.insight-placeholder>div{padding:25px}}
@media(max-width:480px){.page-card-grid,.step-grid,.opportunity-grid{grid-template-columns:1fr}.page-hero h1{font-size:clamp(2.8rem,14vw,4.5rem)}.page-two-col h2,.page-section>.wrap>h2,.partner-grid h2{font-size:2.4rem}}

/* About Us is a hoverable secondary menu; Team lives inside it. */
@media(min-width:851px){.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:grid}.nav-dropdown:hover>summary,.nav-dropdown:focus-within>summary{color:var(--green)}}
.focus-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.focus-card:nth-child(5){display:flex;border-top-color:var(--yellow)}
.focus-card:hover{background:linear-gradient(155deg,rgba(19,165,167,.34),rgba(8,118,59,.18));border-color:var(--yellow);box-shadow:0 18px 35px rgba(0,0,0,.22)}
.focus-card:nth-child(2):hover{background:linear-gradient(155deg,rgba(0,111,230,.34),rgba(7,31,62,.35));border-color:#5eb7ff}.focus-card:nth-child(3):hover{background:linear-gradient(155deg,rgba(155,210,62,.3),rgba(7,31,62,.35));border-color:var(--lime)}.focus-card:nth-child(4):hover{background:linear-gradient(155deg,rgba(242,200,75,.3),rgba(7,31,62,.35));border-color:var(--yellow)}.focus-card:nth-child(5):hover{background:linear-gradient(155deg,rgba(242,200,75,.28),rgba(19,165,167,.18));border-color:var(--yellow)}
.page-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.value-list-large{grid-template-columns:repeat(3,1fr)}
.values-intro{max-width:760px;margin:0 0 28px;color:var(--muted);font-size:1.04rem}
.value-list-large{gap:18px;margin-top:0}
.value-list-large article{position:relative;display:flex;flex-direction:column;min-height:230px;padding:25px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:10px;box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.value-list-large article:hover{transform:translateY(-4px);border-color:var(--yellow);box-shadow:0 18px 35px rgba(7,31,62,.16)}
.value-list-large article:nth-child(2n){border-top-color:var(--teal)}
.value-list-large article:nth-child(3n){border-top-color:var(--lime)}
.value-list-large .value-mark{display:inline-grid;place-items:center;width:34px;height:34px;margin-bottom:20px;padding:0;border:0;border-radius:50%;background:var(--deep);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.04em}
.value-list-large h3{margin:0 0 10px;color:var(--deep);font-size:1.08rem;line-height:1.2}
.value-list-large p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.55}
@media(max-width:1100px) and (min-width:851px){.focus-grid,.page-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.focus-card:nth-child(4),.focus-card:nth-child(5){grid-column:auto}}
@media(max-width:850px){.focus-grid,.page-card-grid{grid-template-columns:1fr}.focus-card:nth-child(5){display:flex}.value-list-large{grid-template-columns:1fr}.value-list-large article{min-height:0}}

/* Balanced five-card focus layout and visible hover feedback. */
@media(min-width:1101px){.focus-grid,.page-card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.focus-card,.page-card-grid article{grid-column:span 2}.focus-card:nth-child(4),.page-card-grid article:nth-child(4){grid-column:1/span 3}.focus-card:nth-child(5),.page-card-grid article:nth-child(5){grid-column:4/span 3}}
.focus-card::after{transition:filter .22s ease,transform .22s ease}.focus-card:hover::after{filter:brightness(.68) saturate(1.5);transform:scale(1.03)}.focus-card:hover .focus-icon{background:rgba(255,255,255,.2);border-color:currentColor;transform:translateY(-2px)}.focus-icon{transition:background .22s ease,border-color .22s ease,transform .22s ease}

/* 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("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("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("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("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("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}

/* Editorial secondary-page system: restrained, readable and consistent. */
.page-main{background:#edf4ee}.page-hero{background:linear-gradient(118deg,#06213d,#0b4c58)}.page-hero.page-hero--compact{padding:66px 0 62px}.page-hero h1{max-width:900px;font-size:clamp(2.7rem,5.4vw,4.9rem);letter-spacing:-.055em}.page-section{padding:76px 0;background:#edf4ee}.page-section-tint{background:#dcece1}.page-section+.page-section{border-top:1px solid rgba(8,118,59,.1)}
.page-two-col{gap:74px}.page-two-col h2,.page-section>.wrap>h2{font-size:clamp(2rem,3.5vw,3.25rem);letter-spacing:-.045em}.page-two-col>div:last-child{max-width:640px;line-height:1.7}.page-two-col>div:last-child p{margin-bottom:1.15em}
.page-card-grid{gap:18px}.page-card-grid article,.grant-card,.opportunity-grid a,.insight-placeholder,.value-list-large article{border:1px solid rgba(8,118,59,.16);border-radius:12px;box-shadow:0 10px 24px rgba(7,31,62,.08)}.page-card-grid article{background:#f9fcf9}.page-card-grid img{height:172px}.page-card-grid h3{font-size:1.08rem;letter-spacing:-.015em}.page-card-grid p{line-height:1.52}
.grant-grid{gap:20px}.grant-card{min-height:0;background:#f9fcf9}.grant-card h3{letter-spacing:-.025em}.grant-card .eligibility{background:#e8f3ea}.opportunity-page-meta{margin:0;color:#48655b!important;font-size:.82rem!important;font-weight:750;letter-spacing:.03em}.opportunity-note{max-width:680px;margin-top:28px!important;font-size:.88rem!important;color:#48655b!important}
.step-grid{gap:16px}.step-grid>div{min-height:118px;padding:22px 23px;border-top-width:4px;border-radius:8px;background:rgba(255,255,255,.62)}.step-grid b{font-size:1rem}.step-grid p{margin:8px 0 0;line-height:1.5}
.knowledge-topic,.knowledge-topic:hover{border-radius:12px}.knowledge-topic span{font-size:1.12rem}.knowledge-topic small{display:none}.insight-placeholder{background:#f9fcf9}.empty-state{background:#f9fcf9;border-radius:10px}
.footer-bottom{align-items:center;gap:20px}.footer-utility-links{display:flex;flex-wrap:wrap;gap:16px;margin-left:auto}.footer-utility-links a{color:rgba(255,255,255,.68)}.footer-utility-links a:hover{color:var(--yellow)}
@media(max-width:850px){.page-hero.page-hero--compact{padding:52px 0 48px}.page-section{padding:56px 0}.page-two-col{gap:28px}.page-card-grid img{height:185px}.footer-bottom{gap:14px}.footer-utility-links{margin-left:0;gap:13px}.opportunity-page-meta{margin-top:12px!important}}

/* Utility information sits above the navigation; the primary header stays available on scroll. */
.site-utility{position:relative;top:auto}.topbar{top:0}
@media(max-width:850px){.site-utility{position:relative}.topbar{top:0!important}}

/* Fixed two-tier header: utility links first, primary navigation second. */
html{scroll-padding-top:120px}body{padding-top:120px!important}.site-utility{position:fixed!important;top:0!important;left:0;right:0;height:38px;z-index:1001}.topbar{top:38px!important}
@media(max-width:850px){html{scroll-padding-top:106px}body{padding-top:106px!important}.site-utility{height:34px}.topbar{top:34px!important}.navigation{top:calc(106px + env(safe-area-inset-top))!important}}
.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}

/* Focus-area page: make hover states unmistakable and cards visually even. */
.page-card-grid article{transition:background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}
.page-card-grid{grid-auto-rows:1fr;align-items:stretch}
.page-card-grid article{height:100%;min-height:360px;display:flex;flex-direction:column}
.page-card-grid article p{flex:1;margin-top:0}
@media(max-width:480px){.page-card-grid article{min-height:0}.page-card-grid article p{flex:initial}}
.page-card-grid article img{transition:filter .24s ease,transform .24s ease}
.page-card-grid article:hover{background:linear-gradient(145deg,rgba(19,165,167,.22),rgba(255,255,255,.96));border-color:var(--yellow);box-shadow:0 18px 35px rgba(7,31,62,.2);transform:translateY(-5px)}
.page-card-grid article:nth-child(2):hover{background:linear-gradient(145deg,rgba(0,111,230,.18),rgba(255,255,255,.96));border-color:#5eb7ff}
.page-card-grid article:nth-child(3):hover{background:linear-gradient(145deg,rgba(155,210,62,.22),rgba(255,255,255,.96));border-color:var(--lime)}
.page-card-grid article:nth-child(4):hover{background:linear-gradient(145deg,rgba(242,200,75,.25),rgba(255,255,255,.96));border-color:var(--yellow)}
.page-card-grid article:nth-child(5):hover{background:linear-gradient(145deg,rgba(19,165,167,.16),rgba(242,200,75,.2));border-color:var(--yellow)}
.page-card-grid article:hover img{filter:saturate(1.25) brightness(.82);transform:scale(1.025)}
.page-card-grid h3{transition:color .24s ease}.page-card-grid article:hover h3{color:var(--green)}

/* Circular approach flow */
.approach-flow{position:relative;min-height:590px;margin-top:38px;display:grid;grid-template-columns:repeat(2,260px);grid-template-rows:repeat(2,210px);justify-content:center;align-items:center;gap:26px 145px}
.approach-orbit{position:absolute;left:50%;top:50%;width:430px;height:430px;transform:translate(-50%,-50%);border:2px dashed rgba(8,118,59,.35);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.58) 0 31%,transparent 32% 100%);pointer-events:none}
.approach-orbit:before,.approach-orbit:after{content:"";position:absolute;width:18px;height:18px;border-top:3px solid var(--yellow);border-right:3px solid var(--yellow);background:var(--cream)}
.approach-orbit:before{right:-9px;top:50%;margin-top:-9px;transform:rotate(45deg)}.approach-orbit:after{left:-9px;bottom:50%;margin-bottom:-9px;transform:rotate(225deg)}
.approach-center{position:absolute;left:50%;top:50%;z-index:2;width:164px;height:164px;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50%;background:var(--deep);color:#fff;box-shadow:0 14px 35px rgba(7,31,62,.25);border:7px solid rgba(242,200,75,.85)}
.approach-center-mark{font-weight:900;letter-spacing:.1em;color:var(--yellow);font-size:1.1rem}.approach-center strong{font-size:1.08rem;line-height:1.05;margin-top:5px}.approach-center small{color:rgba(255,255,255,.68);font-size:.65rem;margin-top:8px}
.approach-step{position:relative;z-index:3;min-height:188px;padding:23px;background:rgba(255,255,255,.9);border:1px solid rgba(8,118,59,.18);border-top:4px solid var(--green);border-radius:14px;box-shadow:0 12px 30px rgba(7,31,62,.1);transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}
.approach-step:after{content:"";position:absolute;width:34px;height:2px;background:var(--yellow);top:50%;z-index:-1}.step-listen:after,.step-deliver:after{right:-34px}.step-codesign:after,.step-improve:after{left:-34px}
.approach-step:hover{transform:translateY(-7px);background:linear-gradient(145deg,rgba(155,210,62,.28),rgba(255,255,255,.95));border-color:var(--yellow);box-shadow:0 20px 38px rgba(7,31,62,.18)}
.approach-step-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(8,118,59,.1);color:var(--green);border:1px solid rgba(8,118,59,.28);margin-bottom:14px}.approach-step-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.approach-step-label{position:absolute;right:18px;top:16px;font-weight:900;color:rgba(8,118,59,.35);font-size:.78rem}.approach-step h3{margin:0 0 7px;color:var(--deep)}.approach-step p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.5}
@media(max-width:850px){.approach-flow{min-height:0;display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px;padding-left:30px}.approach-orbit{left:12px;top:50%;width:3px;height:calc(100% - 72px);transform:translateX(-50%);border:0;border-left:2px dashed rgba(8,118,59,.35);border-radius:0;background:none}.approach-orbit:before,.approach-orbit:after{width:12px;height:12px;left:-7px;right:auto;top:18%;bottom:auto;transform:rotate(45deg)}.approach-orbit:after{top:auto;bottom:18%;transform:rotate(225deg)}.approach-center{position:relative;left:auto;top:auto;width:120px;height:120px;transform:none;grid-row:1;margin:0 auto 10px}.approach-step{min-height:0}.approach-step:after{left:-30px!important;right:auto!important;width:18px}}
/* Refined approach loop */
.approach{background:linear-gradient(135deg,#dcefe2 0%,#b9dfc9 100%) !important;overflow:hidden}
.approach-flow{min-height:560px;grid-template-columns:repeat(2,275px);grid-template-rows:repeat(2,218px);gap:34px 170px;margin-top:36px}
.approach-orbit{width:455px;height:455px;border:3px solid rgba(8,118,59,.28);background:radial-gradient(circle,rgba(7,31,62,.08) 0 29%,transparent 30% 100%);box-shadow:inset 0 0 0 20px rgba(255,255,255,.08)}
.approach-orbit:before,.approach-orbit:after{width:20px;height:20px;border-top-color:var(--yellow);border-right-color:var(--yellow);background:#cce7d5}
.approach-center{width:172px;height:172px;background:var(--deep);border:8px solid var(--yellow);box-shadow:0 16px 36px rgba(7,31,62,.3)}
.approach-step{min-height:218px;padding:0 22px 20px;overflow:hidden;background:#fff;border:0;border-top:4px solid var(--green);border-radius:16px;box-shadow:0 15px 28px rgba(7,31,62,.15)}
.approach-visual{height:74px;margin:0 -22px 17px;overflow:hidden;background:var(--deep)}.approach-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.05);transition:transform .35s ease,filter .35s ease}.approach-step:hover .approach-visual img{transform:scale(1.08);filter:saturate(1.2) contrast(1.08)}
.approach-step-icon{position:absolute;top:53px;right:18px;width:42px;height:42px;margin:0;border:3px solid #fff;background:var(--green);color:#fff;box-shadow:0 4px 10px rgba(7,31,62,.2)}.approach-step-label{top:93px;right:20px;color:var(--green)}.approach-step h3{font-size:1.2rem;margin-top:0}.approach-step p{max-width:215px}
.step-listen{border-top-color:#13a5a7}.step-codesign{border-top-color:#9bd23e}.step-deliver{border-top-color:#f2c84b}.step-improve{border-top-color:#006fe6}
.approach-step:after{height:3px;width:46px;background:var(--yellow);opacity:.9}.step-listen:after,.step-deliver:after{right:-46px}.step-codesign:after,.step-improve:after{left:-46px}
@media(max-width:850px){.approach-flow{grid-template-columns:1fr;grid-template-rows:auto;gap:14px;padding-left:26px}.approach-orbit{left:11px;top:50%;width:3px;height:calc(100% - 155px);border:0;border-left:3px solid rgba(8,118,59,.28);box-shadow:none;background:none}.approach-orbit:before,.approach-orbit:after{width:13px;height:13px;left:-8px;right:auto;top:10%;bottom:auto}.approach-orbit:after{top:auto;bottom:10%}.approach-center{position:relative;left:auto;top:auto;width:130px;height:130px;transform:none;margin:0 auto 12px;grid-row:auto}.approach-step{min-height:0;padding-bottom:19px}.approach-step:after{left:-26px!important;right:auto!important;width:17px}.approach-visual{height:84px}}
/* Transparent round CEIGo mark for the process centre */
.approach-center{background:transparent;border:0;box-shadow:none;width:190px;height:190px}
.approach-center-logo{display:block;width:190px;height:190px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(7,31,62,.22))}
@media(max-width:850px){.approach-center,.approach-center-logo{width:142px;height:142px}}
/* Direct PNG crop keeps the approved transparent mark visible in all browsers. */
.approach-center{overflow:hidden;background:var(--deep);border:8px solid var(--yellow);border-radius:50%;box-shadow:0 16px 36px rgba(7,31,62,.3);width:190px;height:190px}
.approach-center-logo{display:block;position:absolute;width:760px;height:304px;max-width:none;object-fit:fill;left:-3px;top:-57px;filter:none}
@media(max-width:850px){.approach-center{width:142px;height:142px}.approach-center-logo{width:568px;height:227px;left:-2px;top:-43px}}
/* Show the complete CEIGo wordmark inside the circular process badge. */
.approach-center-logo{position:relative;width:176px;height:auto;max-width:86%;left:auto;top:auto;object-fit:contain;filter:none}
@media(max-width:850px){.approach-center-logo{width:128px;height:auto;max-width:88%}}
/* White process-centre badge for clear full-wordmark contrast. */
.approach-center{background:#fff;border-color:var(--yellow);}
/* Team member cards */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.team-card{padding:0 0 24px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.team-card h2{margin:20px 22px 0;font-size:1.25rem;color:var(--deep)}.headshot-placeholder,.headshot-portrait{height:280px;background:linear-gradient(145deg,#dcefe2,#b9dfc9);display:grid;place-items:center;overflow:hidden}.headshot-placeholder svg{width:100px;height:100px;fill:none;stroke:var(--green);stroke-width:2}.headshot-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:grayscale(1) contrast(1.05)}
@media(max-width:850px){.team-grid{grid-template-columns:1fr}.headshot-placeholder,.headshot-portrait{height:340px}}
/* Team portraits: preserve the full portrait and keep placeholders circular. */
.headshot-portrait{height:360px;background:#fff;display:flex;align-items:flex-start;justify-content:center}.headshot-portrait img{width:100%;height:100%;object-fit:contain;object-position:center top;filter:none}
.headshot-placeholder{height:360px;background:linear-gradient(145deg,#dcefe2,#b9dfc9);display:grid;place-items:center}.headshot-placeholder svg{width:112px;height:112px;aspect-ratio:1/1;padding:20px;box-sizing:border-box;border-radius:50%;background:rgba(255,255,255,.62);fill:none;stroke:var(--green);stroke-width:2}
@media(max-width:850px){.headshot-portrait,.headshot-placeholder{height:390px}}
/* Final placeholder sizing: fixed square prevents stretched profile icons. */
.headshot-placeholder svg{display:block!important;width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;max-width:112px!important;max-height:112px!important;aspect-ratio:1/1!important;flex:none!important}
/* Placeholder avatars: full-width panel with a circular icon inside. */
.headshot-placeholder{width:100%;height:360px;border-radius:0;}
.headshot-placeholder svg{width:112px!important;height:112px!important;border-radius:50%;padding:20px;box-sizing:border-box;}
/* Correct clockwise process order on desktop: 1 -> 2 -> 3 -> 4. */
@media(min-width:851px){.step-listen{grid-column:1;grid-row:1}.step-codesign{grid-column:2;grid-row:1}.step-deliver{grid-column:2;grid-row:2}.step-improve{grid-column:1;grid-row:2}.step-listen:after{right:-46px;left:auto;top:50%;width:46px;height:3px}.step-codesign:after{left:50%;top:100%;width:3px;height:34px}.step-deliver:after{left:-46px;right:auto;top:50%;width:46px;height:3px}.step-improve:after{left:50%;right:auto;top:-34px;width:3px;height:34px}}
/* Intentional positioning framework: place, proof and people. */
.positioning{padding:92px 0;background:linear-gradient(135deg,#f1f8ef 0%,#d8eee0 100%)!important;border-top:1px solid rgba(8,118,59,.1)}
.positioning-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:70px;margin-bottom:34px}.positioning-intro h2{max-width:720px;margin:0;font-size:clamp(2.2rem,4.2vw,4.2rem);line-height:1.02;letter-spacing:-.06em;color:var(--deep)}.positioning-intro>p:last-child{max-width:390px;margin:0 0 5px;color:var(--muted);font-size:1rem;line-height:1.6}
.positioning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.positioning-card{position:relative;display:flex;flex-direction:column;min-height:255px;padding:25px 26px 23px;background:rgba(255,255,255,.78);border:1px solid rgba(8,118,59,.14);border-top:5px solid var(--green);border-radius:14px;box-shadow:0 14px 32px rgba(7,31,62,.08);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.positioning-card:after{content:"";position:absolute;right:-18px;top:50%;width:18px;height:3px;background:var(--yellow)}.positioning-card:last-child:after{display:none}.positioning-card:hover{transform:translateY(-7px);background:#fff;box-shadow:0 20px 38px rgba(7,31,62,.16)}.positioning-place{border-top-color:#13a5a7}.positioning-proof{border-top-color:#9bd23e}.positioning-people{border-top-color:#f2c84b}.positioning-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.positioning-kicker{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:var(--green)}.positioning-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(8,118,59,.1);color:var(--green);border:1px solid rgba(8,118,59,.25)}.positioning-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.positioning-card h3{margin:0 0 10px;font-size:1.35rem;color:var(--deep)}.positioning-card p{max-width:290px;margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}.positioning-note{position:static;display:block;margin-top:auto;padding-top:16px;border-top:1px solid rgba(8,118,59,.16);color:var(--green);font-size:.73rem;font-weight:850;letter-spacing:.04em;line-height:1.35}.positioning-card:hover .positioning-icon{background:var(--green);color:#fff;transform:rotate(-6deg)}
@media(max-width:850px){.positioning-intro{grid-template-columns:1fr;gap:15px;margin-bottom:24px}.positioning-grid{grid-template-columns:1fr;gap:14px}.positioning-card{min-height:220px}.positioning-card:after{right:auto;left:50%;top:auto;bottom:-9px;width:3px;height:9px}.positioning-card:last-child:after{display:none}}
/* Knowledge hub tiles */
.knowledge-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.knowledge-topic{position:relative;display:flex;min-height:185px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:22px;background:var(--deep);border-radius:14px;color:#fff;box-shadow:0 14px 30px rgba(7,31,62,.14);transition:transform .25s ease,box-shadow .25s ease}.knowledge-topic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;transition:transform .35s ease,opacity .25s ease}.knowledge-topic:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,31,62,.05),rgba(7,31,62,.92))}.knowledge-topic span,.knowledge-topic small{position:relative;z-index:1}.knowledge-topic span{font-size:1.15rem;font-weight:850}.knowledge-topic small{margin-top:6px;color:rgba(255,255,255,.75);font-size:.8rem;line-height:1.35}.knowledge-topic:hover{transform:translateY(-6px);box-shadow:0 20px 38px rgba(7,31,62,.22)}.knowledge-topic:hover img{transform:scale(1.08);opacity:.78}.knowledge-topic-field{border-top:4px solid #13a5a7}.knowledge-topic-evidence{border-top:4px solid #9bd23e}.knowledge-topic-partnership{border-top:4px solid #f2c84b}
@media(max-width:850px){.knowledge-topics{grid-template-columns:1fr}.knowledge-topic{min-height:150px}}
/* Grant opportunity cards */
.page-section-head{align-items:end}.page-section-head>p{max-width:390px;color:var(--muted);line-height:1.55}.grant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}.grant-card{position:relative;display:flex;min-height:260px;flex-direction:column;padding:25px 27px 22px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--green);border-radius:14px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.grant-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px rgba(7,31,62,.17)}.grant-card h3{margin:10px 0 9px;color:var(--deep);font-size:1.35rem}.grant-card p{margin:0;color:var(--muted);line-height:1.5}.grant-card .eligibility{margin-top:14px;padding:11px 13px;background:#eef6f0;border-left:3px solid var(--lime);color:var(--ink);font-size:.84rem;line-height:1.45}.grant-card .eligibility strong{color:var(--deep);font-size:.78rem}.grant-card strong{margin-top:auto;padding-top:18px;color:var(--green);font-size:.84rem;line-height:1.35}.grant-card i{margin-top:13px;color:var(--deep);font-style:normal;font-weight:850;font-size:.8rem}.grant-type{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:var(--muted)}.grant-green{border-top-color:#9bd23e}.grant-yellow{border-top-color:#f2c84b}.grant-coral{border-top-color:#e9885b}.grant-navy{border-top-color:var(--deep)}
/* Rotating social updates */
.social-feed{background:linear-gradient(135deg,#f1f8ef 0%,#d8eee0 100%)!important}.social-carousel{position:relative;margin-top:30px;min-height:300px}.social-slide{display:none;grid-template-columns:1.1fr 1fr;min-height:300px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);color:var(--deep)}.social-slide-active{display:grid}.social-slide img{width:100%;height:300px;object-fit:cover}.social-slide>div{display:flex;flex-direction:column;justify-content:center;padding:35px}.social-slide span{color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.social-slide h3{margin:12px 0 22px;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.04em}.social-slide small{color:var(--green);font-weight:850}.social-dots{position:absolute;right:24px;bottom:20px;display:flex;gap:7px}.social-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(7,31,62,.25);cursor:pointer}.social-dot.active{background:var(--green);transform:scale(1.35)}
@media(max-width:850px){.grant-grid{grid-template-columns:1fr}.social-slide{grid-template-columns:1fr}.social-slide img{height:190px}.social-slide>div{padding:24px}.social-carousel{min-height:470px}}
/* Native LinkedIn post embeds */
.social-slide iframe{display:block;width:100%;height:360px;border:0;background:#fff}.social-slide>div{min-width:0}.social-slide>div>a{color:var(--green);font-weight:850;font-size:.82rem}.social-slide>div p{color:var(--muted);line-height:1.5}
@media(max-width:850px){.social-slide iframe{height:360px}}
/* Horizontal social tabs with automatic rotation. */
.social-carousel{min-height:500px}.social-dots{position:static;display:flex;gap:8px;align-items:center;margin:0 0 16px;padding:0;border-bottom:1px solid rgba(8,118,59,.18)}.social-dot{width:auto;height:auto;padding:12px 16px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:850;cursor:pointer;transform:none}.social-dot.active{background:rgba(8,118,59,.08);border-bottom-color:var(--green);color:var(--deep);transform:none}.social-slide{min-height:420px}.social-slide iframe{height:420px}.social-slide>div{padding:30px}.social-slide>div a{display:inline-block;margin-top:18px}@media(max-width:850px){.social-dots{overflow-x:auto;white-space:nowrap}.social-dot{flex:0 0 auto;padding:11px 13px}.social-slide{min-height:0}.social-slide iframe{height:390px}}
/* Expanded Knowledge & Insights section */
.knowledge-panel{max-width:none;width:100%;padding:92px 0 100px;min-height:0;text-align:left;border-radius:0}.knowledge-panel h2{max-width:760px;font-size:clamp(2.8rem,5vw,5.2rem);margin-bottom:24px}.knowledge-panel>p:not(.eyebrow){max-width:760px;margin:0;color:var(--muted);font-size:1.12rem;line-height:1.6}.knowledge-topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:48px}.knowledge-topic{min-height:270px;padding:30px}.knowledge-topic span{font-size:1.35rem}.knowledge-topic small{max-width:250px;font-size:.92rem}.knowledge-panel::after{width:360px;height:220px;right:-20px;bottom:-10px;opacity:.18}
@media(max-width:850px){.knowledge-panel{padding:66px 0 72px}.knowledge-topics{grid-template-columns:1fr;gap:15px;margin-top:32px}.knowledge-topic{min-height:190px}}
/* Fallback preview for LinkedIn posts when third-party embedding is blocked. */
.social-post-preview{height:420px;display:flex;flex-direction:column;justify-content:center;padding:36px;background:linear-gradient(145deg,var(--deep),#0f6871);color:#fff}.social-post-brand{color:var(--yellow);font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.social-post-preview strong{max-width:280px;margin-top:16px;font-size:2rem;line-height:1.05}.social-post-preview small{max-width:290px;margin-top:18px;color:rgba(255,255,255,.72);line-height:1.5}.social-slide iframe{display:none}
@media(max-width:850px){.social-post-preview{height:220px}.social-post-preview strong{font-size:1.55rem}}
/* Action stories and reliable LinkedIn thumbnails */
.action-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;padding:16px;background:var(--deep)}
.action-story{display:flex;min-width:0;flex-direction:column;gap:7px;overflow:hidden;padding-bottom:12px;background:#fff;border-radius:10px;color:var(--deep);box-shadow:0 8px 18px rgba(7,31,62,.16);transition:transform .2s ease,box-shadow .2s ease}
.action-story:hover{transform:translateY(-5px);box-shadow:0 15px 26px rgba(7,31,62,.22)}
.action-story img{width:100%;height:125px;object-fit:cover}.action-story span,.action-story strong,.action-story small{margin:0 12px}.action-story span{padding-top:5px;color:var(--green);font-size:.64rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.action-story strong{font-size:.86rem;line-height:1.18}.action-story small{margin-top:auto;color:var(--muted);font-size:.7rem}
.social-link-preview{position:relative;overflow:hidden;align-items:flex-start!important;justify-content:flex-end!important;padding:0!important;background:var(--deep)!important;color:#fff!important}.social-link-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;filter:saturate(.9)}.social-link-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,31,62,.08),rgba(7,31,62,.92))}.social-link-preview .social-post-brand,.social-link-preview strong,.social-link-preview small{position:relative;z-index:1;margin-left:30px;margin-right:30px}.social-link-preview .social-post-brand{margin-bottom:0}.social-link-preview strong{margin-top:10px}.social-link-preview small{margin-bottom:30px}
@media(max-width:850px){.action-story-grid{grid-template-columns:1fr;gap:10px;padding:12px}.action-story{display:grid;grid-template-columns:100px 1fr;grid-template-rows:auto auto auto;column-gap:10px;padding:0 10px 10px}.action-story img{grid-row:1 / span 3;width:100px;height:100%;min-height:90px}.action-story span,.action-story strong,.action-story small{margin:0}.action-story span{padding-top:9px}.social-link-preview{min-height:220px!important}}
/* Two independent source panels: no clickable tab strip. */
.social-carousel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:0;margin-top:30px}
.social-pane{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.social-pane-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(7,31,62,.98),rgba(8,118,59,.92));color:#fff}.social-pane-heading span{font-weight:900;letter-spacing:.02em}.social-pane-heading small{color:rgba(255,255,255,.7);font-size:.72rem}.social-pane-body{min-height:330px}.source-feature{display:grid;grid-template-rows:190px auto;min-height:330px;color:var(--deep)}.source-feature>img{width:100%;height:190px;object-fit:cover}.source-feature>div{display:flex;flex-direction:column;padding:22px 24px 24px}.source-feature small{color:var(--green);font-size:.68rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.source-feature h3{margin:10px 0 12px;font-size:1.35rem;line-height:1.08}.source-feature p{margin:0 0 14px;color:var(--muted);font-size:.9rem;line-height:1.5}.source-feature span{margin-top:auto;color:var(--green);font-size:.78rem;font-weight:850}.ceigo-feature>img{object-fit:contain;padding:30px;background:linear-gradient(145deg,#e9f4ed,#cce8d7)}
@media(max-width:850px){.social-carousel{grid-template-columns:1fr;gap:16px}.social-pane-heading{display:block}.social-pane-heading small{display:block;margin-top:5px}.social-pane-body,.source-feature{min-height:0}.source-feature{grid-template-rows:170px auto}.source-feature>img{height:170px}}
/* Root-level fallbacks support static hosts that flatten the upload folder. */
.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("focus-intelligence.png")}
.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("focus-freshwater.png")}
.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("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("focus-community.png")}
.knowledge-panel::after{background-image:linear-gradient(90deg,rgba(245,247,241,.98) 0%,rgba(245,247,241,.55) 32%,rgba(245,247,241,.08) 100%),url("insights-landscape-data.png")}
/* Compact Knowledge & Insights composition */
html,body{overflow-x:hidden}
.knowledge-panel{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);column-gap:72px;row-gap:0;align-items:end;max-width:1160px;width:min(1160px,calc(100% - 52px));padding:72px 0 76px;text-align:left}
.knowledge-panel>.eyebrow{grid-column:1;grid-row:1;margin-bottom:10px}
.knowledge-panel>h2{grid-column:1;grid-row:2;max-width:600px;margin:0;font-size:clamp(2.45rem,4vw,4.15rem);line-height:1.02}
.knowledge-panel>p:not(.eyebrow){grid-column:2;grid-row:1 / span 2;align-self:end;max-width:520px;margin:0 0 2px;font-size:1rem;line-height:1.55}
.knowledge-panel>.knowledge-topics{grid-column:1 / -1;grid-row:3;width:100%;margin-top:38px}
.knowledge-panel::after{display:none}
@media(max-width:850px){.knowledge-panel{display:block;width:calc(100% - 34px);padding:58px 0 64px}.knowledge-panel>h2{margin-bottom:18px;font-size:clamp(2.45rem,10vw,3.7rem)}.knowledge-panel>p:not(.eyebrow){margin:0}.knowledge-panel>.knowledge-topics{margin-top:28px}}

/* Final accessibility and interaction polish. */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.source-feature img{background:#e7f3ed}
@media(prefers-reduced-motion:reduce){.source-feature img{transition:none}.social-pane{animation:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Preserve the full homepage landscape on narrow screens. The text follows the image instead of forcing a severe crop. */
@media(max-width:850px){
  .hero{display:block;min-height:0;background:var(--deep)}
  .hero-image{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1672 / 941;object-fit:contain;object-position:center;animation:none}
  .hero-overlay{inset:0;height:auto;aspect-ratio:1672 / 941;background:linear-gradient(180deg,rgba(0,35,71,.08),rgba(0,25,59,.72))}
  .hero-inner{padding:34px 0 48px}
  .hero-copy{max-width:100%;padding:21px 20px;background:rgba(0,25,59,.42)}
  .hero-caption{margin-top:28px}
}

/* Match the desktop hero frame to the source image ratio so the landscape is not vertically cropped. */
@media(min-width:851px){
  .hero{display:grid;height:auto;min-height:0;overflow:hidden}
  .hero-image{position:relative;inset:auto;grid-area:1 / 1;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;align-self:start}
  .hero-overlay{grid-area:1 / 1;z-index:0}
  .hero-inner{grid-area:1 / 1;z-index:1;min-height:100%;align-self:stretch}
}
.site-search{order:4;display:flex;align-items:center;min-width:170px;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}
.site-search input{width:128px;border:0;outline:0;padding:9px 0 9px 13px;color:var(--deep);font:inherit;font-size:.76rem;background:transparent}
.site-search button{width:42px;height:36px;border:0;border-radius:0 999px 999px 0;background:var(--green);color:#fff;font-size:1.15rem;cursor:pointer}
.navigation{order:3}
.search-hero h1{font-size:clamp(2.7rem,6vw,5.2rem)}
.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.search-result{display:block;padding:24px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:12px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}
.search-result:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(7,31,62,.16)}
.search-result span{display:block;color:var(--deep);font-size:1.25rem;font-weight:850}
.search-result p{margin:9px 0 16px;color:var(--muted);font-size:.9rem;line-height:1.5}
.search-result small{color:var(--green);font-weight:850}
.search-empty{padding:30px;background:#fff;border:1px solid var(--line);color:var(--muted)}
@media(max-width:850px){.site-search{order:2;position:relative;display:flex;flex:0 0 42px;width:42px;min-width:42px;height:40px;margin-left:6px;border:0;background:transparent;overflow:visible}.site-search input{display:none;position:absolute;z-index:1200;top:48px;right:0;width:min(260px,calc(100vw - 34px));height:42px;padding:9px 52px 9px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:var(--shadow);font-size:.82rem}.site-search button{width:42px;height:38px;border-radius:50%;font-size:0;padding:0}.site-search button::before{content:'⌕';font-size:1.45rem;line-height:1}.site-search.open input{display:block}.site-search.open button{position:absolute;z-index:1201;top:49px;right:0;width:44px;height:40px;border-radius:0 9px 9px 0}.menu-button{order:3;font-size:0;width:44px;height:38px;padding:8px 11px}.menu-button::before{content:'';display:block;width:20px;height:2px;background:currentColor;border-radius:2px;box-shadow:0 6px 0 currentColor,0 12px 0 currentColor}.search-results{grid-template-columns:1fr}}

/* Keep the primary navigation visible while users scroll on every device. */
html{scroll-padding-top:96px}
body{padding-top:86px}
.topbar{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:1000;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);will-change:transform;isolation:isolate}
.topbar-inner{position:relative}
@media(max-width:850px){
  html{scroll-padding-top:74px}
  body{padding-top:calc(72px + env(safe-area-inset-top))}
  .topbar{top:0!important;padding-top:env(safe-area-inset-top);-webkit-backface-visibility:hidden;backface-visibility:hidden}
  .navigation{top:calc(72px + env(safe-area-inset-top))}
}

/* Keep the mobile menu attached to the viewport, even after scrolling. */
@media(max-width:850px){
  .navigation{position:fixed!important;top:calc(72px + env(safe-area-inset-top))!important;left:17px!important;right:17px!important;z-index:1100!important;max-height:calc(100vh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .navigation.open{display:flex!important;visibility:visible;opacity:1}
}

/* Mobile stability: keep supporting labels in normal flow so long text cannot overlap them. */
@media(max-width:850px){
  .positioning-card{min-height:0!important;height:auto!important;padding-bottom:22px!important}
  .positioning-card p{margin-bottom:0!important}
  .positioning-note{position:static!important;display:block;margin-top:16px!important;padding-top:12px;border-top:1px solid rgba(8,118,59,.16);line-height:1.35}
  .page-card-grid article{height:auto!important;min-height:0!important}
  .page-card-grid article p{flex:none!important}
  .step-grid>div{min-height:0!important;height:auto!important}
  .process-line>div,.approach-step{min-height:0!important;height:auto!important}
}

/* Recognisable process icon artwork. */
.process-icon img{width:30px;height:30px;display:block;object-fit:contain}
.positioning-icon img{width:29px;height:29px;display:block;object-fit:contain}

/* Homepage: a concise identity strip and one substantial evidence-led feature. */
.home-identity{background:var(--deep);color:#fff}.home-identity-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center;padding:38px 0}.home-identity p{max-width:650px;margin:0;font-size:clamp(1.15rem,2vw,1.6rem);font-weight:700;line-height:1.35;letter-spacing:-.02em}.home-identity-inner>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.home-identity span{padding:7px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:rgba(255,255,255,.88);font-size:.7rem;font-weight:800}
.home-feature{padding:96px 0;background:#dcece1}.home-feature-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:72px}.home-feature img{display:block;width:100%;min-height:410px;object-fit:cover;border-radius:14px;box-shadow:0 18px 40px rgba(7,31,62,.16)}.home-feature h2{margin:0 0 18px;color:var(--deep);font-size:clamp(2.25rem,4vw,4.1rem);line-height:1.03;letter-spacing:-.055em}.home-feature p{max-width:470px;margin:0 0 26px;color:var(--muted);font-size:1.02rem;line-height:1.65}
@media(max-width:850px){.home-identity-inner{grid-template-columns:1fr;gap:20px;padding:30px 0}.home-identity-inner>div{justify-content:flex-start}.home-feature{padding:62px 0}.home-feature-grid{grid-template-columns:1fr;gap:28px}.home-feature img{min-height:250px}.home-feature h2{font-size:2.45rem}}

/* Final institutional-page refinements: even focus cards, plain value hierarchy and readable project notes. */
.domain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:26px 0 0;padding:0;list-style:none;color:var(--ink);font-weight:700;font-size:.9rem}.domain-list li{padding:0 0 10px;border-bottom:1px solid rgba(8,118,59,.16)}
.focus-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.focus-card-grid article,.focus-card-grid article:nth-child(4),.focus-card-grid article:nth-child(5){grid-column:auto!important}.focus-card-grid article{min-width:0;min-height:350px!important}.focus-card-grid article h3{font-size:1rem}.focus-card-grid article p{font-size:.84rem}
.value-list-large article{min-height:0}.value-list-large article h3{margin-top:0}
.project-areas .project-card{display:flex;min-height:235px;flex-direction:column;justify-content:flex-end}.project-note{max-width:720px;margin:32px 0 0;color:var(--muted);font-size:.9rem}
@media(max-width:850px){.domain-list{grid-template-columns:1fr}.focus-card-grid{grid-template-columns:1fr!important}.focus-card-grid article{min-height:0!important}}

/* Homepage approach: one clear, evidence-to-action journey instead of competing diagrams. */
.approach{background:#e1f0e6!important}.approach-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);gap:54px;align-items:end;margin-bottom:42px}.approach-header h2{margin:0;color:var(--deep);font-size:clamp(2.4rem,4.5vw,4.65rem);line-height:.98;letter-spacing:-.06em}.approach-header p{max-width:410px;margin:0 0 4px;color:#315e50;font-size:1.05rem;line-height:1.55}
.approach-journey{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.approach-journey:before{content:"";position:absolute;left:12%;right:12%;top:96px;height:2px;background:linear-gradient(90deg,rgba(8,118,59,.2),var(--teal),var(--lime),var(--yellow));z-index:0}.approach-card{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;overflow:hidden;background:#fff;border:1px solid rgba(8,118,59,.15);border-radius:15px;box-shadow:0 13px 28px rgba(7,31,62,.1);transition:transform .22s ease,box-shadow .22s ease}.approach-card:hover{transform:translateY(-6px);box-shadow:0 20px 38px rgba(7,31,62,.17)}.approach-visual{height:190px;overflow:hidden;background:var(--deep)}.approach-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.03);transition:transform .35s ease,filter .35s ease}.approach-card:hover .approach-visual img{transform:scale(1.06);filter:saturate(1.1) contrast(1.04)}.approach-card-body{position:relative;min-height:178px;padding:33px 22px 23px}.approach-symbol{position:absolute;top:-23px;right:20px;display:grid;width:46px;height:46px;place-items:center;border:4px solid #fff;border-radius:50%;background:var(--green);color:#fff;font-family:Georgia,serif;font-size:1.8rem;line-height:1;box-shadow:0 5px 12px rgba(7,31,62,.16)}.approach-card:nth-child(2) .approach-symbol{background:var(--teal)}.approach-card:nth-child(3) .approach-symbol{background:#bd8d00}.approach-card:nth-child(4) .approach-symbol{background:var(--blue)}.approach-card h3{margin:0 0 9px;color:var(--deep);font-size:1.28rem;letter-spacing:-.025em}.approach-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.56}
@media(max-width:850px){.approach-header{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.approach-header p{max-width:580px}.approach-journey{grid-template-columns:1fr;gap:16px;padding-left:25px}.approach-journey:before{left:10px;right:auto;top:80px;bottom:80px;width:2px;height:auto;background:linear-gradient(180deg,var(--teal),var(--lime),var(--yellow),var(--blue))}.approach-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.approach-visual{height:100%}.approach-card-body{min-height:150px;padding:26px 22px}.approach-symbol{left:-24px;right:auto;top:22px}.approach-card h3{font-size:1.2rem}}
@media(max-width:480px){.approach-card{grid-template-columns:96px minmax(0,1fr)}.approach-card-body{padding:25px 18px}.approach-card p{font-size:.86rem}}

/* Secondary-page rhythm: tighter title bands and one consistent page ending. */
.page-hero.page-hero--compact{padding:46px 0 43px}.page-hero.page-hero--compact h1{font-size:clamp(2.45rem,4.1vw,4rem);line-height:1.02}.organisation-intro h2{font-size:clamp(2.8rem,5vw,4.6rem)}
@media(max-width:850px){.page-hero.page-hero--compact{padding:39px 0 37px}.page-hero.page-hero--compact h1{font-size:clamp(2.35rem,9vw,3.35rem)}}

/* Who We Are: a clear institutional introduction with the organisation's areas of work. */
.about-page{background:linear-gradient(180deg,#eef5ef 0%,#e4f0e7 100%)}.about-intro-panel{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);gap:clamp(48px,8vw,112px);padding:clamp(28px,4vw,52px);border:1px solid rgba(8,118,59,.18);border-radius:18px;background:rgba(255,255,255,.54);box-shadow:0 16px 32px rgba(7,31,62,.07)}.about-kicker{margin:0 0 12px;color:#08763b;font-size:.9rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.about-intro-title h2{max-width:530px;margin:0;color:#06213d;font-size:clamp(2.2rem,4vw,4.05rem);line-height:.98;letter-spacing:-.06em}.about-intro-title h2 span{color:#08763b}.about-intro-copy{max-width:590px;color:#365d51;font-size:1rem;line-height:1.72}.about-intro-copy p{margin:0 0 16px}.about-intro-copy p:last-child{margin-bottom:0}.about-intro-copy .about-lead{color:#183c50;font-size:1.12rem;line-height:1.62}.about-domain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}.about-domain-grid article{display:flex;flex-direction:column;min-height:188px;padding:23px 21px;background:#fbfdfb;border:1px solid rgba(8,118,59,.17);border-radius:14px;box-shadow:0 8px 18px rgba(7,31,62,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.about-domain-grid article:hover{transform:translateY(-4px);border-color:rgba(8,118,59,.43);box-shadow:0 14px 26px rgba(7,31,62,.1)}.about-domain-grid h3{margin:18px 0 0;color:#083248;font-size:1.02rem;line-height:1.25;letter-spacing:-.015em}.about-domain-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px}.about-domain-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.about-domain-icon--land{color:#08763b;background:#e6f4e5}.about-domain-icon--biodiversity{color:#008a88;background:#e1f4f2}.about-domain-icon--water{color:#006fe6;background:#e3effe}.about-domain-icon--resilience{color:#b98500;background:#fff4cf}@media(max-width:850px){.about-intro-panel{grid-template-columns:1fr;gap:28px;padding:28px 24px}.about-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-domain-grid article{min-height:150px}}@media(max-width:480px){.about-domain-grid{grid-template-columns:1fr}.about-domain-grid article{min-height:0}}

/* Final header order: utility links above the fixed primary navigation. */
html{scroll-padding-top:120px!important}body{padding-top:120px!important}.site-utility{position:fixed!important;top:0!important;left:0;right:0;height:38px;z-index:1001}.topbar{top:38px!important}
@media(max-width:850px){html{scroll-padding-top:106px!important}body{padding-top:106px!important}.site-utility{height:34px}.topbar{top:34px!important}.navigation{top:calc(106px + env(safe-area-inset-top))!important}}

/* A compact, structured site ending with no decorative empty band. */
.footer{padding:38px 0 16px}.footer-top{display:grid;grid-template-columns:minmax(230px,1fr) auto;align-items:start;gap:42px;padding-bottom:27px}.footer-top p{margin-top:12px}.footer-nav{gap:58px}.footer-nav div{gap:6px}.footer-bottom{padding-top:14px;gap:16px}.footer-utility-links{gap:13px}
@media(max-width:850px){.footer{padding:32px 0 15px}.footer-top{display:block;padding-bottom:23px}.footer-top p{margin-top:10px}.footer-nav{margin-top:25px;gap:38px}.footer-bottom{padding-top:13px}.footer-bottom span{margin-top:5px}}

/* Documentary photography used to anchor the developing projects page in real field practice. */
.project-fieldwork{margin:46px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.project-fieldwork img{display:block;width:100%;max-height:520px;object-fit:cover;object-position:center 46%}.project-fieldwork figcaption{padding:12px 18px;color:var(--muted);font-size:.82rem}

/* Mobile homepage: retain an image-led hero and give every approach card a clear reading order. */
@media(max-width:850px){
  .hero{display:flex;min-height:650px;overflow:hidden;background:var(--deep)}
  .hero-image{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;animation:none}
  .hero-overlay{position:absolute;inset:0;width:auto;height:auto;aspect-ratio:auto;background:linear-gradient(180deg,rgba(0,25,59,.32) 0%,rgba(0,25,59,.66) 41%,rgba(0,25,59,.95) 100%)}
  .hero-inner{position:relative;z-index:1;min-height:650px;padding:64px 0 34px;justify-content:flex-end}
  .hero-copy{padding:20px 18px;background:rgba(0,25,59,.44)}
  .hero-caption{margin-top:20px}

  .approach-journey{padding-left:0;gap:18px}
  .approach-journey:before{display:none}
  .approach-card{display:block}
  .approach-visual{height:clamp(178px,52vw,240px)}
  .approach-card-body{min-height:0;padding:82px 22px 25px}
  .approach-symbol{top:20px;left:22px;right:auto}
}
@media(max-width:480px){
  .hero,.hero-inner{min-height:620px}
  .hero-inner{padding-top:54px}
  .approach-card-body{padding:78px 18px 23px}
  .approach-symbol{left:18px}
}

/* Mobile navigation: one quiet header, a dedicated search panel and a focused menu drawer. */
@media(max-width:850px){
  html{scroll-padding-top:76px!important}
  body{padding-top:76px!important}
  .site-utility{display:none!important}
  .topbar{top:0!important;border-bottom:1px solid rgba(7,31,62,.12);box-shadow:0 5px 18px rgba(7,31,62,.07)}
  .topbar-inner{min-height:76px;gap:10px}
  .logo-link img{width:154px;max-height:48px}

  .site-search{order:2;flex:0 0 44px;width:44px;min-width:44px;height:44px;margin-left:auto;border:1px solid rgba(7,31,62,.16);border-radius:10px;background:#fff;overflow:visible}
  .site-search button{width:42px;height:42px;border-radius:9px;background:#fff;color:var(--deep);font-size:0}
  .site-search button::before{content:'⌕';font-size:1.5rem;line-height:1}
  .site-search input{display:none}
  .site-search.open input{display:block;position:fixed;z-index:1202;top:84px;left:16px;right:16px;width:calc(100% - 32px);height:52px;padding:12px 56px 12px 16px;border:1px solid rgba(7,31,62,.18);border-radius:10px;background:#fff;box-shadow:0 16px 34px rgba(7,31,62,.18);font-size:.95rem}
  .site-search.open button{position:fixed;z-index:1203;top:89px;right:20px;width:42px;height:42px;border:0;border-radius:8px;background:var(--green);color:#fff}
  .site-search.open button::before{color:#fff}

  .menu-button{order:3;display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;margin-left:0;padding:0;border:1px solid rgba(7,31,62,.16);border-radius:10px;background:#fff;color:var(--deep)}
  .menu-button::before{content:none!important;box-shadow:none!important}
  .menu-icon{position:relative;display:block;width:22px;height:22px}
  .menu-icon i{position:absolute;left:0;display:block;width:22px;height:2px;border-radius:99px;background:currentColor;transform-origin:center;transition:none}
  .menu-icon i:nth-child(1){top:4px}.menu-icon i:nth-child(2){top:10px}.menu-icon i:nth-child(3){top:16px}
  .menu-button[aria-expanded="true"] .menu-icon i:nth-child(1){top:10px;transform:rotate(45deg)}
  .menu-button[aria-expanded="true"] .menu-icon i:nth-child(2){opacity:0}
  .menu-button[aria-expanded="true"] .menu-icon i:nth-child(3){top:10px;transform:rotate(-45deg)}

  .navigation{position:fixed!important;top:76px!important;left:0!important;right:0!important;bottom:0!important;height:calc(100vh - 76px)!important;z-index:1100!important;display:none;max-height:none;overflow-y:auto;padding:20px 22px 34px;background:#071f3e;border:0;border-radius:0;box-shadow:0 16px 38px rgba(7,31,62,.26);gap:0}
  .navigation.open{display:flex!important;visibility:visible;opacity:1}
  .navigation>a,.navigation>.nav-dropdown>summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 2px;border-bottom:1px solid rgba(255,255,255,.14);color:#fff;font-size:1rem;font-weight:750}
  .navigation>a[aria-current="page"]{color:var(--lime)}
  .navigation .nav-button{justify-content:center;margin:24px 0 0;padding:14px 18px;border:1px solid var(--yellow);border-radius:8px;color:var(--yellow);font-weight:850}
  .nav-dropdown{width:100%}
  .nav-dropdown summary::after{content:'+';color:var(--yellow);font-size:1.45rem;font-weight:400}
  .nav-dropdown[open] summary::after{content:'–'}
  .dropdown-menu{display:none;position:static;margin:0;padding:5px 0 11px 14px;border:0;border-radius:0;background:transparent;box-shadow:none}
  .nav-dropdown[open] .dropdown-menu{display:grid;gap:0}
  .dropdown-menu a{padding:10px 0;border:0;color:rgba(255,255,255,.78);font-size:.92rem;white-space:normal}
  .dropdown-menu a:hover{background:transparent;color:var(--yellow)}
}