.project-showcase{--project-ink:#071630;--project-blue:#094bc9;width:100%;color:var(--project-ink);padding:60px 0 72px}.project-showcase-heading{padding:0 6px}.project-showcase .project-showcase-heading.hero{padding-inline:0}.project-showcase-heading h2{color:#06194a;font-size:var(--ds-type-display-size);letter-spacing:-.06em;margin:0;font-weight:800;line-height:.92}.project-showcase-heading p{color:#52617a;max-width:580px;margin:12px 0 30px;font-size:15px;line-height:1.55}.project-showcase-heading.hero{height:auto;min-height:0}[data-theme=dark] .project-showcase-heading h2{color:#e8f0fc}[data-theme=dark] .project-showcase-heading p{color:#9db0cc}.project-showcase-toolbar,.carousel-bar{align-items:center;gap:14px;min-height:54px;margin-bottom:10px;display:flex}.project-showcase-filters,.filters{scrollbar-width:none;min-height:44px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-bottom:1px solid #98b0d57a;border-radius:0;align-items:stretch;gap:0;padding:0;display:inline-flex;position:relative;overflow:auto hidden}.project-showcase-filters::-webkit-scrollbar{display:none}.filters::-webkit-scrollbar{display:none}.project-showcase-filters button,.filter-btn{--filter-rgb:9 75 201;color:#52617a;letter-spacing:-.012em;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:0;min-height:44px;padding:0 16px;font-size:12px;font-weight:760;transition:color .18s,background .18s;position:relative}.project-showcase-filters button:before,.filter-btn:before{content:"";background:rgb(var(--filter-rgb));opacity:0;transform-origin:50%;border-radius:2px 2px 0 0;height:2px;transition:opacity .18s,transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-1px;left:10px;right:10px;transform:scaleX(.42)}.project-showcase-filters button:after,.filter-btn:after{content:"";z-index:-1;background:rgb(var(--filter-rgb) / .07);opacity:0;border-radius:9px;transition:opacity .18s,transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;inset:5px 4px 6px;transform:scale(.96)}.project-showcase-filters button[data-filter=all],.filter-btn[data-filter=all]{--filter-rgb:9 75 201}.project-showcase-filters button[data-filter=completed],.filter-btn[data-filter=completed]{--filter-rgb:30 146 108}.project-showcase-filters button[data-filter=ongoing],.filter-btn[data-filter=ongoing]{--filter-rgb:45 108 214}.project-showcase-filters button[data-filter=proposed],.filter-btn[data-filter=proposed]{--filter-rgb:226 160 118}.project-showcase-filters button:hover,.filter-btn:hover{color:rgb(var(--filter-rgb))}.project-showcase-filters button:hover:after,.filter-btn:hover:after{opacity:.72;transform:scale(1)}.project-showcase-filters button:is([aria-pressed=true],.active),.filter-btn:is([aria-pressed=true],.active){color:rgb(var(--filter-rgb));font-weight:700}.project-showcase-filters button:is([aria-pressed=true],.active):before,.filter-btn:is([aria-pressed=true],.active):before{opacity:1;transform:scaleX(1)}.project-showcase-filters button:is([aria-pressed=true],.active):after,.filter-btn:is([aria-pressed=true],.active):after{opacity:.95;transform:scale(1)}.project-showcase-filters button:is([aria-pressed=true],.active):hover:after,.filter-btn:is([aria-pressed=true],.active):hover:after{opacity:1}.carousel-filters{flex:auto;min-width:0}.carousel-filters .filters{padding:0}.control-divider{background:linear-gradient(#0000,#7191c238,#0000);flex:0 0 1px;width:1px;height:28px}.carousel-search,.project-showcase-search{color:#5c6f90;flex:0 310px;min-width:220px;margin-left:auto;position:relative}.carousel-search svg,.project-showcase-search svg{pointer-events:none;color:#61728e;width:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.carousel-search input,.project-showcase-search input,.search-box input{width:100%;height:42px;color:var(--project-ink);background:#fffc;border:1px solid #bfd0e9;border-radius:11px;outline:0;padding:0 42px 0 43px;font-size:12px;transition:border-color .2s,background .2s,box-shadow .2s}.carousel-search input:focus,.project-showcase-search input:focus,.search-box input:focus{background:#fff;border-color:#7aa5ea;box-shadow:0 0 0 4px #094bc917}.search-box{display:block;position:relative}.carousel-clear,.search-clear,.project-showcase-clear{color:#7b879c;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;transition:background .18s,color .18s;display:grid;position:absolute;top:6px;right:8px}.carousel-clear:hover,.search-clear:hover,.project-showcase-clear:hover{color:#0b2d6d;background:#edf3fb}.carousel-controls,.project-showcase-controls{flex:none;gap:7px;display:flex}.carousel-control,.project-showcase-controls button{border-radius:var(--control-radius,12px);color:#0a3c9f;cursor:pointer;background:#fff;border:1px solid #b9cce8;place-items:center;width:44px;height:44px;padding:0;font-size:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid;box-shadow:0 7px 18px #1140890d}.carousel-control:hover:not(:disabled),.project-showcase-controls button:hover:not(:disabled){border-color:#7ba5e9;transform:translateY(-2px);box-shadow:0 12px 24px #0a45a01f}.carousel-control:disabled,.project-showcase-controls button:disabled{opacity:.32;cursor:not-allowed;transform:none}.project-showcase-rail,.project-rail{--card-w:clamp(300px, 29.8vw, 350px);--gap:14px;gap:var(--gap);scrollbar-width:none;scroll-snap-type:none;overscroll-behavior-inline:contain;cursor:grab;touch-action:pan-x pan-y;width:100%;padding:16px 0 24px;display:flex;overflow:auto hidden}.project-showcase-rail[data-dragging=true]{-webkit-user-select:none;user-select:none}.project-showcase-rail img{-webkit-user-drag:none}.project-showcase-rail[data-instant=true]>.project-showcase-card{transition:none}.project-showcase-rail[data-instant=true]>.project-showcase-card *,.project-showcase-rail[data-instant=true]>.project-showcase-card :before,.project-showcase-rail[data-instant=true]>.project-showcase-card :after{transition:none!important;animation:none!important}.project-showcase-rail[data-programmatic=true],.project-rail.programmatic{scroll-snap-type:none}.project-showcase-rail[data-dragging=true],.project-rail.dragging{cursor:grabbing}.project-showcase-rail::-webkit-scrollbar{display:none}.project-rail::-webkit-scrollbar{display:none}.project-showcase-card,.project-card{--card-w:clamp(300px, 29.8vw, 350px);--gap:14px;--status-rgb:9 75 201;--status-deep-rgb:4 35 92;--project-status:var(--status-rgb);flex:0 0 var(--card-w);width:var(--card-w);isolation:isolate;contain:layout paint style;scroll-snap-align:start;color:#fff;background:#071b42;border:1px solid #7591be5c;border-radius:13px;min-width:0;height:432px;transition:flex-basis .38s cubic-bezier(.22,.7,.24,1),width .38s cubic-bezier(.22,.7,.24,1),border-color .26s,box-shadow .36s;position:relative;overflow:hidden;box-shadow:0 10px 32px #0d316c11}:is(.project-showcase-card,.project-card):is([data-status=completed],.completed){--status-rgb:30 146 108;--status-deep-rgb:8 64 53;--project-status:30 146 108}:is(.project-showcase-card,.project-card):is([data-status=ongoing],.ongoing){--status-rgb:45 108 214;--status-deep-rgb:10 52 122;--project-status:45 108 214}:is(.project-showcase-card,.project-card):is([data-status=proposed],.proposed){--status-rgb:226 160 118;--status-deep-rgb:120 74 49;--project-status:226 160 118}:is(.project-showcase-card,.project-card):before{content:"";z-index:7;pointer-events:none;background:linear-gradient(90deg, rgb(var(--status-rgb) / .94) 0%, rgb(var(--status-rgb) / .68) 38%, rgb(var(--status-rgb) / .18) 76%, transparent 100%);opacity:.62;transform-origin:0;height:3px;transition:transform .32s cubic-bezier(.22,.7,.24,1),opacity .22s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.34)}:is(.project-showcase-card,.project-card):hover:before{opacity:.82;transform:scaleX(.66)}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):before{opacity:1;transform:scaleX(1)}:is(.project-showcase-card,.project-card):after{content:"";z-index:3;pointer-events:none;opacity:.13;background:radial-gradient(100% 100% at 0% 100%, rgb(var(--status-rgb) / .9) 0%, rgb(var(--status-rgb) / .42) 32%, transparent 72%);width:58%;height:90px;transition:opacity .26s,width .32s cubic-bezier(.22,.7,.24,1);position:absolute;bottom:0;left:0}:is(.project-showcase-card,.project-card):hover:after{opacity:.2;width:72%}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):after{opacity:.26;width:82%}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active){flex-basis:calc(var(--card-w) * 2 + var(--gap));width:calc(var(--card-w) * 2 + var(--gap));border-color:#6685b775;box-shadow:0 24px 62px #0931791d,0 8px 24px #0c2f680e}.project-showcase-image,.card-image{background:#d8e7fb;position:absolute;inset:0;overflow:hidden}.project-showcase-image img,.card-image img{object-fit:cover;object-position:center;will-change:auto;width:100%;height:100%;transition:transform .62s cubic-bezier(.22,.7,.24,1);display:block;transform:scale(1.025)}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active) :is(.project-showcase-image,.card-image) img{transform:scale(1.008)}:is(.project-showcase-card,.project-card):hover :is(.project-showcase-image,.card-image) img{transform:scale(1.045)}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):hover :is(.project-showcase-image,.card-image) img{transform:scale(1.022)}:is(.project-showcase-image,.card-image):before{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg, #020c2212 0%, #020c2203 32%, #020c221a 60%, #020c22d6 100%), radial-gradient(105% 62% at 4% 100%, rgb(var(--status-rgb) / .24) 0%, rgb(var(--status-rgb) / .14) 34%, rgb(var(--status-rgb) / .06) 56%, transparent 78%);transition:background .26s;position:absolute;inset:0}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is(:hover,:focus-visible,[data-details-open=true],.details-open) :is(.project-showcase-image,.card-image):before{background:linear-gradient(90deg, #020d25cc 0%, #020d258a 43%, #020d251a 72%), radial-gradient(110% 72% at 0% 100%, rgb(var(--status-rgb) / .46) 0%, rgb(var(--status-rgb) / .24) 35%, transparent 74%), linear-gradient(180deg, #020c2205 18%, #020c2299 100%)}:is(.project-showcase-image,.card-image):after{content:"";z-index:2;pointer-events:none;opacity:0;background:radial-gradient(480px 300px at 42% 30%,#ffffff1c,#0000 70%);transition:opacity .24s;position:absolute;inset:0}:is(.project-showcase-card,.project-card):hover :is(.project-showcase-image,.card-image):after{opacity:1}:is(.project-showcase-rail,.project-rail).scrolling :is(.project-showcase-image,.card-image):after{opacity:0!important}:is(.project-showcase-rail,.project-rail).scrolling :is(.project-showcase-card,.project-card){box-shadow:0 8px 24px #0d316c0d}.project-showcase-card-content,.card-title-layer{z-index:4;pointer-events:none;transition:left .32s cubic-bezier(.22,.7,.24,1),right .32s cubic-bezier(.22,.7,.24,1),bottom .32s cubic-bezier(.22,.7,.24,1);position:absolute;bottom:13px;left:20px;right:20px}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active) :is(.project-showcase-card-content,.card-title-layer){bottom:22px}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is(:hover,:focus-visible,[data-details-open=true],.details-open):not([data-details-suppressed=true],.details-suppressed) :is(.project-showcase-card-content,.card-title-layer),:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is([data-details-suppressed=true],.details-suppressed):is(:hover,:focus-visible) :is(.project-showcase-card-content,.card-title-layer){right:20px}.project-showcase-sdgs,.card-sdgs{opacity:0;align-items:center;gap:5px;max-height:0;margin:0;transition:opacity .22s,transform .22s,max-height .22s;display:flex;overflow:hidden;transform:translateY(7px)}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active) :is(.project-showcase-sdgs,.card-sdgs){opacity:1;max-height:28px;margin-bottom:10px;transition-delay:70ms;transform:translateY(0)}.project-showcase-sdgs img,.card-sdgs img{width:22px;height:22px}.reference-shell .project-showcase-card h3,.reference-shell .project-card h3,:is(.project-showcase-card,.project-card) h3,.card-title{letter-spacing:-.052em;text-wrap:balance;text-shadow:0 2px 24px #00000042;max-width:100%;margin:0;font-size:clamp(25px,2.1vw,32px);font-weight:760;line-height:.98;transition:font-size .32s cubic-bezier(.22,.7,.24,1),letter-spacing .32s cubic-bezier(.22,.7,.24,1);color:#fff!important}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active) h3,:is(.project-showcase-card,.project-card):is([data-active=true],.is-active) .card-title{letter-spacing:-.06em;font-size:clamp(34px,3vw,46px);color:#fff!important}.project-showcase-summary,.card-summary{color:#ffffffd1;opacity:0;max-width:44ch;max-height:0;margin:0;font-size:12px;line-height:1.5;transition:max-height .26s,opacity .22s,transform .26s,margin .26s;overflow:hidden;transform:translateY(8px)}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is(:hover,:focus-visible,[data-details-open=true],.details-open):not([data-details-suppressed=true],.details-suppressed) :is(.project-showcase-summary,.card-summary){opacity:1;max-height:80px;margin-top:10px;transform:translateY(0)}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is([data-details-suppressed=true],.details-suppressed):is(:hover,:focus-visible) :is(.project-showcase-summary,.card-summary){opacity:0;max-height:0;margin-top:0;transform:translateY(8px)}.project-showcase-details,.card-details{z-index:5;color:#fff;opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;justify-content:flex-end;gap:15px;width:min(35%,230px);margin:0;padding:0;transition:opacity .22s,transform .3s cubic-bezier(.22,.7,.24,1),visibility .22s;display:flex;position:absolute;top:25px;bottom:24px;right:24px;transform:translate(12px)}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is(:hover,:focus-visible,[data-details-open=true],.details-open):not([data-details-suppressed=true],.details-suppressed) :is(.project-showcase-details,.card-details){opacity:1;pointer-events:auto;visibility:visible;transform:none}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is([data-details-suppressed=true],.details-suppressed):is(:hover,:focus-visible) :is(.project-showcase-details,.card-details){opacity:0;pointer-events:none;visibility:hidden;transform:translate(12px)}.project-showcase-details p,.card-details .detail-row{border-top:1px solid #ffffff45;gap:5px;margin:0;padding-top:11px;display:grid}.project-showcase-details span,.card-details .detail-label{color:#ffffff94;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800}.project-showcase-details strong,.card-details .detail-value{color:#fff;font-size:12.5px;font-weight:760;line-height:1.35}.project-showcase-unavailable{z-index:5;color:#e2eaf6;font-size:12px;position:absolute;bottom:24px;right:24px}.carousel-footer-actions,.project-showcase-bottom{justify-content:flex-end;align-items:center;min-height:38px;padding:3px 1px 18px;display:flex}.carousel-all{appearance:none;color:#0a46b8;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:7px 1px;font-size:11px;font-weight:800;text-decoration:none;transition:color .2s,transform .2s;display:inline-flex}.carousel-all:after{content:"→";font-size:15px;line-height:1;transition:transform .22s}.carousel-all:hover{color:#062f7e}.carousel-all:hover:after{transform:translate(4px)}.carousel-all:focus-visible{outline-offset:5px;border-radius:3px;outline:2px solid #094bc947}.project-showcase-bottom a{color:#073c9b;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:700;display:inline-flex}.project-showcase-bottom a span{transition:transform .18s}.project-showcase-bottom a:hover span{transform:translate(2px,-2px)}.carousel-progress,.project-showcase-progress{background:#bfd0e9;height:1px;overflow:hidden}.carousel-progress span,.project-showcase-progress span{background:var(--project-blue);height:100%;transition:width .3s;display:block}.empty-state,.project-showcase-empty{text-align:center;color:#526380;background:#ffffff8a;border:1px dashed #9eb8df;border-radius:18px;padding:56px 20px;display:block}.empty-state strong,.project-showcase-empty strong{color:#122b62;margin-bottom:7px;font-size:19px;display:block}.empty-state button,.project-showcase-empty button{border:0;border-bottom:1px solid var(--project-blue);color:var(--project-blue);cursor:pointer;background:0 0;margin-top:12px;padding:5px;font-weight:800;text-decoration:none}@media (max-width:620px){.project-showcase{padding:36px 0 52px}.project-showcase-heading{padding-inline:12px}.project-showcase-heading h2{font-size:56px}.project-showcase-toolbar,.carousel-bar{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px 10px;min-height:auto;margin-bottom:12px;display:grid}.carousel-filters,.project-showcase-filters{grid-column:1/-1;overflow:hidden}.carousel-filters .filters,.project-showcase-filters{overflow-x:auto}.carousel-bar .control-divider:first-of-type{display:none}.carousel-search,.project-showcase-search{flex:none;order:unset;min-width:0;margin-left:0}.carousel-search input,.project-showcase-search input{height:40px;padding-left:39px;font-size:12px}.carousel-bar .control-divider:last-of-type{height:26px;display:block}.carousel-controls,.project-showcase-controls{order:unset;gap:5px}.carousel-control,.project-showcase-controls button{width:39px;height:39px}.carousel-footer-actions,.project-showcase-bottom{padding-top:1px}.project-showcase-rail,.project-rail{scroll-snap-type:none;gap:10px;padding-inline:8vw}:is(.project-showcase-card,.project-card),:is(.project-showcase-card,.project-card):is([data-active=true],.is-active){scroll-snap-align:start;flex-basis:84vw;width:84vw;height:410px}:is(.project-showcase-card,.project-card) h3,:is(.project-showcase-card,.project-card):is([data-active=true],.is-active) h3{font-size:29px}:is(.project-showcase-card-content,.card-title-layer),:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is(:hover,:focus-visible,[data-details-open=true],.details-open):not([data-details-suppressed=true],.details-suppressed) :is(.project-showcase-card-content,.card-title-layer){inset:auto 18px 18px}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is([data-details-open=true],.details-open) :is(.project-showcase-image,.card-image):before{background:linear-gradient(180deg, #020c2214 0%, #020c2238 38%, #020c22e8 100%), radial-gradient(110% 70% at 0% 100%, rgb(var(--status-rgb) / .42) 0%, rgb(var(--status-rgb) / .2) 40%, transparent 76%)}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active) :is(.project-showcase-summary,.card-summary){opacity:1;max-height:72px;margin-top:9px;transform:none}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is([data-details-open=true],.details-open) :is(.project-showcase-card-content,.card-title-layer){bottom:205px}:is(.project-showcase-card,.project-card):is([data-active=true],.is-active):is([data-details-open=true],.details-open) :is(.project-showcase-details,.card-details){opacity:1;pointer-events:auto;visibility:visible;gap:6px;width:auto;inset:auto 18px 14px;transform:none}:is(.project-showcase-details,.card-details) p,:is(.project-showcase-details,.card-details) .detail-row{justify-content:space-between;gap:12px;padding-top:6px;display:flex}:is(.project-showcase-details,.card-details) strong,:is(.project-showcase-details,.card-details) .detail-value{text-align:right;max-width:62%}.project-showcase-story,.details-button{min-height:38px;margin-top:2px}}@media (prefers-reduced-motion:reduce){.project-showcase :is(.project-showcase-card,.project-card,img,.project-showcase-image,.project-showcase-image img,.card-image,.card-image img,.project-showcase-story,.project-showcase-story span,.details-button,.details-button span,.project-showcase-progress span,.project-showcase-bottom span,.project-showcase-controls button,.filter-btn){transition:none!important}}[data-theme=dark] :where(.project-showcase-card,.project-card,.project-showcase-search,.carousel-search){border-color:var(--ds-border-subtle);background:#0f2038}[data-theme=dark] :is(.carousel-search input,.project-showcase-search input,.search-box input){border-color:var(--ds-border-subtle);color:#edf3fb;background:#0f2038e6}[data-theme=dark] :is(.carousel-search input:focus,.project-showcase-search input:focus,.search-box input:focus){background:#13293f;border-color:#7aa5ea;box-shadow:0 0 0 4px #7aa5ea38}[data-theme=dark] .project-showcase-filters button,[data-theme=dark] .filter-btn,[data-theme=dark] .project-showcase-controls button{border-color:var(--ds-border-subtle);color:#d7e3f5;background:#13293f}[data-theme=dark] .carousel-all{color:#9cc2ff}[data-theme=dark] .carousel-all:hover{color:#c0d9ff}[data-theme=dark] .control-divider{background:linear-gradient(#0000,#7aa5ea4d,#0000)}.reference-shell .project-showcase-heading h2{font-size:var(--section-title-size);letter-spacing:var(--section-title-tracking)}.reference-shell .project-showcase-heading p{max-width:70ch;margin-bottom:22px;font-size:clamp(15px,.9rem + .25vw,18px)}.project-showcase .project-showcase-filters,.project-showcase .filters{border:0;gap:7px;min-height:44px}.project-showcase .filter-btn{color:#344767;background:#ffffffbf;border:1px solid #bdcce4;border-radius:10px;min-height:44px;padding-inline:14px;font-size:13px;transition:background .22s cubic-bezier(.16,1,.3,1),border-color .22s,transform .22s cubic-bezier(.16,1,.3,1)}.project-showcase .filter-btn:before,.project-showcase .filter-btn:after{display:none}.project-showcase .filter-btn:is(:hover,:focus-visible){border-color:#507dcb;transform:translateY(-1px)}.project-showcase .filter-btn[aria-pressed=true]{color:#fff;background:#1048a6;border-color:#1048a6}.project-showcase .filter-btn:focus-visible,.project-showcase .carousel-control:focus-visible{outline-offset:2px;outline:3px solid #1858b7}.project-showcase .filter-btn:active,.project-showcase .carousel-control:active{transform:scale(.96)}.project-showcase .project-showcase-search input{border-radius:var(--control-radius,12px);min-height:44px;font-size:14px}.project-showcase .carousel-control{border-radius:var(--control-radius,12px);width:44px;height:44px}.project-showcase .project-showcase-card h3{letter-spacing:-.045em;font-size:clamp(26px,2vw,32px);line-height:1.03}.project-showcase .project-showcase-card[data-active=true] h3{font-size:clamp(32px,2.8vw,43px);line-height:1.02}.project-card-status{z-index:6;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04122cc2;border:1px solid #ffffff42;border-radius:9px;align-items:center;gap:7px;min-height:30px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:16px;left:16px}.project-card-status:before{content:"";background:rgb(var(--project-status));border-radius:2px;width:7px;height:7px}@supports (animation-timeline:view()){.project-showcase-rail>.project-showcase-card{animation:.6s cubic-bezier(.16,1,.3,1) both project-card-view;animation-timeline:view();animation-range:entry cover 25%}.project-showcase-rail>.project-showcase-card:nth-child(3n+2){animation-range:entry 4% cover 29%}.project-showcase-rail>.project-showcase-card:nth-child(3n+3){animation-range:entry 8% cover 33%}}@keyframes project-card-view{0%{opacity:.88;translate:0 16px}to{opacity:1;translate:0}}[data-theme=dark] .project-showcase .filter-btn{color:#d6e2f2;background:#13263c;border-color:#49607e}[data-theme=dark] .project-showcase .filter-btn[aria-pressed=true]{color:#07182d;background:#8db7ed;border-color:#8db7ed}[data-theme=dark] .project-showcase .carousel-control{color:#d6e2f2;background:#13263c;border-color:#49607e}[data-theme=dark] .project-showcase .filter-btn:focus-visible,[data-theme=dark] .project-showcase .carousel-control:focus-visible,[data-theme=dark] .reference-shell .all-projects-page button:focus-visible,[data-theme=dark] .reference-shell .all-projects-page input:focus-visible,[data-theme=dark] .reference-shell .all-projects-card .all-projects-link:focus{outline-color:#9cc2f2}@media (max-width:620px){.project-showcase .project-showcase-filters{overflow-x:auto}.project-showcase .filter-btn{padding-inline:12px}.project-showcase .project-showcase-search input{min-height:44px}.project-showcase .carousel-control{width:44px;height:44px}.project-showcase .project-showcase-card h3,.project-showcase .project-showcase-card[data-active=true] h3{font-size:28px}}@media (min-width:621px) and (max-width:900px){.project-showcase .project-showcase-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;display:grid}.project-showcase .carousel-filters{grid-column:1/-1}.project-showcase .control-divider{display:none}.project-showcase .carousel-search{grid-column:1;width:min(100%,360px);min-width:0;margin:0}.project-showcase .carousel-controls{grid-column:2}}.project-showcase .project-showcase-rail{position:relative;overflow-x:auto}.project-card-title-link{color:inherit;pointer-events:auto;outline-offset:4px;border-radius:6px;text-decoration:none}.project-card-title-link:focus-visible{background:#081e41b8;outline:2px solid #fff}.project-card-title-arrow{vertical-align:.08em;margin-inline-start:.2em;font-size:.75em;transition:transform .22s cubic-bezier(.16,1,.3,1);display:inline-block}.project-card-title-link:is(:hover,:focus-visible) .project-card-title-arrow{transform:translate(3px,-3px)}@media (max-width:900px){.project-showcase .project-showcase-card[data-active=true] .card-title-layer,.project-showcase .project-showcase-card[data-active=true][data-details-open=true] .card-title-layer{inset:auto 18px 18px}.project-showcase .project-showcase-card[data-active=true] .card-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05142dd1;border:1px solid #ffffff42;border-radius:10px;gap:5px;width:min(48%,190px);padding:8px 10px;inset:52px 14px auto auto}.project-showcase .project-showcase-card[data-active=true] .card-details .detail-row{gap:1px;padding-top:4px;display:grid}.project-showcase .project-showcase-card[data-active=true] .card-details .detail-row:first-child{border:0;padding-top:0}.project-showcase .project-showcase-card[data-active=true] .card-details .detail-value{text-align:left;overflow-wrap:anywhere;max-width:100%;font-size:11px}}@media (min-width:901px){.project-showcase .project-showcase-card[data-active=true] .card-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05142dcc;border:1px solid #ffffff47;border-radius:12px;justify-content:flex-start;gap:0;width:min(38%,240px);padding:12px 14px;top:52px;bottom:auto;right:20px}.project-showcase .project-showcase-card[data-active=true] .card-details .detail-row{gap:2px;padding-top:8px}.project-showcase .project-showcase-card[data-active=true] .card-details .detail-row:first-child{border:0;padding-top:0}[data-theme=dark] .project-showcase .project-showcase-card[data-active=true] .card-details{background:#071224e0;border-color:#b4ccec57}}@media (max-width:900px){[data-theme=dark] .project-showcase .project-showcase-card[data-active=true] .card-details{background:#071528e0;border-color:#b4ccec5c}}@media (prefers-reduced-motion:reduce){.project-showcase .project-showcase-rail{overflow-x:auto}.project-showcase .project-showcase-card,.project-showcase .filter-btn,.project-showcase .carousel-control,.project-showcase .project-showcase-story{transition:none!important;animation:none!important;transform:none!important}.project-card-title-arrow{transition:none;transform:none!important}}.reference-shell.reference-shell .all-projects-page{width:100%;max-width:none;padding:clamp(28px, 4vw, 48px) var(--section-edge) 96px}.reference-shell .all-projects-crumb{color:#566986;align-items:center;gap:10px;font-size:13px;font-weight:650;display:flex}.reference-shell .all-projects-crumb a{color:var(--brand-royal);text-decoration:none}.reference-shell .all-projects-crumb a:hover{text-underline-offset:3px;text-decoration:underline}.reference-shell.reference-shell .all-projects-heading{gap:12px;margin:clamp(26px,3vw,42px) 0 clamp(24px,3vw,38px)}.reference-shell.reference-shell .all-projects-heading h1{color:var(--brand-ink);font-size:var(--section-title-size);letter-spacing:var(--section-title-tracking);font-weight:800;line-height:.95}.reference-shell .all-projects-heading p{max-width:64ch;color:var(--brand-muted);font-size:clamp(15px,.9rem + .25vw,18px);line-height:1.5}.reference-shell .all-projects-heading>span{color:#184d9e;letter-spacing:.02em;font-size:13px}.reference-shell .all-projects-page .project-showcase-toolbar{flex-wrap:wrap;justify-content:space-between;gap:14px 24px;margin-bottom:8px;display:flex}.reference-shell .all-projects-page .project-showcase-filters{border:0;gap:8px;min-height:44px;display:flex}.reference-shell .all-projects-page .project-showcase-filters button{color:#344767;background:#ffffffb8;border:1px solid #bfcee3;border-radius:10px;align-items:center;gap:9px;min-height:44px;padding:0 12px;font-size:13px;transition:background .22s cubic-bezier(.16,1,.3,1),border-color .22s,transform .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.reference-shell .all-projects-page .project-showcase-filters button:before,.reference-shell .all-projects-page .project-showcase-filters button:after{display:none}.reference-shell .all-projects-page .project-showcase-filters button:is(:hover,:focus-visible){border-color:#5278bd;transform:translateY(-1px)}.reference-shell .all-projects-page .project-showcase-filters button[aria-pressed=true]{color:#fff;background:#1048a6;border-color:#1048a6}.all-projects-filter-count{min-width:23px;height:23px;color:inherit;background:#0f429717;border-radius:7px;place-items:center;padding-inline:5px;font-size:11px;display:grid}.reference-shell .all-projects-page .project-showcase-filters button[aria-pressed=true] .all-projects-filter-count{background:#ffffff2e}.reference-shell .all-projects-page .project-showcase-search{flex-basis:300px}.reference-shell .all-projects-page .project-showcase-search input{border-radius:var(--control-radius,12px);height:44px;padding-left:16px;font-size:14px}.reference-shell .all-projects-results{color:#526681;margin:0 0 20px;font-size:13px}.reference-shell .all-projects-grid{border-top:1px solid #094bc926;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:0;display:grid}.reference-shell .all-projects-card,.reference-shell .all-projects-card[data-featured=true]{min-width:0;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #094bc926;border-radius:0;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:clamp(14px,2vw,28px);padding:20px 8px;transition:background .3s,padding .35s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.reference-shell .all-projects-card:hover{box-shadow:none;background:#ffffff8c;padding-inline:14px;transform:none}.reference-shell .all-projects-card[data-featured=true]{background:#ffffffd1;border:1px solid #094bc926;border-radius:24px;grid-column:1/-1;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:0;margin:0 0 44px;padding:0;overflow:hidden;box-shadow:0 28px 65px -34px #081a4661}.reference-shell .all-projects-card[data-featured=true]:hover{background:#ffffffe6;padding:0;box-shadow:0 34px 74px -34px #081a4670}.reference-shell .all-projects-image{aspect-ratio:4/3;border-radius:12px;height:auto;min-height:138px;overflow:hidden}.reference-shell .all-projects-card[data-featured=true] .all-projects-image{aspect-ratio:1.65;border-radius:0;min-height:330px}.reference-shell .all-projects-image img{transition:transform .65s cubic-bezier(.16,1,.3,1)}.reference-shell .all-projects-card:hover .all-projects-image img,.reference-shell .all-projects-card:focus-within .all-projects-image img{transform:scale(1.05)}.all-projects-feature-label{z-index:2;color:#fff;letter-spacing:.04em;background:#061a41d1;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:700;position:absolute;top:16px;left:16px}.reference-shell .all-projects-card-body{min-height:0;padding:5px 0}.reference-shell .all-projects-card[data-featured=true] .all-projects-card-body{justify-content:center;padding:clamp(24px,3.4vw,48px)}.reference-shell .all-projects-status{color:#184d9e;letter-spacing:.07em;align-items:center;gap:8px;font-size:12px;display:inline-flex}.reference-shell .all-projects-status span{background:#225ab0;border-radius:2px;width:7px;height:7px}.reference-shell [data-status=completed] .all-projects-status span{background:#2e8064}.reference-shell [data-status=completed] .all-projects-status{color:#123e83}.reference-shell [data-status=proposed] .all-projects-status span{background:#ac6845}.reference-shell .all-projects-sdgs{margin-top:11px}.reference-shell .all-projects-card h2{color:var(--brand-ink);letter-spacing:-.035em;text-wrap:balance;margin:10px 0;font-size:clamp(19px,1rem + .45vw,24px);font-weight:760;line-height:1.15}.reference-shell .all-projects-card[data-featured=true] h2{font-size:clamp(28px,1.3rem + 1.7vw,44px);line-height:1.04}.reference-shell .all-projects-card p{color:#425673;font-size:14px;line-height:1.55}.reference-shell .all-projects-card[data-featured=true] p{font-size:16px}.reference-shell .all-projects-card .all-projects-link{color:#0d4395;align-items:center;gap:12px;min-height:44px;margin-top:auto;font-size:14px;text-decoration:none;display:inline-flex}.reference-shell .all-projects-card .all-projects-link:after{content:"";position:absolute;inset:0}.all-projects-link-arrow{border:1px solid #b7c9e2;border-radius:10px;place-items:center;width:36px;height:36px;transition:background .22s,color .22s,transform .22s cubic-bezier(.16,1,.3,1);display:grid}.all-projects-link:hover .all-projects-link-arrow,.all-projects-link:focus-visible .all-projects-link-arrow{color:#fff;background:#0d4395;transform:translate(2px,-2px)}.reference-shell .all-projects-card .all-projects-link:focus,.reference-shell .all-projects-page button:focus-visible,.reference-shell .all-projects-page input:focus-visible{outline-offset:3px!important;outline:3px solid #1858b7!important}@supports (animation-timeline:view()){.reference-shell .all-projects-card{animation:.6s cubic-bezier(.16,1,.3,1) both project-card-view;animation-timeline:view();animation-range:entry cover 25%}}@media (max-width:900px){.reference-shell .all-projects-grid,.reference-shell .all-projects-card[data-featured=true]{grid-template-columns:minmax(0,1fr)}.reference-shell .all-projects-card[data-featured=true] .all-projects-image{aspect-ratio:16/10;min-height:0}}@media (max-width:620px){.reference-shell.reference-shell .all-projects-page{padding-inline:var(--section-edge)}.reference-shell .all-projects-page .project-showcase-filters{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;overflow:visible}.reference-shell .all-projects-page .project-showcase-filters button{justify-content:center;min-width:0}.reference-shell .all-projects-page .project-showcase-search{flex:100%;min-width:0}.reference-shell .all-projects-card{grid-template-columns:minmax(0,110px) minmax(0,1fr);gap:14px}.reference-shell .all-projects-card .all-projects-image{aspect-ratio:1;min-height:110px}.reference-shell .all-projects-card:not([data-featured=true]) .all-projects-sdgs,.reference-shell .all-projects-card:not([data-featured=true]) p{display:none}.reference-shell .all-projects-card:not([data-featured=true]) h2{font-size:17px}.reference-shell .all-projects-card .all-projects-link{font-size:12px}.reference-shell .all-projects-card[data-featured=true]{margin-bottom:25px}.reference-shell .all-projects-card[data-featured=true] .all-projects-card-body{padding:24px}.reference-shell .all-projects-card[data-featured=true] .all-projects-image{aspect-ratio:16/9}.reference-shell .all-projects-card[data-featured=true] h2{font-size:29px}}[data-theme=dark] .reference-shell .all-projects-crumb,[data-theme=dark] .reference-shell .all-projects-results{color:#afc1d9}[data-theme=dark] .reference-shell .all-projects-crumb a,[data-theme=dark] .reference-shell .all-projects-heading>span{color:#a9caff}[data-theme=dark] .reference-shell.reference-shell .all-projects-heading h1,[data-theme=dark] .reference-shell .all-projects-card h2{color:#edf3fb}[data-theme=dark] .reference-shell .all-projects-heading p,[data-theme=dark] .reference-shell .all-projects-card p{color:#b9c9dc}[data-theme=dark] .reference-shell .all-projects-card[data-featured=true]{background:#11243b;border-color:#344e6e}[data-theme=dark] .reference-shell .all-projects-card[data-featured=true]:hover{background:#172d47}[data-theme=dark] .reference-shell .all-projects-card:hover{background:#13273e}[data-theme=dark] .reference-shell .all-projects-grid,[data-theme=dark] .reference-shell .all-projects-card{border-color:#344e6e}[data-theme=dark] .reference-shell .all-projects-page .project-showcase-filters button,[data-theme=dark] .reference-shell .all-projects-page .project-showcase-search input{color:#dce8f8;background:#13273e;border-color:#49617f}[data-theme=dark] .reference-shell .all-projects-page .project-showcase-filters button[aria-pressed=true]{color:#07182d;background:#8db7ed;border-color:#8db7ed}[data-theme=dark] .reference-shell .all-projects-card .all-projects-link{color:#a9caff}[data-theme=dark] .all-projects-link-arrow{border-color:#49617f}[data-theme=dark] .reference-shell .all-projects-status{color:#a9caff}[data-theme=dark] .reference-shell .all-projects-page .project-showcase-search input::placeholder,[data-theme=dark] .project-showcase .project-showcase-search input::placeholder,[data-theme=dark] .project-showcase .project-showcase-search svg{color:#a9b9d0}@media (prefers-reduced-motion:reduce){.reference-shell .all-projects-card,.reference-shell .all-projects-image img,.reference-shell .all-projects-page button,.all-projects-link-arrow{transition:none!important;animation:none!important;transform:translate(0,0)!important}}[data-theme=dark] :is(.project-showcase-image,.card-image):before{background:linear-gradient(180deg, #020c221f 0%, #020c220a 32%, #020c2233 60%, #020c22e6 100%), radial-gradient(105% 62% at 4% 100%, rgb(var(--status-rgb) / .3) 0%, rgb(var(--status-rgb) / .18) 34%, rgb(var(--status-rgb) / .08) 56%, transparent 78%)}.project-showcase .project-showcase-card[data-details-public=false]{animation:none}.project-showcase .project-showcase-card[data-details-public=false] :is(.project-showcase-image,.card-image) img{filter:grayscale(.85)}.project-showcase .project-showcase-card[data-details-public=false]:hover :is(.project-showcase-image,.card-image) img,.project-showcase .project-showcase-card[data-details-public=false][data-active=true]:hover :is(.project-showcase-image,.card-image) img{transform:none}.project-showcase .project-showcase-card[data-details-public=false] :is(.project-showcase-image,.card-image):after{opacity:0}.project-card-soon{color:#e2eaf7eb;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05142db8;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.reference-shell .all-projects-card[data-details-public=false]{animation:none}.reference-shell .all-projects-card[data-details-public=false] .all-projects-image img{filter:grayscale(.85)}.reference-shell .all-projects-card[data-details-public=false]:hover{box-shadow:none;background:0 0;padding-inline:8px}.reference-shell .all-projects-card[data-featured=true][data-details-public=false]:hover{background:#ffffffd1;padding:0;box-shadow:0 28px 65px -34px #081a4661}.reference-shell .all-projects-card[data-details-public=false]:hover .all-projects-image img,.reference-shell .all-projects-card[data-details-public=false]:focus-within .all-projects-image img{transform:none}.all-projects-soon{color:#0a3c9f;letter-spacing:.02em;background:#094bc914;border:1px solid #094bc947;border-radius:10px;align-items:center;margin-top:10px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}[data-theme=dark] .all-projects-soon{color:#b9d2f2;background:#8db7ed1f;border-color:#8db7ed66}[data-theme=dark] .reference-shell .all-projects-card[data-details-public=false]:hover{background:0 0}[data-theme=dark] .reference-shell .all-projects-card[data-featured=true][data-details-public=false]:hover{box-shadow:none;background:#11243b}.project-showcase .project-showcase-rail{touch-action:pan-y;padding-inline:0;display:block;overflow:hidden}.project-showcase-track{gap:var(--gap);width:max-content;transition:none;display:flex;position:relative}.project-showcase-track.is-rebasing{transition:none}.project-showcase .project-showcase-track .project-showcase-card{contain:layout paint;height:var(--project-card-height,432px);transition:border-color .26s}.project-showcase .project-showcase-track :is(.card-title,.card-sdgs,.card-summary){transition-property:opacity,transform}.reference-shell.reference-shell .project-showcase-track .project-showcase-card[data-active=true]:is(:hover,:focus-visible,:has(:focus-visible)) :is(.project-card-title-link>span:first-child,.project-card-title-text){text-decoration-color:currentColor}.project-showcase .project-showcase-track .project-showcase-card:after{transition:opacity .32s}.project-showcase .project-showcase-track .project-showcase-card .card-title-layer{transition:none;bottom:24px;left:20px;right:20px}.project-showcase .project-showcase-track .project-showcase-card .card-details{-webkit-backdrop-filter:none;backdrop-filter:none}.project-showcase-track .project-showcase-card[inert]{pointer-events:none}@media (max-width:900px){.project-showcase-track{gap:12px}.project-showcase .project-showcase-track .project-showcase-card .card-title-layer{bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.project-showcase-track{transition:none}}@media (max-width:620px){.project-showcase .project-showcase-track .project-showcase-card{height:var(--project-card-height,auto);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:410px;display:grid}.project-showcase .project-showcase-track .project-showcase-card .card-details{grid-row:1;place-self:start end;margin:52px 16px 12px 0;position:relative;inset:auto}.project-showcase .project-showcase-track .project-showcase-card .card-title-layer{grid-row:2;align-self:end;margin:0 16px 16px;position:relative;inset:auto}}