:root{--mLength:-20000px;--mStart:0px;--mSpeed:15s;--mSpeed2:25s;--color-bg:white;--color-type:black;--font-size1:21px;--font-size2:13px;--carousel1:210px;--carousel2:120px;--carousel3:90px;--padding1:5px;--textFont:nimbus-sans;--smallerFS:0.8em;--smallerFS2:1em;--letterSpacing:-0.01em}.button a,.button p,.joscha,.textHome p.title{letter-spacing:var(--letterSpacing)}body,html{margin:0;left:0;top:0;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column}.desktop.safari :not(.additionalInfo *,.aboutProject *){transform:translateZ(0)}.mobile .hiddenMobileBlock{position:fixed;z-index:100;display:none;background:#fff;left:0;top:0;width:100%;height:100%;flex-direction:column;justify-content:center}.mobile .imgButtons{display:flex;justify-content:space-between;position:fixed;width:100%;bottom:0}.hiddenMobileBlock .colorOverlay{margin:0!important;z-index:-1!important}.desktop .galleryImageWrapper figure{min-height:100%}.desktop .aboutJText{overflow:scroll}.mobile .hiddenMobileBlock figure{width:100%;max-height:100%;display:flex;align-items:center;justify-content:center}.mobile .hiddenMobileBlock figure img{flex-grow:0;flex-shrink:0}.mobile .hiddenMobileBlock figure.portrait img{max-width:100%;min-height:100%;object-fit:contain}.mobile .hiddenMobileBlock figure.landscape img{width:100%;height:90%;min-height:96%;position:relative;object-fit:contain}.mobile .hiddenMobileBlock figure{max-height:100%;max-width:100%;justify-content:flex-end}.desktop .aboutCont{column-count:2}.desktop video{min-height:100vh}p a:hover{color:grey}p a{font-size:.9em!important}.playButton{position:absolute;width:100%;height:100%;z-index:10;color:#fff;font-size:3em!important;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.playButton.playing{opacity:0}.desktop *{font-size:var(--font-size1)}.mobile{font-size:var(--font-size2)}.desktop figcaption{font-size:var(--smallerFS)}.mobile figcaption{font-size:.7em}*,::after,::before{box-sizing:inherit;margin:0;padding:0}img{-webkit-backface-visibility:hidden;backface-visibility:hidden}.mobile .aboutButtons{flex-direction:column;height:fit-content;height:-moz-fit-content}.shortAbout{min-height:calc((100% - var(--carousel1))/ 2);width:100%;display:flex;justify-content:flex-start}.mobile .shortAbout{position:absolute;bottom:var(--carousel2);left:0;height:20%;min-height:auto}.mobile.shortScreen .shortAbout{display:none}.mobile.shortScreenHor .shortAbout{position:absolute;top:35%;height:fit-content;height:-moz-fit-content;min-height:auto}.mobile .instructions{font-family:var(--textFont),sans-serif;font-weight:400;font-style:normal;color:#fff;position:fixed;z-index:99;width:100%;text-align:center;mix-blend-mode:difference}.desktop .instructions{display:none}.shortAbout p{font-family:var(--textFont),sans-serif;font-weight:400;font-style:normal;display:none}.desktop .shortAbout p{max-width:90%;margin-left:calc(var(--padding1) * 3);font-size:var(--smallerFS)}.mobile .shortAbout p{max-width:100%;margin:calc(var(--padding1) * 3)}.desktop .aboutButtons{flex-wrap:wrap;max-width:50%}.desktop .projectList{width:50%}.projectList{display:flex}.enterScreen{position:fixed;z-index:1000;background:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-type)}.muteButton p{color:var(--color-bg);margin:10px}.muteButton svg{width:80%;stroke-width:1.5px}.muteButton.muted{background:var(--color-type)}.gallerySlider img{backface-visibility:hidden}.muteButton{cursor:pointer;position:absolute;z-index:100;background:red;display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;right:var(--padding1)}.desktop .muteButton{bottom:calc(var(--carousel1) + var(--padding1))}.mobile .muteButton{bottom:calc(var(--carousel2) + var(--padding1))}.mobile.shortScreen .muteButton,.mobile.shortScreenHor .muteButton{bottom:calc(var(--carousel3) + var(--padding1));position:fixed}#unmuted{display:none}.enterScreen .buttonEnter{cursor:pointer}.desktop .enterScreen .buttonEnter:hover{color:#d3d3d3}.enterScreen p{text-align:center}body.home,body.project{justify-content:flex-end}.mobile figure img{filter:brightness(1) blur(0)!important;object-fit:contain}figure img{position:relative;max-height:100%;display:flex;width:auto;overflow:hidden;backface-visibility:hidden}.audio{position:absolute;z-index:20;display:none}iframe{height:100%}.desktop .xfromx{bottom:calc(var(--carousel1))}.mobile .xfromx{bottom:calc(var(--carousel2))}.mobile.shortScreen .xfromx,.mobile.shortScreenHor .xfromx{bottom:calc(var(--carousel3))}.xfromx{position:absolute;z-index:1000;left:50%;font-family:var(--textFont),sans-serif;font-weight:400;font-style:normal;color:red;margin-bottom:var(--padding1);font-size:var(--smallerFS)}figcaption{padding:var(--padding1);z-index:2;font-family:var(--textFont),sans-serif;font-weight:400;font-style:normal;color:var(--color-type)}figure{overflow:hidden;position:relative;max-height:100%;max-width:100%;width:fit-content;width:-moz-fit-content;margin:0;display:flex;flex-direction:column-reverse;scroll-snap-align:start}figure img{-webkit-filter:blur(0px) brightness(0.3);filter:blur(0px) brightness(.2);transform:scale(1.06),translate3d(0,0,0);transition:filter 1s,-webkit-filter 1s,transform .5s,opacity 1s}figure img.lazyloaded{-webkit-filter:blur(0) brightness(1.0);filter:blur(0) brightness(1);transform:scale(1.01),translate3d(0,0,0)}*{font-family:alfarn-2,sans-serif;font-weight:700;font-style:normal;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;padding:0}::-webkit-scrollbar{width:0}::-webkit-scrollbar-thumb{background:0 0}::-webkit-scrollbar{display:none}.projectGallery{display:flex;overflow-x:scroll;width:100%;margin:0}.desktop .projectGallery{height:100%}.mobile .projectGallery{height:100%}.projectGallery .gallerySlider{max-height:100%;display:flex;flex-shrink:0}.projectCont{position:fixed;width:100%;height:100%;margin:0;left:0;top:0;height:100%;display:flex;flex-direction:column;transition:.5s margin-top;z-index:1}.button{background:#fff;z-index:10;position:relative;padding:var(--padding1);margin:var(--padding1);text-transform:uppercase;cursor:pointer}.desktop .button:hover{background:#000;color:#fff!important}.desktop .button.goHome:hover,.desktop .button.previousProject:hover{background:#fff;color:#000!important}.desktop .button.goHome:hover a,.desktop .button.goHome:hover p,.desktop .button.previousProject:hover a,.desktop .button.previousProject:hover p{color:#000!important}.desktop .button:hover a,.desktop .button:hover p{color:#fff!important}.button p{margin:0;color:var(--color-type)}.aboutButtons{display:flex;flex-grow:1;justify-content:flex-start;transition:.5s margin-top}.bottomMain{position:absolute;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;transition:.5s top;top:0;z-index:10}.gradient{background:linear-gradient(180deg,rgba(0,0,0,.13211221988795518) 0,rgba(148,187,233,0) 10%,rgba(148,187,233,0) 100%)}.mobile .additionalInfo{overflow:scroll;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.13211221988795518) 0,rgba(148,187,233,0) 10%,rgba(148,187,233,0) 100%)}.additionalInfo{display:flex;padding:var(--padding1);position:absolute;z-index:10;top:-50%;height:50%;transition:top .5s;color:var(--color-type)}.close{background:var(--color-type);color:var(--color-bg)}.additionalButton.close{color:var(--color-bg)!important}.bg{position:fixed;width:100%;height:100%;top:0;left:0;background:#fff;z-index:-1;transition:2s background;opacity:.2;pointer-events:none}.additionalButton{padding:var(--padding1);height:fit-content;height:-moz-fit-content;cursor:pointer;color:var(--color-type)}.desktop .additionalButton:not(.closed):hover{background:#000;color:#fff!important}.aboutButtons .aboutButton,.aboutButtons .contactButton{margin-left:calc(var(--padding1) * 3);text-transform:uppercase;width:fit-content;width:-moz-fit-content;margin-right:30%}.nextProject.button{transition:.5s margin-right;margin-left:0;margin-right:var(--padding1)}.previousProject.button{transition:.5s margin-left;margin-right:0;background:var(--color-type);color:var(--color-bg);margin-left:var(--padding1)}.previousProject.button a{color:#fff}.phpinfo{position:absolute;z-index:1000000;overflow:scroll;width:100%;height:100%;display:none}figure video{height:100%;flex-grow:1;display:flex}figure.video{height:100%}figure video a img{display:flex;flex-grow:1!important}.buttonContWrapper{position:absolute;bottom:32px;display:flex;width:100%;height:fit-content;height:-moz-fit-content;justify-content:space-between}.buttonCont{height:fit-content;height:-moz-fit-content;width:fit-content;width:-moz-fit-content;display:flex}.goHome.button{background:var(--color-type);color:var(--color-bg)}.projectImagesRow{max-height:100%;cursor:pointer;display:flex;transition:1.5s filter;filter:brightness(1)}.projectImagesRow .separator{border-right:1px solid var(--color-type)}.wrapper{max-height:100%;display:flex;position:relative}.goHome a{color:#fff}.textHome{display:flex;padding:var(--padding1);flex-grow:1;transition:7s background}.mobile.shortScreenHor .textHome{flex-grow:0;height:calc(100% - var(--carousel3));top:0;position:absolute;width:100%;overflow-y:scroll}.desktop .aboutT{column-count:2;column-fill:auto;height:90%;overflow-x:scroll}.mobile .aboutT p{font-size:var(--smallerFS2)}.desktop .project{height:100%}.aboutT p{margin:0;font-family:var(--textFont),sans-serif;font-weight:400;font-style:normal;font-size:var(--smallerFS);padding-bottom:10px}.desktop .textHome p{margin-top:0;margin-bottom:var(--padding1);color:var(--color-type)}.mobile .textHome p{margin-top:0;margin-bottom:var(--padding1)}.allProjects{margin-left:var(--padding1);padding-top:var(--padding1)}.additionalButton,.allProjects .year,.allProjects p,.header p{color:var(--color-type)!important}.header p{transition:.35s margin-top;color:var(--color-type)}.desktop .header p{white-space:nowrap}.line{border-right:1px solid red;width:50%;position:absolute;height:100%;z-index:12;pointer-events:none}.header{font-size:1.1em;padding-top:var(--padding1)}.allProjects{font-size:1.1em;height:fit-content;height:-moz-fit-content}.desktop .allProjects{padding-right:40px}.allProjects .year{margin-left:10px;margin-top:2px;font-size:.75em;font-family:var(--textFont),sans-serif;font-weight:400;font-style:normal;position:absolute}.allProjects a{display:flex}.desktop .allImages{height:var(--carousel1)}.mobile .allImages{height:var(--carousel2)}.mobile.shortScreen .allImages,.mobile.shortScreenHor .allImages{height:var(--carousel3)}.allImages{display:flex;overflow:scroll;object-fit:contain;position:absolute;width:100%}.allImages img{height:100%}.desktop #carousel{animation-duration:var(--mSpeed)}.desktop #carousel{animation:marquee linear infinite}#carousel{position:absolute;overflow:hidden;display:flex;flex-wrap:nowrap;width:fit-content;width:-moz-fit-content;object-fit:contain;flex-shrink:1;max-height:100%;z-index:11}.desktop #carousel:hover{animation-play-state:paused}.carouselChild1,.carouselChild2{display:flex}.mobile .galleryImageWrapper figure{min-height:100%;height:100%}@keyframes marquee{0%{transform:translateX(var(--mStart));-webkit-transform:translateX(var(--mStart))}100%{transform:translateX(var(--mLength));-webkit-transform:translateX(var(--mLength))}}.joschaScroll{box-sizing:border-box;padding:var(--padding1)}.button{overflow:hidden}.colorOverlay{pointer-events:none;position:absolute;width:100%;height:100%;background:var(--color-bg);opacity:.2;z-index:20;mix-blend-mode:multiply;margin:calc(var(--padding1) * -1) 0 0 calc(var(--padding1) * -1)}.desktop .aboutProject{padding-bottom:10px;box-sizing:border-box}.mobile .aboutProject{max-height:50%!important}.aboutProject{max-height:90%;overflow:scroll;z-index:1000000;display:block;position:absolute}.mobile .aboutCont{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap}.aboutProject{min-height:50%;position:fixed;box-sizing:border-box;padding:0;transition:.5s bottom}.aboutProject .year{margin-bottom:var(--padding1)}.desktop .aboutProject .year{margin-top:10px}.welcome{display:none}.loading{font-size:.7em}.loading,.welcome p:not(.buttonEnter){font-family:var(--textFont),sans-serif;font-weight:400;font-style:normal}.desktop .aboutProject p,.welcome p{font-size:var(--smallerFS)}.aboutProject p{color:var(--color-type);padding-left:var(--padding1);padding-right:var(--padding1);font-family:var(--textFont),sans-serif;font-weight:400;font-style:normal}pre{text-align:right;max-width:calc(100% - 10px)}code{font-family:nimbus-sans;font-weight:400;font-size:var(--smallerFS)!important}.aboutProject p:not(.year){padding-bottom:10px}a{text-decoration:none;color:var(--color-type)}.mobile .joscha{transition:1s margin-left}.joscha{color:var(--color-type);margin-top:0;margin-bottom:0;white-space:nowrap;width:fit-content;width:-moz-fit-content;padding-right:var(--padding1)}@media only screen and (min-width:1024px) and (max-height:1366px) and (-webkit-min-device-pixel-ratio:1.5){:root{--font-size2:24px;--carousel2:220px}}@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait){:root{--font-size2:24px;--carousel2:220px}}@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape){:root{--font-size2:24px;--carousel2:220px}}@media screen and(max-device-width:768px) and (orientation:portrait){.mobile figure img{object-fit:cover}}@media screen and (max-device-width:1100px) and (orientation:landscape){:root{--font-size2:14px;--carousel2:120px}.mobile figure img{object-fit:cover}.mobile .shortAbout{position:absolute;bottom:var(--carousel2);right:0;height:43%;max-width:calc((100% / 2) - 10px);left:auto}.mobile .additionalButton,.mobile .allProjects p,.mobile .header p{font-size:var(--smallerFS)}}@media only screen and (min-device-width:1500px){:root{--font-size1:24px;--carousel1:220px}}