.name__svg{position:relative;margin-top:16px;margin-left:16px;z-index:2}@media only screen and (min-width: 600px){.name__svg{margin-top:2vw;margin-left:2vw}}:root{--background: #A8ECC8;--black: #000000;--secondary: white;--accent: #F64A00;--animation-duration: .4s;--animation-spring: cubic-bezier(.31, 1.49, .48, 1);--animation-soft-spring: cubic-bezier(.2, 1.4, .5, 1);--animation-ease: ease-in-out;--animation-ease-out: cubic-bezier(0, 0, .2, 1)}.popUp{animation:popUp .7s var(--animation-soft-spring) forwards}.popOut{animation:popOut .4s ease-out forwards}.fadeIn{animation:fadeIn var(--animation-duration) var(--animation-ease) forwards}.fadeOut{animation:fadeOut var(--animation-duration) var(--animation-ease) forwards}.remove{display:none}.appear{display:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes popUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes popOut{0%{opacity:1;transform:translateY(0)}40%{opacity:0}to{opacity:0;transform:translateY(60px);visibility:hidden}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;text-decoration:none;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Mondwest;src:url(/assets/Mondwest-Regular-Rl8kqQ8R.woff2) format("woff2"),url(/assets/Mondwest-Regular-B2BzZFyj.woff) format("woff");font-display:swap}@font-face{font-family:Mondwest;src:url(/assets/Mondwest-Bold-CWrEA2Y5.woff2) format("woff2"),url(/assets/Mondwest-Bold-CBEofjA1.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:NeueBit;src:url(/assets/NeueBit-Regular-Lfwp6LN8.woff2) format("woff2"),url(/assets/NeueBit-Regular-sKfB82cP.woff) format("woff");font-display:swap}@font-face{font-family:NeueBit;src:url(/assets/NeueBit-Bold-0qTeiDgn.woff2) format("woff2"),url(/assets/NeueBit-Bold-Wo1yiALN.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Albertus Nova;src:url(/assets/AlbertusNovaRegular-Dm0ug2jN.woff2) format("woff2"),url(/assets/AlbertusNovaRegular-5BLuQ-Yf.woff) format("woff");font-display:swap}@font-face{font-family:Martina Plantijn;src:url(/assets/martina-plantijn-regular-CTs3dLhW.woff2) format("woff2");font-display:swap}@font-face{font-family:Martina Plantijn;src:url(/assets/martina-plantijn-italic-DSrDvQ5F.woff2) format("woff2");font-style:italic;font-display:swap}*{color:var(--black)}h1{font-family:Mondwest,serif;font-size:50px}h2{font-family:Mondwest,serif;font-size:30px}h3{font-family:NeueBit,sans-serif;font-size:24px;letter-spacing:1.5%}h3.serif,h3 .serif{font-family:Mondwest,sans-serif;font-size:20px}a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition-duration:0s;transition-timing-function:ease-in-out}p{font-family:NeueBit,sans-serif;font-size:18px;letter-spacing:2%}#small-title{font-family:NeueBit,sans-serif;font-size:20px;font-weight:700}p.bold{font-weight:700;font-family:Mondwest,serif;font-size:14px}.bold{font-weight:700}a>p{text-decoration:underline}@media only screen and (min-width: 600px){h3{font-family:NeueBit,sans-serif;font-size:30px}h3.serif,h3 .serif{font-family:Mondwest,sans-serif;font-size:24px}p{font-family:NeueBit,sans-serif;font-size:20px}p.bold{font-weight:700;font-family:Mondwest,serif;font-size:16px}}[data-bl]{display:inline-block;color:inherit}@keyframes bubble{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(calc(-.3px * var(--bubble-amp, 0)),calc(-.8px * var(--bubble-amp, 0))) rotate(calc(-.2deg * var(--bubble-amp, 0)))}50%{transform:translate(calc(.4px * var(--bubble-amp, 0)),calc(-.5px * var(--bubble-amp, 0))) rotate(calc(.15deg * var(--bubble-amp, 0)))}75%{transform:translate(calc(-.2px * var(--bubble-amp, 0)),calc(-1px * var(--bubble-amp, 0))) rotate(calc(-.1deg * var(--bubble-amp, 0)))}}.bubbling [data-bl]{animation:bubble 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * -55ms)}.bubbling [data-bl]:nth-child(2n){animation-duration:2.2s}@keyframes bubble-dramatic{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(calc(-.8px * var(--bubble-amp, 0)),calc(-2.5px * var(--bubble-amp, 0))) rotate(calc(-.7deg * var(--bubble-amp, 0)))}50%{transform:translate(calc(1.3px * var(--bubble-amp, 0)),calc(-1.8px * var(--bubble-amp, 0))) rotate(calc(.5deg * var(--bubble-amp, 0)))}75%{transform:translate(calc(-.5px * var(--bubble-amp, 0)),calc(-3px * var(--bubble-amp, 0))) rotate(calc(-.35deg * var(--bubble-amp, 0)))}}.bubble--dramatic.bubbling [data-bl]{animation-name:bubble-dramatic;animation-duration:1.4s}.bubble--dramatic.bubbling [data-bl]:nth-child(2n){animation-duration:1.8s}.bubble--underline [data-bl]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.sticky{position:relative;left:10vw;transform:translateY(-10px);z-index:1;width:247px;height:290px}.sticky__bio{position:absolute;z-index:1;padding:16px}.sticky__bio>h3{margin-bottom:12px}@media only screen and (min-width: 600px){.sticky{width:380px;height:350px;left:22vw;top:-10px}.sticky__bio{position:absolute;z-index:1;padding:24px}}.smallSticky{position:relative;left:6vw;z-index:10;width:124px;transform:translateY(-35vw)}.smallSticky__text{position:absolute;z-index:1;padding:12px}.smallSticky__text__link{font-weight:700;font-family:Mondwest,serif;font-size:16px}.smallSticky__svg{width:124px}@media only screen and (min-width: 760px){.smallSticky{left:5vw;transform:translateY(-134vw)}}.shortcut{width:100px;text-align:center;display:flex;justify-content:center;align-content:center;align-items:center;flex-direction:column;margin-bottom:2em}.shortcut__img{width:48px;height:48px;margin-bottom:2px}.shortcut__link__text{text-decoration:none}.window{cursor:pointer}.window__bar{height:24px;border:1px solid var(--black);transform:translateY(1px);background-color:var(--secondary);text-decoration:none}.window__circles{display:flex;margin:6px 6px 6px 10px}.window__circle{width:10px;height:10px;border-radius:100%;border:1px solid var(--black);margin-right:6px}.window__bar__info{margin-left:4px;transform:translateY(-2.5px);text-decoration:none}.window__image-wrapper{position:relative;border:1px solid var(--black);background-color:var(--background);overflow:hidden}.window__image-wrapper__image{vertical-align:top;clear:both}.colophon{background-color:#484859;padding:28px 14px;margin:0 16px;border:1px solid var(--black);position:relative}.colophon *{color:#fff}.colophon__title,.colophon__group__1{margin-bottom:20px}.colophon__group__1 p.bold,.colophon__group__2 p.bold{margin-bottom:4px}@media only screen and (min-width: 600px){.colophon{width:520px;margin-left:20vw}}.footer a{color:var(--black)}.footer{margin-top:16px;border:1px solid var(--black);background-color:#fff;width:10em;padding:16px;float:right;margin-right:16px;margin-bottom:16px}.footer__links{margin-bottom:1em}.footer__links__title{display:flex;margin-bottom:.2em}.footer__links__title__img{height:1em}.footer__links__title__text{margin-top:2px;margin-left:6px}.footer__note__heart{display:flex}.footer__note__heart__text{margin-top:3px}.footer__note__heart__img{height:1.5em;margin-left:6px}.innerPage__window{width:90vw;position:fixed;left:5vw;height:88vh;background-color:#fff;outline:1px solid var(--black);z-index:201;top:5.5vh;overflow:scroll}.innerPage__background{width:100vw;position:absolute;z-index:111;opacity:40%}.innerPage__window__bar{height:24px;outline:1px solid var(--black);background-color:var(--secondary);text-decoration:none;position:fixed;width:inherit;z-index:1;transition-duration:0s}.innerPage__window__circles{display:flex;margin-left:10px}.innerPage__window__circle{margin-top:6px;width:10px;height:10px;border-radius:100%;border:1px solid var(--black);margin-right:6px;transition:.2s}.innerPage__window__circle__close:hover{background-color:var(--accent);cursor:pointer}.innerPage__window__bar__info{margin-left:4px;margin-top:5px;transform:translateY(-1.5px);text-decoration:none}.innerPage__window__main__text{padding:16px;margin-top:24px}.innerPage__window__main__text__sum{margin-bottom:20px}.innerPage__window__main__text__link__a{color:var(--accent)}.innerPage__window__main__text__link{margin-bottom:20px}.innerPage__window__display{width:inherit;display:flex;flex-direction:column;position:absolute;top:60vh;outline:1px solid var(--black);background:#242424}.innerPage__window__display__img{width:100%;outline:1px solid var(--black);margin-bottom:-3px}.innerPage__back{position:fixed;width:50px;height:50px;background-color:#fff;border-radius:100%;border:1px solid var(--black);z-index:200;bottom:12px;left:12px;cursor:pointer}.innerPage__back__glyph{font-family:NeueBit,sans-serif;font-weight:700;font-size:29px;text-align:center;margin:auto;line-height:175%}@media only screen and (min-width: 600px){.innerPage__window__main{display:flex;flex-direction:row-reverse;height:100%}.innerPage__window__main__text{width:45vw;padding:20px}.innerPage__window__main__text__container{width:calc(45vw - 16px);position:fixed}.innerPage__window__display{width:45vw;position:relative;top:0vw;left:0vw;overflow:scroll;outline:1px solid var(--black);margin-top:24px}}.transparency__mobile,.transparency__desktop{width:100vw}.index{overflow-x:hidden;max-height:min-content;vertical-align:bottom}.index_grid{position:fixed;z-index:1}.index__noise{position:fixed;width:100vw;height:100vh;mix-blend-mode:soft-light}.index__background{background:var(--background);width:100vw;height:100vh;position:fixed}.noScroll{overflow:hidden}.index>*{overflow:hidden}.index__wrapper{margin-bottom:-15vw}.index__wrapper a{text-decoration:none}.index__filter{width:100vw;height:100vh;background:var(--background);position:fixed;z-index:110;mix-blend-mode:lighten}.index__infoShortcuts{position:absolute;top:500px;left:10vw;z-index:2}.index__boygame{position:relative;transform:translate(35vw,-20vw);width:77vw;height:17vw;z-index:10}.index__boygame__wrp{height:17vw}.index__boygame__img{width:77vw}.index__syne{position:relative;margin-left:30vw;transform:translate(25vw,16vw);width:90vw;height:49.7vw;z-index:10}.index__syne__wrp{height:49.7vw}.index__syne__img{width:90vw}.index__voices{position:relative;margin-left:49vw;transform:translate(-6vw,18vw);width:72vw;height:190vw;z-index:10}.index__voices-and-voids__wrp{height:190vw}.index__voices-and-voids__img{width:72vw}.index__cork{position:relative;margin-left:-4vw;transform:translateY(-55vw);width:60vw;height:39vw;z-index:10}.index__cork__wrp{height:39vw}.index__cork__img{width:60vw}.index__cycl{position:relative;margin-left:48vw;transform:translateY(-30vw);width:33vw;height:31vw;z-index:20}.index__cycl__wrp{height:31vw}.index__cycl__img{width:33vw}.index__cloister{position:relative;margin-left:64vw;transform:translateY(-38vw);width:33vw;height:31vw;z-index:20}.index__cloister__wrp{height:31vw}.index__cloister__img{width:33vw}.index__smallSticky{position:relative;transform:translateY(-30vw)}.index__fontShortcuts{position:relative;margin-left:10vw;display:flex;flex-direction:row;transform:translateY(-40vw);z-index:11}.index__type-mirror{position:relative;margin-left:53vw;transform:translateY(-40vw);width:50vw;height:36vw;z-index:10}.index__type-mirror__wrp{height:36vw}.index__type-mirror__img{width:50vw}.index__doodler{position:relative;margin-left:-10vw;transform:translateY(-43vw);width:90vw;height:42vw;z-index:8}.index__doodler__wrp{height:42vw}.index__doodler__img{width:90vw}.index__semaphore{position:relative;transform:translate(33vw,-27vw);width:70vw;height:57vw;z-index:10}.index__semaphore__wrp{height:57vw}.index__semaphore__img{width:70vw}.index__kilotype{position:relative;transform:translate(-10vw,-35vw);width:85vw;height:60vw;z-index:1}.index__kilotype__wrp{height:60vw}.index__kilotype__img{width:85vw}.index__audio-visualizer{position:relative;margin-left:18vw;transform:translateY(-40vw);width:88vw;height:58vw;z-index:100}.index__audio-visualizer__wrp{height:58vw}.index__audio-visualizer__img{width:88vw}.index__colophon,.index__footer{position:relative;z-index:200}.index__bottom{display:flex;justify-content:space-between;align-items:flex-end}.index__cat{z-index:100}.index__cat__img{width:20vw;margin-bottom:-1vw}@media only screen and (min-width: 760px){.index__wrapper{height:calc(650vw + 100px)}}@media only screen and (min-width: 1000px){.index__wrapper{height:calc(300vw + 200px);overflow-y:hidden}.index__infoShortcuts{position:absolute;top:180px;left:70px}.index__boygame{position:relative;transform:translate(36vw,-12vw);width:50vw;height:17vw;z-index:10}.index__boygame__wrp{height:17vw}.index__boygame__img{width:50vw}.index__syne{position:relative;margin-left:60vw;transform:translateY(3vw);width:60vw;height:33.2vw;z-index:100}.index__syne__wrp{height:33.2vw}.index__syne__img{width:60vw}.index__voices{position:relative;margin-left:30vw;transform:translateY(-18vw);width:58vw;height:150vw;z-index:10}.index__voices-and-voids__wrp{height:150vw}.index__voices-and-voids__img{width:58vw}.index__cork{position:relative;margin-left:2vw;transform:translateY(-152vw);width:40vw;height:26vw;z-index:10}.index__cork__wrp{height:26vw}.index__cork__img{width:40vw}.index__cycl{position:relative;margin-left:12vw;transform:translateY(-139vw);width:11vw;height:11vw;z-index:11}.index__cycl__wrp{height:11vw}.index__cycl__img{width:11vw}.index__cloister{position:relative;margin-left:20vw;transform:translateY(-140vw);width:11vw;height:11vw;z-index:10}.index__cloister__wrp{height:11vw}.index__cloister__img{width:11vw}.index__fontShortcuts{margin-left:7vw;transform:translateY(-135vw)}.index__type-mirror{margin-left:14vw;width:24vw;height:18vw;transform:translateY(-127vw)}.index__type-mirror__wrp{height:18vw}.index__type-mirror__img{width:24vw}.index__doodler{position:relative;margin-left:60vw;transform:translateY(-112vw);width:48vw;height:22vw;z-index:10}.index__doodler__wrp{height:22vw}.index__doodler__img{width:48vw}.index__semaphore{position:relative;transform:translate(-3vw,-128vw);width:44vw}.index__semaphore__img{width:44vw}.index__kilotype{position:relative;transform:translate(7vw,-140vw);z-index:150;width:48vw;height:35vw}.index__kilotype__wrp{height:35vw}.index__kilotype__img{width:48vw}.index__audio-visualizer{position:relative;margin-left:51vw;transform:translateY(-196vw);width:45vw;height:31vw}.index__audio-visualizer__wrp{height:31vw}.index__audio-visualizer__img{width:45vw}.index__colophon{position:relative;z-index:200}.index__cat__img{width:8vw;margin-bottom:-1vw}}@media only screen and (min-width: 1500px){.index__wrapper{height:calc(290vw + 100px)}}.projects{--color-border: #DCDCDC;--color-border-hover: #58DAAB;--color-description: #666;--color-hover: #F1F6F4;--letter-spacing: .015em;padding:40px 24px;max-width:625px}.projects__sound-toggle{position:fixed;top:24px;right:24px;display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;color:var(--black);z-index:100}.projects__sound-toggle[data-playing=false]{background:linear-gradient(70deg,#000 45%,#58daab,#000 55%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sound-shimmer 2s linear infinite}@keyframes sound-shimmer{0%{background-position:100% 0}to{background-position:0% 0}}.projects__sound-toggle .material-symbols-sharp{font-family:Material Symbols Sharp;font-size:18px;font-variation-settings:"wght" 100}.projects h1{font-family:Albertus Nova,serif;font-size:40px;letter-spacing:-.02em}.projects h2{font-family:Albertus Nova,serif;font-size:18px}.projects p,.projects button,.projects span{font-family:Martina Plantijn,serif;letter-spacing:var(--letter-spacing);font-size:14px}.projects__header{margin-bottom:48px}.projects__title{line-height:1;margin-bottom:8px}.projects__subtitle{color:var(--color-description)}.projects__filters{margin-bottom:48px;display:flex;flex-wrap:wrap;gap:4px 4px;align-items:baseline;line-height:1.8}.projects__filters-label{color:var(--color-description);padding:0 4px}.projects__filters-label:first-child{padding-left:0}.projects__filter-tag{cursor:pointer;background:none;border:1px solid var(--color-border);border-radius:100px;padding:2px 6px;text-decoration:none;line-height:1}.projects__filter-tag:hover:not(.projects__filter-tag--active){background:var(--color-hover)}.projects__filter-tag--active{background:var(--black);color:var(--secondary);border-color:var(--black)}.projects__section{margin-bottom:48px}.projects__section-title{padding-bottom:8px;padding-top:12px;margin-bottom:4px}.projects__item-link{display:contents}.projects__item-link .projects__item-name,.projects__item-link .projects__item-description{text-decoration:none;color:var(--color-description)}.projects__item-link .projects__item-description{color:var(--color-description)}.projects__item{display:flex;flex-direction:column;gap:8px 0;padding:16px 0;border-bottom:.5px solid var(--color-border);position:relative;transition:border-color .2s ease}.projects__item:hover,.projects__item:has(+.projects__item:hover){border-image:linear-gradient(to right,var(--color-border-hover),50%,var(--color-border)) 1}.projects__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--color-hover),50%,var(--secondary));width:0;z-index:-1;transition:width var(--leave-duration, 2.1s) var(--animation-ease-out)}.projects__item:hover:before{width:100%;transition:width .3s var(--animation-ease-out)}.projects__section .projects__item:first-of-type:before{background:radial-gradient(100% 100% at 0% 100%,var(--color-hover) 0%,var(--secondary) 100%)}.projects__section .projects__item:last-of-type:before{background:radial-gradient(100% 100% at 0% 0%,var(--color-hover) 0%,var(--secondary) 100%)}.projects__item>*{position:relative;z-index:1}.projects__item:last-child{border-bottom:none}.projects__item-description>[data-bl]{color:var(--color-description)}.projects__item-description{color:var(--color-description);padding-bottom:2px}.projects__item-arrow{display:inline-block;padding-left:8px;opacity:0;transform:translate(-8px);transition:opacity .2s ease,transform .2s ease;color:#1a9165}.projects__item:hover .projects__item-arrow{opacity:1;transform:translate(0)}.projects__item-tags{display:flex;gap:6px}.projects__preview{display:none}@media (min-width: 640px){.projects__preview{display:block;position:fixed;bottom:0;right:5%;width:320px;background:var(--color-hover);border:1px solid var(--color-border);z-index:50;padding:0 10px 10px;border-radius:10px 10px 0 0}}.projects__preview-bar{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;gap:0px}.projects__preview-url{color:var(--color-description)}.projects__preview-image{height:200px;background:#fff;overflow:hidden;border-radius:8px;border:1px solid var(--color-border)}.projects__preview-image img{width:100%;height:100%;object-fit:cover;object-position:top}@media (min-width: 760px){.projects{padding:80px 80px 240px}.projects h1{font-size:72px}.projects__item{flex-direction:row;gap:0 8px;align-items:baseline}.projects__item-name{min-width:180px;flex:1}.projects__item-description{flex:2;padding-bottom:0}.projects__item-tags{margin-left:auto}}@media (min-width: 1100px){.projects{padding:80px 160px 160px}}.landscape{position:absolute;top:0;width:100vw;height:100vh;background-color:var(--background)}.landscape__sky{position:relative;width:100vw;height:80vh;background:linear-gradient(180deg,#a3e3c100,#fff59a);border-bottom:1px solid var(--black)}.landscape__404{position:absolute;bottom:0;left:40vw;background-color:var(--secondary);padding:12px 18px;display:flex;justify-content:center;align-items:center;align-content:center;outline:1px solid var(--black)}.landscape__info{position:absolute;bottom:0;left:64vw;background-color:var(--secondary);padding:10px 14px;display:flex;justify-content:center;align-items:center;align-content:center;outline:1px solid var(--black)}.landscape__ground{width:100vw;height:20vh;background:linear-gradient(180deg,#d6b7c4,#e6d495)}