@font-face{font-family:"Nimbus";src:url("../assets/fonts/nimbus-sans-l/NimbusSanL-Reg.otf");font-weight:normal;font-style:normal}@font-face{font-family:"Fungis";src:url("../assets/fonts/fungis/FUNGIS Bold.otf");font-weight:bold;font-style:normal}*{margin:0;padding:0;scroll-behavior:smooth}h1{font-size:10rem}@media only screen and (max-width: 680px){h1{font-size:7rem}}@media only screen and (max-width: 481px){h1{font-size:3.5rem}}h2{font-size:2rem}body{background-color:#eeff2f;font-family:"Nimbus"}body.project-specific{background-color:#000;color:#fff}.section{height:100vh;width:100vw}.section.project-overview{min-height:100vh;height:auto}.underline{text-decoration:underline}.model-container{display:flex;justify-content:center;align-items:center;position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:-2}#typeModel{width:100%;height:100%}.smaller-model{transition:all 1s ease-in-out;opacity:.5}.nav{height:7vh;width:100vw;z-index:2;font-size:1.5rem;top:0;position:sticky;position:-webkit-sticky;font-weight:bolder}.nav.project-specific{color:#eeff2f}@media only screen and (max-width: 481px){.nav{font-size:1rem;margin-bottom:2vh}}.nav .nav-container{height:100%;width:100%;display:grid;grid-template-columns:50% 25% 25%}.nav .nav-container .nav-section{display:flex;align-items:center}.nav .nav-container__right{text-align:right;display:flex;justify-content:right}.nav-inverted>*{color:#eeff2f}.home__container{position:sticky;position:-webkit-sticky;top:0;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;width:100%;height:93%}.home__container.project-specific{position:static}.home__container__heading{position:relative;display:inline-flex;flex-direction:column;align-items:center}.home__container__heading h1{text-transform:uppercase;font-weight:bold}.home__container__heading div{display:flex;width:100%;justify-content:space-between}.home__container__heading div span{font-style:italic}.home__container__toc .toc-container{display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 481px){.home__container__toc .toc-container{flex-direction:column;align-items:start;width:80vw}}.home__container__toc .toc-container__el{margin:10px;padding-left:8px;padding-right:8px;padding-top:8px;padding-bottom:6px;background-color:#000;color:#fff;border-radius:20px;cursor:pointer}@media only screen and (max-width: 481px){.home__container__toc .toc-container__el{margin:0;margin-bottom:1vh}}.home__container__toc .toc-container__el:hover{background:none;border:1px solid #000;margin:9px;color:#000;transition:background .3s ease-in-out}.projects__element{position:sticky;position:-webkit-sticky;top:0;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1;background-color:#000;color:#fff}@media only screen and (max-width: 481px){.projects__element{min-height:100vh}}.projects .project-content{display:grid;width:100%;height:100%;grid-template-rows:25% 25% 25% 25%;grid-template-columns:25% 25% 25% 25%;grid-template-areas:"number . media media" "title title media media" "description . media media" ". . media media"}@media only screen and (max-width: 481px){.projects .project-content{margin-top:10vh;display:flex;flex-direction:column}}.projects .title{grid-area:title;cursor:pointer}.projects .title h2{font-size:8rem}@media only screen and (max-width: 481px){.projects .title h2{font-size:4rem}}.projects .number{grid-area:number;display:flex;align-items:center}.projects .description{grid-area:description;font-size:1.5rem}.projects .media{grid-area:media;display:flex;align-items:center;height:100%;width:100%}.projects .media__container{height:50%;width:100%}.projects .media__container .media-elem img{cursor:pointer;width:100%}.projects .media__container .hungry{display:flex;justify-content:center;align-items:center}.projects .media__container .hungry img{width:70%}.projects .media__container .gsehundgseh{width:200%}@media only screen and (max-width: 481px){.projects .media__container .gsehundgseh{width:100%}}.projects .media__container .zhdk{width:100%;display:flex;align-items:flex-start;height:100%}.projects .media__container .zhdk div{display:flex;align-items:center;width:100%;height:100%}@media only screen and (max-width: 481px){.projects .media__container .zhdk div{justify-content:center}}.projects .media__container .zhdk div img{-o-object-fit:contain;object-fit:contain;height:70vh}@media only screen and (max-width: 481px){.projects .media__container .zhdk div img{width:90%}}.projects .media__container .homework{width:100%;display:flex;align-items:flex-start;justify-content:center;height:100%}.projects .media__container .homework img{width:40%}@media only screen and (max-width: 481px){.projects .media__container .homework img{width:850vw !important;height:35vh;-o-object-fit:cover;object-fit:cover}}.outro{height:400vh}.footer{height:5vh;background-color:#000;color:#eeff2f}.footer.project-specific{background-color:#eeff2f;color:#000}@media only screen and (max-width: 481px){.footer{height:20vh}}.footer__container{display:grid;width:100%;height:100%;grid-template-columns:50% 25% 25%;grid-template-areas:"title name links"}.footer__container>*{display:flex;align-items:center}@media only screen and (max-width: 481px){.footer__container div{margin-bottom:1vh;margin-left:1vw}}@media only screen and (max-width: 481px){.footer__container{display:flex;flex-direction:column;justify-content:space-around}}.footer .footer-title{grid-area:title}@media only screen and (max-width: 481px){.footer .footer-title{margin-top:2vh}}.footer .footer-name{grid-area:name}@media only screen and (max-width: 481px){.footer .footer-name{margin-bottom:2vh}}.footer .footer-insta{grid-area:links}.about{display:flex;min-height:100vh;align-items:flex-end}.about .about-container{font-size:1.5rem;height:70vh;display:grid;grid-template-columns:50% 25% 25%;grid-template-areas:"title content content" ". image image "}@media only screen and (max-width: 481px){.about .about-container{display:flex;flex-direction:column;height:100vh}}.about .about-container .about-title{grid-area:title;border-top:1px solid #fff;padding-top:2rem}@media only screen and (max-width: 481px){.about .about-container .about-title{border:none}}.about .about-container .about-content{grid-area:content;border-top:1px solid #fff;padding-top:2rem}@media only screen and (max-width: 481px){.about .about-container .about-content{padding-bottom:10vh}}.about .about-container .about-img{grid-area:image;border-top:1px solid #fff;padding-top:2rem}.about .about-container .about-img img{width:12vw}@media only screen and (max-width: 481px){.about .about-container .about-img img{width:30vw}}.project-overview .project-description{height:auto;min-height:50vh;display:grid;grid-template-columns:50% 25% 25%;grid-template-areas:"desc text text" "second-title second-content second-content" "third-title third-content third-content" "fourth-title fourth-content fourth-content";font-size:1.5rem}.project-overview .project-description .border-top{border-top:1px solid #fff;padding-top:2rem}@media only screen and (max-width: 481px){.project-overview .project-description{display:flex;flex-direction:column}}.project-overview .project-description .desc{grid-area:desc}@media only screen and (max-width: 481px){.project-overview .project-description .desc{border-top:none}}.project-overview .project-description .text{grid-area:text;min-height:40vh}.project-overview .project-description .second-title{grid-area:second-title}@media only screen and (max-width: 481px){.project-overview .project-description .second-title{padding-top:10vh;border-top:none}}.project-overview .project-description .second-content{grid-area:second-content;min-height:40vh}.project-overview .project-description .second-content .xtract-model-container{height:40vh}.project-overview .project-description .second-content .xtract-model-container .xtract-model{width:100%;height:100%}.project-overview .project-description .third-title{grid-area:third-title}@media only screen and (max-width: 481px){.project-overview .project-description .third-title{padding-top:10vh;border-top:none}}.project-overview .project-description .third-content{grid-area:third-content;min-height:40vh}.project-overview .project-description .fourth-title{grid-area:fourth-title}@media only screen and (max-width: 481px){.project-overview .project-description .fourth-title{padding-top:10vh;border-top:none}}.project-overview .project-description .fourth-content{grid-area:fourth-content;min-height:40vh}.project-overview .project-demo{width:100vw;height:70vh;display:flex;justify-content:center;align-items:center;margin-bottom:20vh}.project-overview .project-demo iframe{width:80vw;height:80vh;border:1px solid #eeff2f;padding:2rem}.hungry-project .project-demo iframe{width:25vw;height:75vh}@media only screen and (max-width: 481px){.hungry-project .project-demo iframe{width:95vw;height:90vh}}.hungry-project .project-description .third-content{min-height:100vh;width:100%}.hungry-project .project-description .third-content .mockup-gallery{display:flex;flex-wrap:wrap;width:100%}.hungry-project .project-description .third-content .mockup-gallery div{width:50%;margin-bottom:5vh}.hungry-project .project-description .third-content .mockup-gallery div img{width:80%;height:auto}.xtract-project .project-description .text{min-height:70vh}.xtract-project .project-description .second-content{height:50vh}.xtract-project .project-description .third-content{min-height:100vh}.xtract-project .project-description .third-content div{padding-bottom:5vh;display:flex}@media only screen and (max-width: 481px){.xtract-project .project-description .third-content div{justify-content:center}}.xtract-project .project-description .third-content .xtract-sketch{display:flex;flex-wrap:wrap;width:100%}.xtract-project .project-description .third-content .xtract-sketch img{width:70%}@media only screen and (max-width: 481px){.xtract-project .project-description .third-content .xtract-sketch img{width:90%}}.xtract-project .project-description .third-content .xtract-drawing{display:flex;flex-wrap:wrap;width:100%}.xtract-project .project-description .third-content .xtract-drawing img{width:70%}@media only screen and (max-width: 481px){.xtract-project .project-description .third-content .xtract-drawing img{width:90%}}.dynamic-mirror-project .project-demo video{border:1px solid #eeff2f;width:80vw}@media only screen and (max-width: 481px){.dynamic-mirror-project .project-demo video{width:90vw}}.dynamic-mirror-project .project-description video{width:45vw}@media only screen and (max-width: 481px){.dynamic-mirror-project .project-description video{width:90vw}}.dynamic-mirror-project .project-description .text{min-height:60vh}.dynamic-mirror-project .project-description .second-content{min-height:150vh}.dynamic-mirror-project .project-description .second-content .circuit{height:38vh}.dynamic-mirror-project .project-description .second-content .circuit img{height:100%}.dynamic-mirror-project .project-description .third-content{min-height:60vh}.dynamic-mirror-project .project-description .third-content img{width:40vw}@media only screen and (max-width: 481px){.dynamic-mirror-project .project-description .third-content img{width:90vw}}.gsehundgseh-project .project-description .text{min-height:60vh}.gsehundgseh-project .project-description .second-content{min-height:70vh}.gsehundgseh-project .project-description .second-content div{margin-bottom:3vh}.gsehundgseh-project .project-description .second-content .primary-font-container h2,.gsehundgseh-project .project-description .second-content .primary-font-container p{font-family:Fungis}.gsehundgseh-project .project-description .second-content .color-container{display:inline-flex;width:50%;justify-content:space-between}@media only screen and (max-width: 481px){.gsehundgseh-project .project-description .second-content .color-container{width:100%}}.gsehundgseh-project .project-description .second-content .color-container div{width:9vh;height:9vh}.gsehundgseh-project .project-description .second-content .color-container .primary-color{background-color:#fff616}.gsehundgseh-project .project-description .second-content .color-container .secondary-color{background-color:#000;border:1px solid #fff}.gsehundgseh-project .project-description .second-content .color-container .third-color{background-color:#fff}@media only screen and (max-width: 481px){.gsehundgseh-project .project-description .second-content .logo-container{display:flex;flex-wrap:wrap;flex-direction:column}}.gsehundgseh-project .project-description .second-content .logo-container div{width:9vw;height:9vw}@media only screen and (max-width: 481px){.gsehundgseh-project .project-description .second-content .logo-container div{width:100vw;height:40vh}}.gsehundgseh-project .project-description .second-content .logo-container .main-logo{background-image:url("../assets/gsehundgseh/logos/main_logo.svg");background-repeat:no-repeat;background-position:center;background-size:contain}.gsehundgseh-project .project-description .second-content .logo-container .second-logo{background-image:url("../assets/gsehundgseh/logos/second_logo.svg");background-repeat:no-repeat;background-position:center;background-size:contain}.gsehundgseh-project .project-description .second-content .logo-container .third-logo{background-image:url("../assets/gsehundgseh/logos/third_logo.svg");background-repeat:no-repeat;background-position:center;background-size:contain}.gsehundgseh-project .project-description .third-content{min-height:100vh}.coffee-project .project-description .text{min-height:70vh}.coffee-project .project-description .second-content{min-height:50vh}.coffee-project .project-description .second-content .studio-setup{display:flex;justify-content:space-between;width:90%}.coffee-project .project-description .second-content .studio-setup div{padding-right:3vw}@media only screen and (max-width: 481px){.coffee-project .project-description .second-content .studio-setup{flex-direction:column;justify-content:center;align-items:center;width:100%}}.coffee-project .project-description .second-content .studio-setup img{width:40%}@media only screen and (max-width: 481px){.coffee-project .project-description .second-content .studio-setup img{width:90vw}}.coffee-project .project-description .third-content{min-height:60vh}.graphic-design-project .project-demo{display:flex;align-items:center}.graphic-design-project .project-demo img{width:80%}.graphic-design-project .project-description .second-content{min-height:100vh}.graphic-design-project .project-description .second-content .graphic-design-gallery{display:flex;flex-wrap:wrap;width:100%}.graphic-design-project .project-description .second-content .graphic-design-gallery div{width:50%;margin-bottom:5vh}.graphic-design-project .project-description .second-content .graphic-design-gallery div img,.graphic-design-project .project-description .second-content .graphic-design-gallery div video{width:80%;height:auto}.sketches-project .project-demo{display:flex;align-items:center}.sketches-project .project-demo img{width:80%}.sketches-project .project-description .second-content{min-height:100vh}.sketches-project .project-description .second-content .sketches-gallery{display:flex;flex-wrap:wrap;width:100%}.sketches-project .project-description .second-content .sketches-gallery div{width:50%;margin-bottom:5vh}.sketches-project .project-description .second-content .sketches-gallery div img{width:80%;height:auto}.homework-project .project-demo video{width:25vw;height:75vh;border:1px solid #eeff2f;padding:2rem}@media only screen and (max-width: 481px){.homework-project .project-demo video{width:80vw;height:90vh}}.homework-project .project-description .second-content{height:90vh}@media only screen and (max-width: 481px){.homework-project .project-description .second-content{height:100vh}}.homework-project .project-description .second-content .circuit{height:30vh}.homework-project .project-description .second-content .circuit img{height:100%}@media only screen and (max-width: 481px){.homework-project .project-description .second-content .circuit img{width:90%}}.homework-project .project-description .third-content{height:150vh}@media only screen and (max-width: 481px){.homework-project .project-description .third-content{height:300vh}}.homework-project .project-description .third-content .box-process{display:flex;flex-wrap:wrap;justify-content:space-between}.homework-project .project-description .third-content .box-process div{padding:1rem;width:45%;height:30vh}@media only screen and (max-width: 481px){.homework-project .project-description .third-content .box-process div{width:100%}}.homework-project .project-description .third-content .box-process div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.zhdk-project .project-demo{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-2}.zhdk-project .project-demo model-viewer{width:100%;height:100%}.zhdk-project .project-description .second-content{height:210vh}.zhdk-project .project-description .second-content .print-container{width:100%;height:100%;display:flex;justify-content:center}.zhdk-project .project-description .second-content .print-container .book-container{display:inline-flex;flex-wrap:wrap;justify-content:center;width:100%;flex-direction:row;align-content:flex-start}.zhdk-project .project-description .second-content .print-container .book-container .book-page{width:50%;height:30vh;display:flex;justify-content:center;align-items:center}.zhdk-project .project-description .second-content .print-container .book-container .book-page img{width:70%;height:auto;-o-object-fit:cover;object-fit:cover}.zhdk-project .project-description .fourth-content{height:80vh}@media only screen and (max-width: 481px){.zhdk-project .project-description .fourth-content{height:150vh}}.zhdk-project .project-description .fourth-content .graphic-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;height:100%}.zhdk-project .project-description .fourth-content .graphic-content .type-sketch{display:flex;justify-content:center;width:100%}.zhdk-project .project-description .fourth-content .graphic-content .type-sketch img{width:auto;height:25vh}.zhdk-project .project-description .fourth-content .graphic-content .type-container{height:40vh;width:100%}.zhdk-project .project-description .fourth-content .graphic-content .type-container .type-model{width:100%;height:100%}