@font-face{font-family:Arial;src:local("Arial"),url("../fonts/arial.woff2") format("woff2"),url("../fonts/arial.woff") format("woff")}:root{--ease: cubic-bezier(.64, .14, .23, .99);--text: #000000}*{box-sizing:border-box;margin:0;padding:0;outline:none}html{height:100%;background-color:#eee;-moz-user-select:text;user-select:text;-webkit-text-size-adjust:100%;-webkit-user-select:text}body{height:100%;background-color:#eee;-moz-user-select:text;user-select:text;touch-action:manipulation;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:text}body::-webkit-scrollbar{display:none}.blur,a{-webkit-filter:blur(.0875rem);filter:blur(.0875rem);color:var(--text);cursor:pointer;transition:opacity .15s,-webkit-filter .15s;transition:filter .15s,opacity .15s;transition:filter .15s,opacity .15s,-webkit-filter .15s}@media(hover:hover){.blur,a{opacity:.5;-webkit-filter:blur(.15rem);filter:blur(.15rem)}.blur:hover,a:hover{opacity:.8;-webkit-filter:blur(.0125rem);filter:blur(.0125rem);transition:opacity .225s,-webkit-filter .225s;transition:filter .225s,opacity .225s;transition:filter .225s,opacity .225s,-webkit-filter .225s}}p,span,a,input,h1,h2,h3,h4,h5,h6{font-family:Arial,Arial,Helvetica,sans-serif;font-size:1rem;font-weight:400;font-style:normal;line-height:1.25rem;letter-spacing:.005em;-webkit-text-stroke:.03125rem}p::-moz-selection,span::-moz-selection,a::-moz-selection,input::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{background:transparent;text-shadow:0px .4px .5px var(--text),0px -.4px .5px var(--text),.4px 0px .5px var(--text),-.4px 0px .5px var(--text)}p::-moz-selection,span::-moz-selection,a::-moz-selection,input::-moz-selection,h1::-moz-selection,h2::-moz-selection,h3::-moz-selection,h4::-moz-selection,h5::-moz-selection,h6::-moz-selection{background:transparent;-webkit-text-stroke:.09375rem var(--text)}p::selection,span::selection,a::selection,input::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{background:transparent;-webkit-text-stroke:.09375rem var(--text)}a{text-decoration:none}img,video{display:block}li{list-style:none}iframe{border:none;outline:none}.table{display:grid;grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;-moz-column-gap:8px;column-gap:8px;row-gap:0}.bg{position:fixed;top:0;left:0;z-index:0;width:100%;height:100%;background-color:#eee;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}body:not(.is-curtainopen) .bg{background-color:#eee!important}.bg.hover-dislike .bg__dislike,.bg.hover-like .bg__like{opacity:1}.bg__dislike{background-color:#dadada}.bg__like{background-color:#fff}.bg__like,.bg__dislike{position:absolute;top:0;left:0;opacity:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;transition:opacity 1.5s var(--ease)}.curtain{position:fixed;top:0;left:0;z-index:9;width:100%;height:100%;background-color:#eee}.is-curtainopen .curtain{animation:open .6s var(--ease) .4s forwards}@keyframes open{0%{opacity:1}to{opacity:0;pointer-events:none}}.nav{position:fixed;top:0;left:0;z-index:10;width:100%;height:calc(1rem + 16px)}.menu{display:grid;grid-template-columns:1fr 384px 384px 1fr;align-items:center;width:100%;height:calc(1rem + 16px);padding:0 8px}@media screen and (max-width:1024px){.menu{grid-template-columns:1fr -webkit-max-content -webkit-max-content;grid-template-columns:1fr max-content max-content;-moz-column-gap:8px;column-gap:8px}}.menu__item{height:calc(1rem + 16px);line-height:1rem}.menu__item h1,.menu__item span{display:inline-block;padding:8px 0;line-height:1rem;-moz-user-select:none;user-select:none;-webkit-user-select:none}.is-showoverview .menu__item--showoverview--all,.menu__item--showoverview--one{display:none}.is-showoverview .menu__item--showoverview--one{display:block}.is-showabout .menu__item--showabout--about,.menu__item--showabout--close{display:none}.is-showabout .menu__item--showabout--close{display:block}.menu__item--mute{text-align:right}@media screen and (max-width:1024px){.menu__item--mute{position:absolute;left:50%;transform:translate(-50%)}}.menu__item--mute span{visibility:hidden;cursor:pointer}.menu__item--mute span.is-visible{visibility:visible}.portfolio{display:grid;position:relative;grid-template-columns:1fr 768px 1fr;grid-template-areas:"dislike projects like";width:100%;padding:calc(1rem + 16px) 8px 64px}@media screen and (max-width:1024px){.portfolio{display:block;padding:calc(1rem + 16px) 8px 96px}}@media screen and (max-width:500px){.portfolio{padding:calc(1rem + 16px) 8px 80px}}.is-showoverview .portfolio,.is-showabout .portfolio,.is-showimprint .portfolio{display:none}.dislike{grid-area:dislike}.like{grid-area:like}.projects{position:relative;z-index:1;grid-area:projects}.project{visibility:hidden;position:absolute;top:0;opacity:0;width:100%;pointer-events:none;transition:visibility .6s var(--ease),opacity .2s .2s var(--ease)}.project.is-visible.is-active{position:relative}.project.is-visible{visibility:visible}.project.is-active{opacity:1;pointer-events:auto;transition:transform .6s var(--ease),visibility .6s var(--ease),opacity 1s .2s var(--ease)}.project.is-like,.project.is-dislike{z-index:1}.project--scroll{overflow:hidden;transform:translate(0);width:100%;height:0;transition:visibility .6s var(--ease),opacity 1s .2s var(--ease)}.is-like:not(.is-active) .project--scroll,.is-dislike:not(.is-active) .project--scroll{transition:transform .6s var(--ease),visibility .6s var(--ease),opacity 1s .2s var(--ease)}.is-like:not(.is-active) .project--scroll{transform:translate(100vw)}.is-dislike:not(.is-active) .project--scroll{transform:translate(-100vw)}.project--scroll.is-height{overflow:visible;height:auto}.project__visuals{display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;width:100%;height:var(--maxHeight);margin-bottom:32px;--maxHeight: calc(100svh - 144px) ;--maxWidth: 70vw}@media screen and (max-width:1097px){.project__visuals{--maxWidth: 768px}}@media screen and (max-width:1024px){.project__visuals{--maxHeight: calc(100svh - 136px) ;--maxWidth: calc(100vw - 16px) }}@media screen and (max-width:1024px)and (orientation:landscape){.project__visuals{--maxHeight: calc(100svh - 48px) }}.project__information{display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"name name currentSlide date" "desc desc desc desc" "software software software software" "credits credits credits credits" "links links links links";-moz-column-gap:8px;column-gap:8px;row-gap:1.25rem}@media screen and (max-width:500px){.project__information{grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;grid-template-areas:"name date" "desc desc" "software software" "credits credits" "links links"}}.project__name{grid-area:name}.project__date{grid-area:date;font-variant-numeric:tabular-nums}@media screen and (max-width:500px){.project__date{text-align:right}}.project__currentSlide{grid-area:currentSlide;font-variant-numeric:tabular-nums}@media screen and (max-width:500px){.project__currentSlide{display:none}}.project__desc{grid-area:desc}.project__software{grid-area:software}.project__software span{display:block}.project__credits{grid-area:credits}.project__credit{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"area name";-moz-column-gap:8px;column-gap:8px}.project__credit__slides{display:none;grid-area:slides;font-variant-numeric:tabular-nums}.project__credit__area{grid-area:area}.project__credit__name{grid-area:name}.project__links{grid-area:links}.like,.dislike{display:flex;position:fixed;top:0;justify-content:center;align-items:center;width:calc(50vw - 384px);height:100%}@media screen and (max-width:1024px){.like,.dislike{top:auto;bottom:32px;z-index:1;width:48px;height:48px;background-color:#fff;transition:transform .2s var(--ease)}}@media screen and (max-width:500px){.like,.dislike{bottom:16px}}.like__img,.dislike__img{position:relative;width:1.5rem;height:1.5rem;background-size:contain;pointer-events:none}.like__img:before,.dislike__img:before{display:block;content:"";position:absolute;top:0;left:0;z-index:0;width:1.5rem;height:1.5rem}@media screen and (max-width:1024px){.like__img:before,.dislike__img:before{display:none}}.dislike{left:0}@media screen and (max-width:1024px){.dislike{left:32px}}@media screen and (max-width:500px){.dislike{left:16px}}@media(hover:hover){.dislike:hover{cursor:url("../icons/dislike-ascii.svg") 12 12,auto}}@media screen and (hover:hover)and (min-width:1024px){.dislike:hover .dislike__img{background-image:none}}.dislike__img{background-image:url("../icons/dislike-ascii.svg")}@media screen and (max-width:1024px){.dislike__img{background-image:url("../icons/dislike-ascii.svg")}}.dislike__img:before{opacity:0;background-image:url("../icons/dislike-ascii.svg")}.like{right:0}@media screen and (max-width:1024px){.like{right:32px}}@media screen and (max-width:500px){.like{right:16px}}@media(hover:hover){.like:hover{cursor:url("../icons/like-ascii.svg") 12 12,auto}}@media screen and (hover:hover)and (min-width:1024px){.like:hover .like__img{background-image:none}}.like__img{background-image:url("../icons/like-ascii.svg")}@media screen and (max-width:1024px){.like__img{background-image:url("../icons/like-ascii.svg")}}.like__img:before{opacity:0;background-image:url("../icons/like-ascii.svg")}.slider{display:flex;position:absolute;flex-direction:column;justify-content:center;align-items:center;height:var(--maxHeight);-webkit-user-select:none;-moz-user-select:none;user-select:none}.slider__slides{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:1024px){.slider__slides{position:assets;width:var(--maxWidth)}}@media(hover:hover){.slider__slides:hover .slider__prev__img,.slider__slides:hover .slider__next__img{visibility:hidden}}.slider__slide{display:none;justify-content:center;align-items:center}.slider__slide.is-active{display:flex}.slider__file{--width: calc(var(--maxHeight) * var(--ar));width:min(var(--width),var(--maxWidth));--height: calc(var(--maxWidth) * var(--arInv));height:min(var(--height),var(--maxHeight));--ar: calc(var(--w) / var(--h));--arInv: calc(var(--h) / var(--w))}.slider__file--image img{width:100%;height:100%;pointer-events:none}.slider__file--video{overflow:hidden;transform:translateZ(0)}.slider__file--video video{overflow:hidden;width:100%;height:100%}.slider__file--video video::-webkit-media-controls-panel{display:none!important}.slider__nav{display:flex;position:absolute;top:0;left:0;width:100%;min-width:min(460.8px,var(--maxHeight) * .6);height:100%;min-height:min(460.8px,var(--maxHeight) * .6)}@media screen and (max-width:1024px){.slider__nav{min-width:auto;min-height:auto}}.slider__prev,.slider__next{position:relative;width:50%;touch-action:manipulation}@media screen and (max-width:1024px){.slider__prev,.slider__next{background-repeat:no-repeat;background-size:24px 24px}}.slider__prev__img,.slider__next__img{position:absolute;top:50%;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:cover;pointer-events:none}.slider__prev{cursor:url("../icons/prev-ascii.svg") 10 9,pointer}.slider__prev__img{left:8px;background-image:url("../icons/prev-ascii.svg")}.slider__next{cursor:url("../icons/next-ascii.svg") 10 9,pointer}.slider__next__img{right:8px;background-image:url("../icons/next-ascii.svg")}.slider__bar{display:none;position:absolute;bottom:-12px;left:0;width:100%}@media screen and (max-width:500px){.slider__bar{display:flex}}.slider__bar__item{width:100%;height:2px;background-color:#ccc}.slider__bar__item.is-seen{background-color:var(--text)}.video__wrapper{position:relative;width:min(var(--width),var(--maxWidth));height:min(var(--height),var(--maxHeight))}.video__isLoading{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}.canPlay .video__isLoading{display:none}.video__thumbnail{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.canPlay .video__thumbnail{display:none}.iframe{position:absolute;top:calc(1rem + 8px);left:0;transform:scale(var(--scaleDesktop));transform-origin:top left;width:calc(var(--wDesktop) * 1px);height:calc(var(--hDesktop) * 1px);background-color:#fff;transition:width .3s,height .3s,transform .3s;will-change:width,height,transform}.is-moving .iframe{pointer-events:none}.iframe__wrapper{visibility:hidden;position:fixed;top:50%;left:50%;overflow:hidden;opacity:0;transform:translate(-50%,-50%);width:calc(var(--wDesktop) * var(--scaleDesktop) * 1px);height:calc(var(--hDesktop) * var(--scaleDesktop) * 1px + 1rem + 8px);transition:opacity .3s,width .3s,height .3s,transform .3s,visibility 0s .3s;will-change:opacity,width,height,transform;--scaleDesktop: calc(384 / var(--wDesktop));--scaleMobile: calc(384 / var(--wMobile))}.is-active .iframe__wrapper.is-visible{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .3s,width .3s,height .3s,transform .3s,visibility 0s}.iframe__wrapper.is-fullscreen{transform:translate(-50%,-50%)!important;--scaleDesktop: calc(var(--windowWidth) * .8 / var(--wDesktop));--scaleMobile: calc(var(--windowWidth) * .6 / var(--wMobile))}.is-active .iframe__wrapper.is-moving{transition:width .3s,height .3s}.iframe__controls{display:flex;position:relative;height:calc(1rem + 8px);background-color:#999;cursor:move;cursor:grab;cursor:-webkit-grab;touch-action:none}.iframe__controls:hover{background-color:#bbb}.iframe__controls:active{cursor:grabbing;cursor:-webkit-grabbing}.is-fullscreen .iframe__controls,.is-fullscreen .iframe__controls:active{cursor:auto}.iframe__controls__size{width:calc(1rem + 8px);height:calc(1rem + 8px);padding:4px;background-image:url("../icons/fullscreen-ascii.svg");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;cursor:nesw-resize;-moz-user-select:none;user-select:none;-webkit-user-select:none}@media(hover:hover){.iframe__controls__size:hover{background-image:none;cursor:url("../icons/fullscreen-ascii.svg") 8 8,pointer}}.is-fullscreen .iframe__controls__size{background-image:url("../icons/mini-ascii.svg");cursor:nesw-resize}@media(hover:hover){.is-fullscreen .iframe__controls__size:hover{background-image:none;cursor:url("../icons/mini-ascii.svg") 8 8,pointer}}.iframe__controls__url{position:absolute;left:50%;transform:translate(-50%);padding:4px 0;line-height:1rem;cursor:ne-resize}.about{display:none;position:relative;z-index:1;width:100%;padding:32px 8px;font-variant-numeric:tabular-nums}.about__information{width:768px;margin:32px auto}@media screen and (max-width:1024px){.about__information{width:100%}}.is-showabout .about{display:block}.about section{margin-bottom:1rem}.overview{display:none;position:relative;z-index:1;height:100%;padding:64px 8px 32px calc(50% - 384px)}.is-showoverview .overview{display:block}@media screen and (max-width:1024px){.overview{padding:64px 8px 32px}}.project--overview{opacity:.2;padding:.375rem 0;cursor:pointer}@media screen and (max-width:768px){.project--overview{padding:.625rem 0}}@media(hover:hover){.project--overview:hover .gallery{opacity:1}}.project--overview.is-like,.project--overview.is-dislike{opacity:1}.project--overview .gallery{position:absolute;top:0;left:50%;opacity:0;transform:translate(-50%,max(50dvh - 50%,var(--projectCount) * 2rem + 128px));pointer-events:none;transition:opacity .4s}@media screen and (max-width:768px){.project--overview .gallery{display:none}}.project--overview .gallery__frames{display:flex;gap:4px}.project--overview .gallery__file{height:64px}.project--overview .gallery__file img{width:auto;height:64px}.project--overview__information{display:grid;position:relative;grid-template-columns:384px -webkit-max-content auto;grid-template-columns:384px max-content auto;grid-template-areas:"name date blurb"}@media screen and (max-width:1024px){.project--overview__information{grid-template-columns:32px 1fr -webkit-max-content 2fr;grid-template-columns:32px 1fr max-content 2fr;grid-template-areas:"rating name date blurb"}}@media screen and (max-width:768px){.project--overview__information{grid-template-columns:-webkit-max-content 1fr -webkit-max-content;grid-template-columns:max-content 1fr max-content;grid-template-areas:"rating name date" "rating blurb blurb"}}.project--overview__name{grid-area:name}.project--overview__date{grid-area:date;font-variant-numeric:tabular-nums}.project--overview__blurb{grid-area:blurb;padding-left:32px}@media screen and (max-width:768px){.project--overview__blurb{padding-left:initial}}.project--overview__rating{position:absolute;top:-3px;left:-50px;grid-area:rating;width:24px;height:24px;margin-right:8px;background-size:contain}.is-like .project--overview__rating{background-image:url("../icons/like-ascii.svg")}.is-dislike .project--overview__rating{background-image:url("../icons/dislike-ascii.svg")}@media screen and (max-width:1024px){.project--overview__rating{display:none;position:relative;left:0}.is-like .project--overview__rating,.is-dislike .project--overview__rating{display:block}}.imprint{display:none;position:relative;z-index:1;width:100%;padding:32px 8px;font-variant-numeric:tabular-nums}.imprint__information{width:768px;margin:32px auto}@media screen and (max-width:1024px){.imprint__information{width:100%}}.is-showimprint .imprint{display:block}.imprint p{margin-bottom:1rem;text-align:justify}@media screen and (max-width:768px){.imprint p{text-align:left}}