svg.svelte-1ijd577 path.svelte-1ijd577{stroke:none}svg.svelte-97q8at{stroke:var(--text-color)}header.svelte-oh6l5s.svelte-oh6l5s.svelte-oh6l5s{position:fixed;top:0;left:0;width:100%;padding:9px var(--side-margin);z-index:10}header.svelte-oh6l5s nav ul.svelte-oh6l5s.svelte-oh6l5s{display:flex}header.svelte-oh6l5s nav ul.svelte-oh6l5s>div.svelte-oh6l5s{display:flex;gap:calc(var(--gutter) * 2)}header.svelte-oh6l5s nav ul li.svelte-oh6l5s.svelte-oh6l5s,header.svelte-oh6l5s nav ul button.svelte-oh6l5s.svelte-oh6l5s{position:relative;text-transform:uppercase;line-height:1;cursor:pointer;transition:.35s cubic-bezier(.65,0,.35,1) opacity}header.svelte-oh6l5s nav ul li.svelte-oh6l5s.svelte-oh6l5s:hover,header.svelte-oh6l5s nav ul button.svelte-oh6l5s.svelte-oh6l5s:hover{opacity:.4}header.svelte-oh6l5s nav ul li.svelte-oh6l5s.svelte-oh6l5s:before,header.svelte-oh6l5s nav ul button.svelte-oh6l5s.svelte-oh6l5s:before{content:"";position:absolute;left:-5px;top:50%;transform:translate(-100%,calc(-50% - .75px));width:4px;height:4px;border-radius:50%;border:1px solid var(--text-color);opacity:0;transition:.35s cubic-bezier(.65,0,.35,1) opacity}header.svelte-oh6l5s nav ul li.active.svelte-oh6l5s.svelte-oh6l5s,header.svelte-oh6l5s nav ul button.active.svelte-oh6l5s.svelte-oh6l5s{opacity:.4}header.svelte-oh6l5s nav ul li.active.svelte-oh6l5s.svelte-oh6l5s:before,header.svelte-oh6l5s nav ul button.active.svelte-oh6l5s.svelte-oh6l5s:before{opacity:1}header.svelte-oh6l5s nav ul .nav-links.svelte-oh6l5s.svelte-oh6l5s{position:fixed;left:calc(var(--side-margin) + ((var(--grid) * 1) + (var(--gutter) * 1)))}@media (width <= 1080px){header.svelte-oh6l5s nav ul .nav-links.svelte-oh6l5s.svelte-oh6l5s{left:calc(var(--side-margin) + ((var(--grid) * 3) + (var(--gutter) * 3)))}}@media (width <= 640px){header.svelte-oh6l5s nav ul .nav-links.svelte-oh6l5s.svelte-oh6l5s{left:calc(var(--side-margin) + ((var(--grid) * 4) + (var(--gutter) * 4)))}}header.svelte-oh6l5s nav ul .filter-menu.svelte-oh6l5s.svelte-oh6l5s,header.svelte-oh6l5s nav ul .about-clock.svelte-oh6l5s.svelte-oh6l5s{display:flex;gap:calc(var(--gutter) * 2);position:fixed;left:calc(var(--side-margin) + ((var(--grid) * 3) + (var(--gutter) * 3)))}@media (width <= 1080px){header.svelte-oh6l5s nav ul .filter-menu.svelte-oh6l5s.svelte-oh6l5s,header.svelte-oh6l5s nav ul .about-clock.svelte-oh6l5s.svelte-oh6l5s{left:auto;top:auto;bottom:var(--side-margin);right:var(--side-margin)}}header.svelte-oh6l5s nav ul .credits-mobile.svelte-oh6l5s.svelte-oh6l5s{position:fixed;left:var(--side-margin);bottom:var(--side-margin);display:none;line-height:1}header.svelte-oh6l5s nav ul .credits-mobile span.svelte-oh6l5s.svelte-oh6l5s,header.svelte-oh6l5s nav ul .credits-mobile a.svelte-oh6l5s.svelte-oh6l5s{line-height:1}@media (width <= 1080px){header.svelte-oh6l5s nav ul .credits-mobile.svelte-oh6l5s.svelte-oh6l5s{display:block}}header.svelte-oh6l5s nav ul .about-clock.svelte-oh6l5s.svelte-oh6l5s{line-height:1;transition:.3s ease-in-out opacity;transition-delay:.15s}header.svelte-oh6l5s nav ul .about-clock.show.svelte-oh6l5s.svelte-oh6l5s{transition-delay:.65s}header.svelte-oh6l5s nav ul .about-clock.hide.svelte-oh6l5s.svelte-oh6l5s{opacity:0;pointer-events:none}header.svelte-oh6l5s nav ul .filter-menu.svelte-oh6l5s.svelte-oh6l5s{transition:.3s ease-in-out opacity;transition-delay:.15s}header.svelte-oh6l5s nav ul .filter-menu.show.svelte-oh6l5s.svelte-oh6l5s{transition-delay:.65s}header.svelte-oh6l5s nav ul .filter-menu.hide.svelte-oh6l5s.svelte-oh6l5s{opacity:0}@media (width <= 1080px){header.svelte-oh6l5s nav ul .filter-menu.svelte-oh6l5s.svelte-oh6l5s{left:auto;top:0;right:0;flex-direction:column;text-align:right;padding:47px var(--side-margin) 85px;background:linear-gradient(180deg,#fff 39%,#fff0);width:100%;z-index:-1;gap:12px;height:max-content;opacity:0;pointer-events:none;transition-delay:0s!important}header.svelte-oh6l5s nav ul .filter-menu.show-mobile.svelte-oh6l5s.svelte-oh6l5s{opacity:1;pointer-events:auto}header.svelte-oh6l5s nav ul .filter-menu li.svelte-oh6l5s.svelte-oh6l5s:before,header.svelte-oh6l5s nav ul .filter-menu button.svelte-oh6l5s.svelte-oh6l5s:before{display:none}}header.svelte-oh6l5s nav ul .view-menu.svelte-oh6l5s.svelte-oh6l5s{display:flex;gap:calc(var(--gutter) * 2);position:fixed;left:calc(var(--side-margin) + ((var(--grid) * 7) + (var(--gutter) * 7)));transition:.3s ease-in-out opacity;transition-delay:.15s}header.svelte-oh6l5s nav ul .view-menu.show.svelte-oh6l5s.svelte-oh6l5s{transition-delay:.65s}header.svelte-oh6l5s nav ul .view-menu.hide.svelte-oh6l5s.svelte-oh6l5s{opacity:0}@media (width <= 1080px){header.svelte-oh6l5s nav ul .view-menu.svelte-oh6l5s.svelte-oh6l5s{display:none}}header.svelte-oh6l5s nav ul .icon-menu.svelte-oh6l5s.svelte-oh6l5s{position:fixed;top:5px;transform:translateY(1px);right:var(--side-margin);display:flex;gap:12px;align-items:center}header.svelte-oh6l5s nav ul .icon-menu .icon-menu-mobile.svelte-oh6l5s.svelte-oh6l5s{display:none;transition-delay:.15s}header.svelte-oh6l5s nav ul .icon-menu .icon-menu-mobile.show.svelte-oh6l5s.svelte-oh6l5s{transition-delay:.65s}header.svelte-oh6l5s nav ul .icon-menu .icon-menu-mobile.hide.svelte-oh6l5s.svelte-oh6l5s{opacity:0}@media (width <= 1080px){header.svelte-oh6l5s nav ul .icon-menu .icon-menu-mobile.svelte-oh6l5s.svelte-oh6l5s{display:block}header.svelte-oh6l5s nav ul .icon-menu .icon-menu-mobile.active.svelte-oh6l5s.svelte-oh6l5s{opacity:.4}header.svelte-oh6l5s nav ul .icon-menu .icon-menu-mobile.active.svelte-oh6l5s.svelte-oh6l5s:before{display:none}}header.svelte-oh6l5s .nav-gradient.svelte-oh6l5s.svelte-oh6l5s{position:absolute;top:0;left:0;width:100%;height:70px;background:var(--gradient);z-index:-1;pointer-events:none}@media (width <= 1080px){.dark-theme .filter-menu.svelte-oh6l5s.svelte-oh6l5s.svelte-oh6l5s{background:linear-gradient(180deg,#1c1c1c 39%,#1c1c1c00)}}.dark-theme .icon-menu-mobile.svelte-oh6l5s svg path.svelte-oh6l5s.svelte-oh6l5s,.dark-theme .icon-menu-mobile.svelte-oh6l5s svg rect.svelte-oh6l5s.svelte-oh6l5s{stroke:#fff}.dark-theme .icon-menu-mobile.svelte-oh6l5s svg rect.has-fill.svelte-oh6l5s.svelte-oh6l5s{fill:var(--color-black)}.dev-grid.svelte-bzyvg5.svelte-bzyvg5.svelte-bzyvg5{bottom:0;pointer-events:none;position:fixed;right:0;top:0;width:100%;z-index:1000}.dev-grid.svelte-bzyvg5 .c.svelte-bzyvg5.svelte-bzyvg5{width:100%;padding:0 var(--side-margin)}.dev-grid.svelte-bzyvg5 ul.svelte-bzyvg5.svelte-bzyvg5{display:flex;height:100%}.dev-grid.svelte-bzyvg5 li.svelte-bzyvg5.svelte-bzyvg5{background:red;flex:1;height:100%;opacity:.3;width:calc(var(--grid) * 1)}.dev-grid.svelte-bzyvg5 li.svelte-bzyvg5+li.svelte-bzyvg5{margin-left:var(--gutter)}.dev-grid.svelte-bzyvg5 li.svelte-bzyvg5.svelte-bzyvg5:nth-child(1){display:block}.splash.svelte-1tozrm7{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;--csstools-color-scheme--dark: ;color-scheme:dark light;-moz-tab-size:2;tab-size:2}@media (prefers-color-scheme: dark){:where(html){--csstools-color-scheme--dark: initial}}@media (prefers-reduced-motion: no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(button){all:unset}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg,video){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem);text-wrap:balance}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:3px solid CanvasText;box-shadow:0 0 0 5px Canvas;outline-offset:1px}:where(:focus-visible,:target){scroll-margin-block:8vh}:where(.visually-hidden:not(:focus-within):not(:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}@font-face{font-family:ABCDIA;font-style:normal;font-weight:400;font-display:swap;src:url(./ABCDiatype-Regular.DBJT768p.woff2) format("woff2")}:root{--font-body: "ABCDIA", "Helvetica", "Arial", sans-serif;--color-primary: rgb(0, 56, 130);--color-accent: rgb(255, 216, 76);--color-neutral: rgb(61, 58, 66);--color-black: #1c1c1c;--color-white: #ffffff;--color-grey-light: #d9d9d9;--color-grey-dark: #838383;--gradient-white: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);--gradient-black: linear-gradient(180deg, #1c1c1c 0%, rgba(255, 255, 255, 0) 100%);--desktop-columns: 10;--mobile-columns: 6;--bg-color: var(--color-white);--text-color: var(--color-black);--gradient: var(--gradient-white);--hide-color: var(--color-grey-light);--side-margin: 16px;--side-margin-xs: 8px;--gutter: 12px;--gutter-xs: 8px;--pagewidth: 0px;--grid: calc(var(--pagewidth) - var(--side-margin) * 2 - (var(--gutter) * 9)) / 10;--grid-xs: calc(var(--pagewidth) - var(--side-margin) * 2 - (var(--gutter) * 3)) / 4}@supports (color: color(display-p3 0 0 0%)){:root{--color-primary: rgb(0, 56, 129);--color-accent: rgb(255, 216, 75)}@media (color-gamut: p3){:root{--color-primary: color(display-p3 0 .19624 .54823);--color-accent: color(display-p3 1 .84795 .24474)}}}.dark-theme{--bg-color: var(--color-black);--text-color: var(--color-white);--gradient: var(--gradient-black);--hide-color: var(--color-grey-dark)}*{outline:none}:focus-visible{box-shadow:0 0 0 0 Canvas}body{font-family:var(--font-body);font-size:10px;line-height:1.35;background-color:var(--bg-color);color:var(--text-color)}:is(h1,h2,h3,h4,h5,h6){font-weight:400;font-size:10px}a{-webkit-text-decoration:none;text-decoration:none;color:inherit}.projects-wrap.view-overview button.hide{opacity:.3}.empty{position:absolute;top:0;z-index:1;height:100%;width:100%;background-color:var(--hide-color);opacity:0;pointer-events:none;transition:.35s cubic-bezier(.65,0,.35,1) opacity}.empty:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;background:linear-gradient(90deg,var(--text-color) 50%,transparent 50%),linear-gradient(90deg,var(--text-color) 50%,transparent 50%),linear-gradient(0deg,var(--text-color) 50%,transparent 50%),linear-gradient(0deg,var(--text-color) 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:4px 1px,4px 1px,1px 4px,1px 4px;background-position:0px 0px,100% 100%,0px 100%,100% 0px}@media screen and (min-width: 600px){.casestudy-wrap>.component-wrap:nth-child(8n+1){margin-left:0}.casestudy-wrap>.component-wrap:nth-child(8n+2){margin-left:calc(var(--grid) * 1 + var(--gutter) * 1)}.casestudy-wrap>.component-wrap:nth-child(8n+3){margin-left:calc(var(--grid) * 2 + var(--gutter) * 2)}.casestudy-wrap>.component-wrap:nth-child(8n+4){margin-left:calc(var(--grid) * 3 + var(--gutter) * 3)}.casestudy-wrap>.component-wrap:nth-child(8n+5){margin-left:calc(var(--grid) * 4 + var(--gutter) * 4)}.casestudy-wrap>.component-wrap:nth-child(8n+6){margin-left:calc(var(--grid) * 3 + var(--gutter) * 3)}.casestudy-wrap>.component-wrap:nth-child(8n+7){margin-left:calc(var(--grid) * 2 + var(--gutter) * 2)}.casestudy-wrap>.component-wrap:nth-child(8n+8){margin-left:calc(var(--grid) * 1 + var(--gutter) * 1)}}@keyframes border-dance{0%{background-position:0px 0px,100% 100%,0px 100%,100% 0px}to{background-position:100% 0px,0px 100%,0px 0px,100% 100%}}@media (width <= 640px){:root{--side-margin: var(--side-margin-xs);--gutter: var(--gutter-xs)}}main.padding.svelte-52w6ia{padding-top:80px}.fake-line.svelte-52w6ia{position:fixed;top:0;width:1px;height:100%;background-color:var(--text-color);opacity:.05}.fake-line.fl-0.svelte-52w6ia{left:var(--side-margin)}.fake-line.fl-1.svelte-52w6ia{left:calc(var(--side-margin) + ((var(--grid) * 3) + (var(--gutter) * 3)))}@media (width <= 640px){.fake-line.fl-1.svelte-52w6ia{display:none}}.fake-line.fl-2.svelte-52w6ia{right:var(--side-margin)}