@import "https://fonts.googleapis.com/css2?family=Nunito:wght@200..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Mr+Dafoe&display=swap";@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Geo:ital@0;1&display=swap";html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}:root{--border-radiuses-sm:.4rem;--border-radiuses-md:.8rem;--border-radiuses-lg:1.2rem;--border-radiuses-xl:2rem;--border-radiuses-full:9999px;--font-sizes-xxs:.54rem;--font-sizes-xs:.8rem;--font-sizes-sm:1rem;--font-sizes-md:1.25rem;--font-sizes-lg:1.563rem;--font-sizes-xl:1.953rem;--font-sizes-xxl:2.041rem;--font-weights-normal:400;--font-weights-semibold:650;--font-weights-bold:700;--transitions-fast:.1s ease-in-out;--colors-gray:#4d4d4d;--colors-badge:#d7552d;--colors-black:oklch(0% 0 0);--colors-white:oklch(100% 0 0);--colors-none:#0000;--colors-error:oklch(56.527% .15932 23.694);--colors-success:oklch(49.301% .13649 143.877);--colors-warning:oklch(53.098% .09609 105.573);--colors-heart:#bf4040;--colors-heart-transparent:#bf404033;--colors-1st-elevation:9%;--colors-2nd-elevation:20%;--colors-3rd-elevation:50%;--colors-body:oklch(92% 0 0);--colors-body-level-1:color-mix(in oklch, var(--colors-body), var(--colors-white) var(--colors-2nd-elevation));--colors-body-level-2:color-mix(in oklch, var(--colors-body), var(--colors-white) var(--colors-3rd-elevation));--colors-body-level-3:color-mix(in oklab, var(--colors-body), var(--colors-white) 75%);--colors-secondary:oklch(73% .12 68.69);--colors-primary:oklch(57.8% .16305 266.504);--colors-note:oklch(86.589% .05914 86.507);--mix-shading:oklch(100% 0 0);--border-mix-shading:oklch(0% 0 0);--border-strength-1:15%;--border-strength-2:30%;--border-strength-3:40%;--border-strength-4:60%;--border-strength-5:70%;--border-strength-6:80%;--border-strength-7:100%;--elevation-strength-1:30%;--elevation-strength-2:50%;--elevation-strength-3:70%;--elevation-strength-4:90%;--elevation-strength-5:97%;--base-lightness:.87;--base-saturation:.02;--colors-elevation-0:oklch(from var(--colors-primary) var(--base-lightness) var(--base-saturation) h);--colors-elevation-1:color-mix(in oklab, var(--colors-elevation-0), var(--border-mix-shading) var(--elevation-strength-1));--colors-elevation-2:color-mix(in oklab, var(--colors-elevation-0), var(--mix-shading) var(--elevation-strength-2));--colors-elevation-3:color-mix(in oklab, var(--colors-elevation-0), var(--mix-shading) var(--elevation-strength-3));--colors-elevation-4:color-mix(in oklch, var(--colors-primary), var(--mix-shading) var(--elevation-strength-4));--colors-elevation-5:color-mix(in oklch, var(--colors-primary), var(--mix-shading) var(--elevation-strength-5));--colors-text:oklch(from var(--colors-primary) .15 0 h);--colors-text-light:oklch(from var(--colors-primary) .5 .02 h);--shadows-xs:0px 0px 5px 0px color-mix(in oklch, var(--colors-text) 13%, transparent);--shadows-xs-light:0px 0px 10px 0px oklch(0% none none/.15);--shadows-sm:0px 0px 20px 0px color-mix(in oklch, var(--colors-text) 18%, transparent);--shadows-sm-light:0px 0px 20px 0px oklch(0% none none/.3)}html[data-theme=dark]{--colors-primary:oklch(57.8% .16305 266.504);--colors-secondary:oklch(56.513% .16524 348.461);--colors-black:oklch(100% 0 0);--colors-white:oklch(0% 0 0);--font-weights-normal:300;--font-weights-semi:500;--font-weights-bold:700;--mix-shading:oklch(100% 0 0);--border-mix-shading:oklch(100% 0 0);--border-strength-0:0%;--border-strength-1:7%;--border-strength-2:20%;--border-strength-3:30%;--border-strength-4:50%;--elevation-strength-1:3%;--elevation-strength-2:6%;--elevation-strength-3:8%;--elevation-strength-4:10%;--elevation-strength-5:12%;--base-lightness:.18;--colors-elevation-0:oklch(from var(--colors-primary) var(--base-lightness) .02 h);--colors-elevation-1:color-mix(in oklch, var(--colors-elevation-0), var(--mix-shading) var(--elevation-strength-1));--colors-elevation-2:color-mix(in oklch, var(--colors-elevation-0), var(--mix-shading) var(--elevation-strength-2));--colors-elevation-3:color-mix(in oklch, var(--colors-elevation-0), var(--mix-shading) var(--elevation-strength-3));--colors-elevation-4:color-mix(in oklch, var(--colors-elevation-0), var(--mix-shading) var(--elevation-strength-4));--colors-elevation-5:color-mix(in oklch, var(--colors-elevation-0), var(--mix-shading) var(--elevation-strength-5));--colors-text:oklch(from var(--colors-primary) .95 .03 h);--colors-text-light:oklch(from var(--colors-primary) .8 .05 h);--shadows-xs:0px 0px 10px 0px oklch(0% none none/.15);--shadows-xs-light:0px 0px 10px 0px oklch(100% 5.96046e-8 none/.15);--shadows-sm:0px 0px 20px 0px oklch(0% none none/.3);--shadows-sm-light:0px 0px 20px 0px oklch(100% 5.96046e-8 none/.3)}.mr-dafoe-regular{font-family:Mr Dafoe,cursive;font-style:normal;font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:before,:after{box-sizing:border-box;color:var(--colors-text)}html{background-color:var(--colors-elevation-0);scrollbar-gutter:stable ;font-size:16px;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--colors-elevation-0);transition:var(--colors-animation);--site-width:75rem;min-height:100vh;margin:0;padding:0;font-family:Nunito,sans-serif;container:body/inline-size}b{font-weight:var(--font-weights-bold)}p{-webkit-hyphens:auto;hyphens:auto;max-width:40rem;line-height:1.5;font-weight:var(--font-weights-normal);font-size:var(--font-sizes-sm);color:var(--colors-text);line-break:loose;margin:0 0 1rem;padding:0}h1,h2,h3,h4,h5 h6{color:var(--colors-text);margin:.75em 0 .5em}h1{font-size:var(--font-sizes-xxl)}h2{font-size:var(--font-sizes-xl)}h3{font-size:var(--font-sizes-lg)}h4{font-size:var(--font-sizes-md)}h5{font-size:var(--font-sizes-sm)}button{border:0;margin:0;padding:0}button:hover{cursor:pointer}#portal-root{z-index:999;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.h-padding{padding-left:.5rem!important;padding-right:.5rem!important}.view-title{color:var(--colors-text);background-color:var(--colors-elevation-2);box-shadow:var(--shadows-xs);border-radius:var(--border-radiuses-sm);border:1px solid color-mix(in oklch, var(--colors-elevation-2), var(--border-mix-shading) var(--border-strength-1));text-wrap:pretty;width:fit-content;max-width:100%;margin-top:0;padding:.5rem 1.3rem .5rem 1.6rem;position:relative}.view-title.no-bg{background-color:none;box-shadow:none;background:0 0;border:none;margin:0;padding-left:1rem}.view-title.no-bg:before{left:0}.view-title:before{content:"";background-color:var(--colors-primary);border-radius:var(--border-radiuses-sm);width:5px;position:absolute;top:.35em;bottom:.35em;left:.7rem}.waves-pattern{background-image:url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23000000' fill-opacity='0.09' fill-rule='evenodd'/%3E%3C/svg%3E")}.section-content{width:100%;max-width:var(--site-width);margin:0 auto}:root{--navbar-height:5rem}.reveal{--delay:0s;--speed:2s;--y-from:3rem;--opacity-from:0;--opacity-to:1;opacity:0;will-change:opacity, transform;animation:revealUp var(--speed) cubic-bezier(.16, 1, .3, 1) var(--delay) forwards;transform:translateY(20px)}@keyframes revealUp{0%{opacity:var(--opacity-from);transform:translateY(var(--y-from))}to{opacity:var(--opacity-to);transform:translateY(0)}}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity 1.6s ease-out .2s,transform .6s ease-out .2s;transform:scale(.97)}.reveal-on-scroll.is-visible{opacity:1;transform:scale(1)}.offsite-link{position:relative}.offsite-link:after{content:"↗";font-size:inherit;position:absolute;top:-.3em;right:-1em}.center-horizontally{justify-content:center;width:100%;display:flex}.space-on-mobile{height:0}p:lang(fi){-webkit-hyphens:auto;hyphens:auto;text-align:justify}@media (width<=768px){:root{--navbar-height:3.5rem}.space-on-mobile{height:4rem}}::view-transition-group(*){animation-duration:.15s}::view-transition-group(.project-morph){z-index:9998;animation-duration:.26s!important;animation-timing-function:ease-in-out!important}::view-transition-old(.project-title){mix-blend-mode:normal;transform-origin:0 0;width:100%;height:100%}::view-transition-new(.project-title){mix-blend-mode:normal;transform-origin:0 0;width:100%;height:100%}::view-transition-old(.project-desc){mix-blend-mode:normal;width:max-content;height:auto}::view-transition-new(.project-desc){mix-blend-mode:normal;width:max-content;height:auto}::view-transition-old(.project-bg){mix-blend-mode:normal;object-fit:fill;background-color:var(--colors-elevation-2);border-radius:var(--border-radiuses-lg);width:100%;height:100%}::view-transition-new(.project-bg){mix-blend-mode:normal;object-fit:fill;background-color:var(--colors-elevation-2);border-radius:var(--border-radiuses-lg);width:100%;height:100%}::view-transition-group(.project-img){border-top-left-radius:var(--border-radiuses-lg);border-top-right-radius:var(--border-radiuses-lg);overflow:hidden}::view-transition-old(.project-img){border-top-left-radius:var(--border-radiuses-lg);border-top-right-radius:var(--border-radiuses-lg);overflow:hidden}::view-transition-new(.project-img){border-top-left-radius:var(--border-radiuses-lg);border-top-right-radius:var(--border-radiuses-lg);overflow:hidden}::view-transition-old(.project-tags){mix-blend-mode:normal;width:max-content;height:auto}::view-transition-new(.project-tags){mix-blend-mode:normal;width:max-content;height:auto}::view-transition-old(.navbar){z-index:9999!important}::view-transition-new(.navbar){z-index:9999!important}::view-transition-group(.project-morph2){z-index:9999;animation-duration:.26s!important;animation-timing-function:ease-in-out!important}.navbar.svelte-rfuq4y{z-index:100;color:var(--colors-text);height:var(--navbar-height);background-color:color-mix(in oklch, var(--colors-elevation-0), transparent 0%);view-transition-name:navbar;view-transition-class:project-morph2 navbar;z-index:9999;align-items:center;width:100%;margin-bottom:3rem;display:flex;position:sticky;top:0}.nav-container.svelte-rfuq4y{max-width:var(--site-width);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 1rem;display:flex}.brand.svelte-rfuq4y{font-size:var(--font-sizes-sm);font-weight:var(--font-weights-bold);color:inherit;text-transform:uppercase;align-items:center;gap:1rem;text-decoration:none;display:inline-flex}.nav-links.svelte-rfuq4y{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-links.svelte-rfuq4y a:where(.svelte-rfuq4y){color:inherit;font-weight:var(--font-weights-bold);text-decoration:none;transition:color .2s}.nav-links.svelte-rfuq4y a:where(.svelte-rfuq4y):hover,.nav-links.svelte-rfuq4y a.active:where(.svelte-rfuq4y){color:var(--colors-primary)}.nav-links.svelte-rfuq4y a.active:where(.svelte-rfuq4y){text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.hamburger.svelte-rfuq4y{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:1.75rem;height:1.25rem;padding:0;display:none}.bar.svelte-rfuq4y{background-color:var(--colors-text);width:100%;height:2px;transition:all .3s}@media (width<=768px){.navbar.svelte-rfuq4y{z-index:10000;margin-bottom:0}.hamburger.svelte-rfuq4y{display:flex}.nav-links.svelte-rfuq4y{background-color:var(--colors-elevation-2);border-top:1px solid color-mix(in oklch, var(--colors-elevation-2), var(--border-mix-shading) var(--border-strength-2));flex-direction:column;gap:1rem;height:calc(100vh - 5rem);padding:1.5rem;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.open.svelte-rfuq4y{display:flex}.buttons.svelte-rfuq4y{justify-content:flex-end!important}}.buttons.svelte-rfuq4y{flex:1;justify-content:flex-start;padding:0 1rem;display:flex}.theme-button.svelte-rfuq4y{cursor:pointer;border-radius:var(--border-radiuses-sm);border:1px solid color-mix(in oklab, var(--colors-secondary), var(--border-mix-shading));background:color-mix(in oklab, var(--colors-secondary) 30%, var(--colors-elevation-0));color:var(--colors-text);justify-content:center;align-items:center;padding:.5rem;display:flex}