@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(Inter-Medium.275a3474.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url(Inter-MediumItalic.a2ebbdce.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(Inter-Bold.ff33b6b2.woff2)format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(Inter-BoldItalic.67e04f74.woff2)format("woff2")}:root{--bkg-color:#fff;--txt-color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}*{-webkit-user-select:none;user-select:none}html,body{background-color:var(--bkg-color);color:var(--txt-color);margin:0;padding:0;overflow-x:hidden}#container{width:calc(100% - 92px);max-width:450px;min-height:calc(100vh - 67px);position:relative;top:30px;left:46px}#small-info{text-align:left;width:450px;height:67px;font-size:14px;font-weight:700;line-height:1.3;position:relative;bottom:0;left:46px}#intro{letter-spacing:-.2px;word-spacing:-1px;margin-bottom:120px;font-size:24px;font-weight:700;line-height:1.5}#intro a{color:inherit;cursor:pointer;-webkit-text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color);text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color)}#intro a:hover{-webkit-text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color);text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color)}#intro #hello{cursor:pointer}#intro #hello.glitch:after,#intro #hello.glitch:before{animation-play-state:running}#intro #hello:hover:after,#intro #hello:hover:before{animation-play-state:running}@keyframes noise-anim{0%{clip:rect(78px,9999px,36px,0)}5%{clip:rect(85px,9999px,53px,0)}10%{clip:rect(75px,9999px,26px,0)}15%{clip:rect(95px,9999px,62px,0)}20%{clip:rect(99px,9999px,9px,0)}25%{clip:rect(9px,9999px,3px,0)}30%{clip:rect(10px,9999px,87px,0)}35%{clip:rect(77px,9999px,4px,0)}40%{clip:rect(65px,9999px,20px,0)}45%{clip:rect(11px,9999px,68px,0)}50%{clip:rect(38px,9999px,35px,0)}55%{clip:rect(74px,9999px,48px,0)}60%{clip:rect(100px,9999px,7px,0)}65%{clip:rect(89px,9999px,29px,0)}70%{clip:rect(64px,9999px,32px,0)}75%{clip:rect(54px,9999px,41px,0)}80%{clip:rect(22px,9999px,59px,0)}85%{clip:rect(8px,9999px,82px,0)}90%{clip:rect(54px,9999px,22px,0)}95%{clip:rect(66px,9999px,90px,0)}to{clip:rect(37px,9999px,18px,0)}}#intro #hello:after{content:attr(data-text);text-shadow:-1px 0 red;color:var(--txt-color);background:var(--bkg-color);clip:rect(0,900px,0,0);animation:2s linear infinite alternate-reverse paused noise-anim;position:absolute;top:0;left:2px;overflow:hidden}@keyframes noise-anim-2{0%{clip:rect(80px,9999px,68px,0)}5%{clip:rect(24px,9999px,35px,0)}10%{clip:rect(35px,9999px,83px,0)}15%{clip:rect(49px,9999px,73px,0)}20%{clip:rect(82px,9999px,90px,0)}25%{clip:rect(99px,9999px,67px,0)}30%{clip:rect(90px,9999px,56px,0)}35%{clip:rect(78px,9999px,99px,0)}40%{clip:rect(99px,9999px,18px,0)}45%{clip:rect(65px,9999px,72px,0)}50%{clip:rect(30px,9999px,12px,0)}55%{clip:rect(67px,9999px,23px,0)}60%{clip:rect(79px,9999px,87px,0)}65%{clip:rect(95px,9999px,12px,0)}70%{clip:rect(47px,9999px,80px,0)}75%{clip:rect(27px,9999px,28px,0)}80%{clip:rect(67px,9999px,66px,0)}85%{clip:rect(53px,9999px,90px,0)}90%{clip:rect(7px,9999px,51px,0)}95%{clip:rect(50px,9999px,25px,0)}to{clip:rect(92px,9999px,63px,0)}}#intro #hello:before{content:attr(data-text);text-shadow:1px 0 #00f;color:var(--txt-color);background:var(--bkg-color);clip:rect(0,900px,0,0);animation:3s linear infinite alternate-reverse paused noise-anim-2;position:absolute;top:0;left:-2px;overflow:hidden}#intro #email{display:inline-block;position:relative}#intro #email:after{content:"I love serendipity! Got an idea, a question, or just want to grab a coffee in Berlin? Say hello! 👋";white-space:pre-wrap;width:230px;text-align:left;color:var(--txt-color);background-color:var(--bkg-color);border:2px solid var(--txt-color);letter-spacing:normal;word-spacing:normal;border-radius:0 12px 12px;padding:18px;font-size:15px;font-weight:700;line-height:1.5;display:none;position:absolute;top:115%;left:60px;right:0}#intro #email:hover:after{display:block}#projects,#books,#genart{max-width:470px;margin-bottom:120px;font-size:15px;font-weight:700;line-height:1.4;display:none}#projects.visible,#books.visible,#genart.visible{display:block}#projects h3,#books h3,#genart h3{font-size:inherit;line-height:1;font-weight:inherit;text-transform:uppercase;margin:0;padding:0 0 20px}#projects h4,#books h4,#genart h4{font-size:inherit;line-height:inherit;margin:0;padding:0 0 40px;font-weight:500}#projects h4 a,#books h4 a,#genart h4 a{color:inherit;-webkit-text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color);text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color)}#projects h4 a:hover,#books h4 a:hover,#genart h4 a:hover{-webkit-text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color);text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color)}#project,#book,#artwork{font-size:inherit;line-height:inherit;font-weight:inherit;margin-top:40px}#project{flex-wrap:nowrap;display:flex}#project #date{flex:0 0 20%}#project #info{flex:auto}#project #info a#title{font-size:15px;line-height:inherit;color:inherit;-webkit-text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color);text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color);margin-bottom:5px;display:inline-block}#project #info a#title:hover{-webkit-text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color);text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color)}#project #info a#title:after,#book a #title:after{content:"↗";vertical-align:text-top;margin-left:10px;font-size:13px;display:none}#project #info a#title:hover:after,#book a #title:hover:after{display:inline-block}#project #info #description{font-weight:500;display:block}#project #info #description a{color:inherit;-webkit-text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color);text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color)}#project #info #description a:hover{color:inherit;-webkit-text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color);text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color)}#books #status #reading{background:rgb(from var(--txt-color)r g b/10%);text-transform:uppercase;border-radius:4px;margin-bottom:5px;padding:2px;font-size:10px;display:inline-block}#books a{color:inherit;-webkit-text-decoration:none;text-decoration:none}#books a #title{-webkit-text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color);text-decoration:underline dotted var(--txt-color);-webkit-text-decoration:underline dotted var(--txt-color);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;font-size:15px}#book a span#title:hover{-webkit-text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color);text-decoration:underline solid var(--txt-color);-webkit-text-decoration:underline solid var(--txt-color)}#book span#author{cursor:auto;font-style:italic;font-weight:500;display:block}#artworks{width:calc(100vw - 46px);margin-top:40px}#artworks:hover>.image-wrapper:after{opacity:0}#artworks:hover>.image-wrapper img{filter:grayscale(0%)}#artworks .image-wrapper{vertical-align:text-top;margin:0 20px 40px 0;display:inline-block;position:relative}#artworks .image-wrapper:after{content:"";width:100%;height:100%;background-color:var(--txt-color);opacity:.3;mix-blend-mode:color;transition:opacity .1s;position:absolute;top:0;left:0}#artworks .image-wrapper img{width:375px;filter:grayscale();transition:filter .1s;display:block}