:root{--font-family: "items", serif;--font-family-2: "lateral", sans-serif;--color-1: rgb(58, 3, 111);--color-2: #C4CDE8;--color-3: #B29899;--color-scrollbar: var(--color-1);font-size:1px}@media (max-width: 799px){:root{font-size:.9px}}@media (min-width: 1800px){:root{font-size:1.2px}}*{position:relative;box-sizing:border-box;hyphenate-limit-chars:10 4 4;-webkit-text-size-adjust:100%}body{margin:0}figure{margin:0}img,svg,video{display:block;max-width:100%;pointer-events:none}button,input{all:unset;box-sizing:border-box;position:relative;font-family:var(--font-family)}button::-moz-placeholder,input::-moz-placeholder{line-height:inherit;color:inherit}button::placeholder,input::placeholder{line-height:inherit;color:inherit}button{cursor:pointer}label{display:none}p:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}p:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}html{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:items;font-weight:400;font-style:normal;src:url(/build/assets/Items-Regular-BdPd1VN7.woff2) format("woff2"),url(/build/assets/Items-Regular-CkrtVMdW.woff) format("woff")}@font-face{font-family:lateral;font-weight:400;font-style:normal;src:url(/build/assets/Lateral-StandardRegular-DsX2HCpv.woff2) format("woff2"),url(/build/assets/Lateral-StandardRegular-Dz54PsxD.woff) format("woff")}@font-face{font-family:lateral;font-weight:300;font-style:normal;src:url(/build/assets/Lateral-StandardLight-DikqGkMg.woff2) format("woff2"),url(/build/assets/Lateral-StandardLight-D_rj08L6.woff) format("woff")}body[homepage-animation] header#headerMain{transition:1.6s;translate:0 calc(-100% + 1px);transition-delay:1.8s;z-index:100}body[homepage-animation] header#headerMain>.inner-container{border-bottom-color:transparent;transition:1.6s;transition-delay:1.8s}body[homepage-animation] section#contact{translate:0 -100%;transition-delay:.6s}body[homepage-animation] section#about{translate:0 100%;transition-delay:.6s}body[homepage-animation][start-homepage-animation][dom-content-loaded] header#headerMain{translate:0 0}body[homepage-animation][start-homepage-animation][dom-content-loaded] header#headerMain>.inner-container{border-bottom-color:#000}body[homepage-animation][start-homepage-animation][dom-content-loaded] section#contact{translate:0 calc(-100% + 18px)}body[homepage-animation][start-homepage-animation][dom-content-loaded] section#about{translate:0 calc(100% - 18px)}body:not([blueprint=home])[header-visible] header#headerMain,body:not([blueprint=home])[homepage-animation][header-visible] header#headerMain{translate:0 100%}body:not([blueprint=home])[header-visible] #backdrop,body:not([blueprint=home])[homepage-animation][header-visible] #backdrop{display:block}body:not([blueprint=home]) header#headerMain,body:not([blueprint=home])[homepage-animation] header#headerMain{position:fixed;width:100%;bottom:100%}@media (max-width: 799px){body:not([blueprint=home]) header#headerMain,body:not([blueprint=home])[homepage-animation] header#headerMain{bottom:calc(100% + 19px)}}body:not([about-visible]),body:not([about-visible])[homepage-animation]{overflow:scroll}body:not([about-visible]) section#about,body:not([about-visible])[homepage-animation] section#about{cursor:pointer}body[about-visible] #openAbout,body[about-visible][homepage-animation] #openAbout{opacity:.4}body[about-visible] section#about,body[about-visible][homepage-animation] section#about{translate:0 0}body[about-visible] section#about .inner-container,body[about-visible][homepage-animation] section#about .inner-container{opacity:1}@media (max-width: 799px){body[about-visible][header-visible] header#headerMain,body[about-visible][homepage-animation][header-visible] header#headerMain{translate:0 18px}body[about-visible][header-visible] #backdrop,body[about-visible][homepage-animation][header-visible] #backdrop{display:none}body[about-visible] header#headerMain,body[about-visible][homepage-animation] header#headerMain{translate:0 calc(-100% + 1px)}}body:not([contact-visible]) section#contact,body:not([contact-visible])[homepage-animation] section#contact{cursor:pointer}body[contact-visible] #openContact,body[contact-visible][homepage-animation] #openContact{opacity:.4}body[contact-visible] section#contact,body[contact-visible][homepage-animation] section#contact{translate:0 -1px}body[contact-visible] section#contact .inner-container,body[contact-visible][homepage-animation] section#contact .inner-container{opacity:1}@media (max-width: 799px){body[contact-visible]:not([header-visible]):not([blueprint=home]) header#headerMain,body[contact-visible][homepage-animation]:not([header-visible]):not([blueprint=home]) header#headerMain{translate:0 18px}body[contact-visible][header-visible] header#headerMain,body[contact-visible][homepage-animation][header-visible] header#headerMain{translate:0 18px}body[contact-visible][header-visible] #backdrop,body[contact-visible][homepage-animation][header-visible] #backdrop{display:none}body[contact-visible] header#headerMain,body[contact-visible][homepage-animation] header#headerMain{translate:0 calc(-100% + 1px)}body[contact-visible] header#headerMain>.inner-container,body[contact-visible][homepage-animation] header#headerMain>.inner-container{border-bottom-color:#c4cde8}}#backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100}button#openHeader{position:fixed;left:25px;translate:-50% 0;top:47px;display:flex;flex-direction:column;gap:6px;padding:10px;z-index:101}@media (max-width: 799px){button#openHeader{left:38px;top:32px;z-index:51}}button#openHeader span{width:15px;height:1px;background-color:#000}header{z-index:100;transition:.6s;overflow:visible}header>.inner-container{display:flex;align-items:center;justify-content:space-between;padding:20px 80px;background-color:#fff;border-bottom:1px solid black;height:130px;z-index:1}@media (max-width: 799px){header>.inner-container{flex-direction:column;align-items:flex-start;padding:50px 30px 30px;height:auto;gap:40px}}header#headerWork{z-index:50}header#headerWork>.inner-container{border-bottom:unset}header .site-title a{text-decoration:unset;color:inherit;transition:.3s}header .site-title a:hover{opacity:.4}header h1{font-family:lateral;font-size:23rem;line-height:100%;font-weight:400;margin:unset}header h1 span{font-weight:300}header h2{font-family:items;font-size:20rem;line-height:25rem;font-weight:400;margin:unset;max-width:18em}header nav{font-family:lateral;font-size:21rem;line-height:1em}header nav ul{display:flex;list-style:none;gap:1.25em;padding:unset;margin:unset}header nav a,header nav button{font-family:inherit;text-decoration:unset;color:inherit;transition:.3s}header nav a.current,header nav button.current{opacity:.4;pointer-events:none}header nav a:hover,header nav button:hover{opacity:.4}@media (max-width: 799px){body[blueprint=home] button#closeHeader{display:none}}button#closeHeader{display:none}@media (max-width: 799px){button#closeHeader{display:block;z-index:2;top:38px}}section#contact{background-color:var(--color-2);position:absolute;top:calc(100% + 1px);left:calc(60% + 50px);width:calc(40% - 50px);translate:0 calc(-100% + 18px);transition:.6s;z-index:-1}@media (max-width: 799px){section#contact{transition:1s;left:0;width:100%}}section#contact>.inner-container{opacity:0;transition:.6s}section#contact svg{margin-top:8px}section#contact .container-impressum{transition:.6s}section#contact .container-impressum[data-collapsed=true]{opacity:0}section#contact .container-impressum[data-collapsed=false]{opacity:1}section#contact .expand-content{height:0;overflow:hidden}section#contact .expand-content .inner-container{padding:20px 0 0}section#contact #openImpressum h3{text-decoration:underline;text-underline-offset:.075em;text-decoration-thickness:.05em;margin-top:1em;margin-bottom:unset}section#contact>.inner-container{padding:80px 30px;max-height:calc(100vh - 130px);overflow-y:scroll}@media (max-width: 799px){section#contact>.inner-container{max-height:unset;height:calc(100vh - 18px);height:-webkit-fill-available;height:stretch}}section#contact h3{font-family:lateral;font-weight:400;font-size:22rem;line-height:26rem;margin-bottom:1em}section#contact p{font-family:items;font-weight:400;font-size:20rem;line-height:26rem}section#contact a{text-underline-offset:.1em;text-decoration-thickness:.05em}section#about{background-color:var(--color-3);position:fixed;bottom:0;left:50px;width:60%;transition:.6s;translate:0 calc(100% - 18px);z-index:51;max-height:100dvh;overflow:scroll}@media (max-width: 799px){section#about{z-index:60;left:0;width:100%;transition:1s}}section#about .inner-container{max-height:calc(60vh + 18px);overflow-y:scroll;padding:80px 100px 100px 30px;opacity:0;transition:.6s}@media (max-width: 799px){section#about .inner-container{max-height:unset;height:calc(100vh - 18px);height:-webkit-fill-available;height:stretch;padding:80px 30px}}section#about h3{font-family:lateral;font-weight:400;font-size:22rem;line-height:26rem;margin-bottom:2em}section#about p{font-family:items;font-weight:400;font-size:20rem;line-height:26rem;letter-spacing:.025em}body[blueprint=page][slug=publications]:not([contact-visible]) section#contact{translate:0 calc(-100% - 1px)}@media (min-width: 800px){body[blueprint=page][slug=publications][publication-visible] section#about{translate:0 100%}}body[blueprint=page][slug=publications] #mainWork{z-index:51}#headerWork{border-bottom-color:transparent}@media (max-width: 799px){#headerWork{padding-top:80px}}#mainWork ul{list-style:none;margin:unset;padding:0 calc(40% - 50px) 20vh 50px}@media (max-width: 799px){#mainWork ul{padding:0 30px 20vh}}#mainWork ul[mount=talks]{padding-top:35px}#mainWork ul[mount=talks] li{padding:5px 30px 0}@media (max-width: 799px){#mainWork ul[mount=talks] li{padding:5px 0 0}}#mainWork ul[mount=talks] a{text-decoration:unset;color:inherit}#mainWork ul[mount=talks] a:hover{text-decoration:underline;text-underline-offset:.1em}#mainWork ul[mount=projects] li a,#mainWork ul[mount=projects] li button,#mainWork ul[mount=publications] li a,#mainWork ul[mount=publications] li button{text-decoration:unset;color:inherit;display:block;width:100%;padding:35px 30px 15px;border-bottom:1px solid var(--color-3);transition:.3s}@media (max-width: 799px){#mainWork ul[mount=projects] li a,#mainWork ul[mount=projects] li button,#mainWork ul[mount=publications] li a,#mainWork ul[mount=publications] li button{padding:25px 0}}#mainWork ul[mount=projects] li a:hover,#mainWork ul[mount=projects] li button:hover,#mainWork ul[mount=publications] li a:hover,#mainWork ul[mount=publications] li button:hover{color:#0006}#mainWork ul[mount=publications] a,#mainWork ul[mount=publications] button{border-bottom-color:var(--color-2);display:grid;grid-template-columns:3fr 1fr;gap:30px}#mainWork ul[mount=publications] a .container-format,#mainWork ul[mount=publications] button .container-format{font-family:var(--font-family-2);font-weight:300;font-size:16rem;letter-spacing:.15em}#mainWork li.new-year:not(:first-child){margin-top:40px}#mainWork li:last-child a,#mainWork li:last-child button{border-bottom:unset}#mainWork .eyebrow{font-family:items;font-size:16rem;line-height:20rem;margin-bottom:.2em;letter-spacing:.025em}#mainWork .title{font-family:lateral;font-size:20rem;line-height:25rem}#mainWork article.publication{position:fixed;top:0;right:0;width:calc(40% - 50px);background-color:var(--color-2);transition:.6s;translate:0 calc(-100% + 19px);border-top:19px solid white}@media (max-width: 799px){#mainWork article.publication{width:100%;border-top:unset}}#mainWork article.publication.opened{translate:0 0;z-index:1}#mainWork article.publication.opened .inner-container{opacity:1}#mainWork article.publication .inner-container{padding:80px 45px 80px 30px;height:calc(100vh - 19px);display:flex;flex-direction:column;transition:.6s;opacity:0}@media (max-width: 799px){#mainWork article.publication .inner-container{padding-right:0;padding-bottom:0}}#mainWork article.publication .container-text{flex:1;margin-top:60px;padding-right:15px;overflow-y:scroll;--color-scrollbar: white}@media (max-width: 799px){#mainWork article.publication .container-text{padding-right:30px;padding-bottom:80px}}#mainWork article.publication .thumbnail{width:50%}#mainWork article.publication figure{width:100%;background-color:#fff}#mainWork article.publication img{width:100%;height:auto;opacity:0;transition:1.2s}#mainWork article.publication img.loaded{opacity:1}#mainWork article.publication .title{font-size:20rem;line-height:25rem;margin-bottom:unset;font-weight:400}#mainWork article.publication .title a{text-decoration:unset;color:inherit}#mainWork article.publication .title a:hover{text-decoration:underline;text-underline-offset:.1em}#mainWork article.publication .subheading{font-family:var(--font-family-2);font-size:20rem;line-height:25rem;margin-top:unset;font-weight:300!important}#mainWork article.publication .description,#mainWork article.publication .description *{font-family:var(--font-family);font-weight:300;font-size:20rem;line-height:25rem;letter-spacing:.025em;text-align:justify;-webkit-hyphens:auto;hyphens:auto}#mainWork article.publication .description ol{list-style:none;counter-set:numeration;padding:unset}#mainWork article.publication .description ol li{counter-increment:numeration}#mainWork article.publication .description ol li+li{margin-top:1em}#mainWork article.publication .description ol li:before{display:inline;content:counter(numeration) ") "}#mainWork article.publication .description ol li p:first-child{display:inline}main .background{overflow:hidden;width:100vw;height:100vh;position:fixed;top:0;left:0}@keyframes introAnimation{0%{translate:-50px -50px}50%{translate:50px 50px}to{translate:-50px -50px}}main .image-container{position:absolute;width:calc(100% + 100px);height:calc(100% + 100px);top:-50px;left:-50px;background-color:#e4e6f3;mix-blend-mode:multiply}main .image-container:nth-child(1){translate:-50px -50px;animation:introAnimation 48s infinite cubic-bezier(.25,0,.75,1)}main .image-container:nth-child(2){background-color:#d5c8c9}main .image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:screen}body[blueprint=project][project-details-visible] #backdrop{display:block}body[blueprint=project][project-details-visible] #projectDetails{translate:0 0}body[blueprint=project][project-details-visible] #projectDetails .inner-container{opacity:1}body[blueprint=project]{display:flex;flex-direction:column}body[blueprint=project]:not([contact-visible]) section#contact{translate:0 calc(-100% - 1px)}body[blueprint=project] #projectGallery{flex:1;display:flex;flex-direction:column}@media (max-width: 799px){body[blueprint=project] #projectGallery{height:100dvh;height:-webkit-fill-available;height:stretch}}body[blueprint=project] #nextProject{position:absolute;right:0;bottom:-60px;text-decoration:unset;height:50px;width:50px;color:#fff;display:grid;place-items:center;color:#000;border-radius:1000px;color:var(--color-1)}body[blueprint=project] #nextProject,body[blueprint=project] #nextProject *{font-family:var(--font-family);font-weight:400;font-size:17rem;line-height:21rem;letter-spacing:.025em}@media (max-width: 799px){body[blueprint=project] #nextProject{background-color:transparent;border:unset;color:var(--color-1);top:-5px;right:10px}}body[blueprint=project] #nextProject svg{top:50%;left:50%;translate:-50% -50%;width:90%;height:90%;rotate:90deg;stroke-width:.03em}body[blueprint=project] #previousCell,body[blueprint=project] #nextCell{position:absolute;width:250px;height:250px;color:#fff;border-radius:50%;display:grid;place-items:center;z-index:1;top:calc(50% + 40px);left:0;translate:0 -50%;opacity:.3;transition:.15s;overflow:hidden}body[blueprint=project] #previousCell:hover,body[blueprint=project] #nextCell:hover{opacity:1}@media (max-width: 799px){body[blueprint=project] #previousCell,body[blueprint=project] #nextCell{display:none}}body[blueprint=project] #previousCell svg,body[blueprint=project] #nextCell svg{width:100%;height:100%;top:50%;left:50%;translate:calc(-50% - 20px) -50%;stroke-width:.2px}body[blueprint=project] #nextCell{left:unset;right:0}body[blueprint=project] #nextCell svg{translate:calc(-50% + 20px) -50%}body[blueprint=project] #closeProject{right:80px;top:40px}@media (max-width: 799px){body[blueprint=project] #closeProject{right:25px;top:25px}}body[blueprint=project] #projectCarousel{flex:1;display:flex;flex-direction:column;height:100%;margin-left:50px;width:calc(100% - 50px);background-color:var(--color-2)}@media (max-width: 799px){body[blueprint=project] #projectCarousel{margin-left:unset;width:100%}}body[blueprint=project] #projectCarousel .flickity-viewport{flex:1;opacity:0;transition:1s;transition-delay:.65s}@media (max-width: 799px){body[blueprint=project] #projectCarousel .flickity-viewport{height:100dvh;height:-webkit-fill-available;height:stretch}}body[blueprint=project] #projectCarousel.flickity-enabled.is-draggable .flickity-viewport{opacity:1}body[blueprint=project] #projectCarousel .flickity-cell{height:100%}body[blueprint=project] #projectCarousel figure{width:100%;height:100%}@media (max-width: 799px){body[blueprint=project] #projectCarousel figure{width:auto}}body[blueprint=project] #projectCarousel img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 799px){body[blueprint=project] #projectCarousel img{width:auto;max-width:unset}}body[blueprint=project] #projectNavigation{padding:20px 80px 82px 50px;display:flex}@media (max-width: 799px){body[blueprint=project] #projectNavigation{position:absolute;bottom:0;background-color:#fff;width:100%;align-items:flex-start;padding:15px 10px 62px 28px}}body[blueprint=project] #projectNavigation #projectTitle{flex:1}body[blueprint=project] #projectNavigation #projectCarouselMediaTitle,body[blueprint=project] #projectNavigation #projectCarouselMediaTitle *{font-family:var(--font-family);font-weight:400;font-size:17rem;line-height:21rem;letter-spacing:.025em}body[blueprint=project] #projectNavigation #projectCarouselMediaTitle .carousel-cell{width:100%}body[blueprint=project] #projectNavigation #openProjectDetails{width:30px;height:30px;border:1px solid black;border-radius:50%;margin-right:10px}@media (max-width: 799px){body[blueprint=project] #projectNavigation #openProjectDetails{top:-3px;width:25px;height:25px;margin-right:7px}}body[blueprint=project] #projectNavigation #openProjectDetails:hover{background-color:#000;color:#fff}body[blueprint=project] #projectNavigation #openProjectDetails span{position:absolute;top:50%;left:50%;translate:-50% -50%;display:block;width:12px;height:1px;background-color:currentColor}body[blueprint=project] #projectNavigation #openProjectDetails span:nth-child(2){rotate:90deg}body[blueprint=project] #projectNavigation h1{margin:.3em 0 0}body[blueprint=project] #projectNavigation h1,body[blueprint=project] #projectNavigation h1 *{font-family:var(--font-family-2);font-weight:400;font-size:20rem;line-height:25rem}@media (max-width: 799px){body[blueprint=project] #projectNavigation h1{margin-top:.1em}}body[blueprint=project] #projectNavigation .controls{display:flex;gap:10px;margin-left:auto}@media (max-width: 799px){body[blueprint=project] #projectNavigation .controls{align-self:flex-end}}body[blueprint=project] #projectDetails{background-color:var(--color-3);position:fixed;bottom:0;left:50px;width:60%;translate:0 calc(100% - 18px);transition:.6s;z-index:100}@media (max-width: 799px){body[blueprint=project] #projectDetails{width:100%;left:0}}body[blueprint=project] #projectDetails .inner-container{max-height:75vh;overflow-y:scroll;padding:90px 100px 100px 40px;opacity:0;transition:.6s}@media (max-width: 799px){body[blueprint=project] #projectDetails .inner-container{max-height:calc(100vh - 100px);padding:90px 30px 80px}}body[blueprint=project] #projectDetails .button-close{right:50px;top:75px;translate:50% 0}body[blueprint=project] #projectDetails h1{margin-bottom:2em}body[blueprint=project] #projectDetails h1,body[blueprint=project] #projectDetails h1 *{font-family:var(--font-family-2);font-weight:400;font-size:20rem;line-height:25rem}body[blueprint=project] #projectTable,body[blueprint=project] #projectTable *,body[blueprint=project] #projectDescription,body[blueprint=project] #projectDescription *{font-family:var(--font-family-2);font-weight:300;font-size:20rem;line-height:25rem}body[blueprint=project] #projectTable table,body[blueprint=project] #projectDescription table{display:block}body[blueprint=project] #projectTable tbody,body[blueprint=project] #projectDescription tbody{-webkit-border-horizontal-spacing:unset;-webkit-border-vertical-spacing:unset;all:unset}@media (max-width: 799px){body[blueprint=project] #projectTable tr,body[blueprint=project] #projectDescription tr{display:inline}}body[blueprint=project] #projectTable td,body[blueprint=project] #projectTable th,body[blueprint=project] #projectDescription td,body[blueprint=project] #projectDescription th{padding:unset;margin:unset}@media (max-width: 799px){body[blueprint=project] #projectTable td,body[blueprint=project] #projectTable th,body[blueprint=project] #projectDescription td,body[blueprint=project] #projectDescription th{display:inline}}body[blueprint=project] #projectTable th,body[blueprint=project] #projectDescription th{vertical-align:top;text-align:left;text-decoration:underline;text-underline-offset:.225em;text-decoration-thickness:.025em;padding-right:2em}@media (max-width: 799px){body[blueprint=project] #projectTable th,body[blueprint=project] #projectDescription th{padding-right:unset}}body[blueprint=project] #projectDescription{margin-top:44rem}body[blueprint=project] #projectDescription,body[blueprint=project] #projectDescription *{font-family:var(--font-family-2);font-weight:300;font-size:20rem;line-height:25rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent;scrollbar-gutter:none}*::-webkit-scrollbar{width:3px;background:transparent}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-scrollbar)}body{min-height:100dvh}.button-close{width:50px;height:50px;transition:.15s;z-index:1;cursor:pointer;position:absolute;top:68px;right:15px}.button-close>*{pointer-events:none}.button-close span{position:absolute;top:50%;left:50%;translate:-50% -50%;display:block;width:30px;height:1px;background-color:var(--color-1);rotate:45deg}@media (max-width: 799px){.button-close span span{width:25px}}.button-close span:nth-child(2){rotate:-45deg}
