@font-face{font-family:Standard;src:url(Grot.woff2)format("woff2"),url(Grot.woff)format("woff"),url(Grot.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:StandardItalic;src:url(Grot-Italic.woff2)format("woff2"),url(Grot-Italic.woff)format("woff"),url(Grot-Italic.ttf)format("truetype");font-weight:400;font-style:normal}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"kern" "calt" 1;-ms-font-feature-settings:"kern" "calt" 1;-o-font-feature-settings:"kern" "calt" 1;-webkit-font-feature-settings:"kern" "calt" 1;font-feature-settings:"kern" "calt" 1;font-kerning:normal;background-color:#fff;margin:20px;font-family:Standard,Helvetica,Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.25em}p{margin-block-start:0;margin-block-end:0}em{font-family:StandardItalic,Helvetica Neue,Helvetica,sans-sans-serif;font-style:normal}a{color:#000;text-decoration:none}a:hover{color:#00f}ul{color:#000;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:15px;list-style-type:"• ";display:block}.loadlater{transition-property:opacity;transition-duration:.5s}.invisible{opacity:0;width:300px;height:0;transition-property:opacity;transition-duration:1s}.visible{opacity:1;transition-property:opacity;transition-duration:1s}.opaque{opacity:.4}.page-transition{transition-property:opacity;transition-duration:.35s}html.is-changing .page-transition{opacity:1;transition:opacity .35s}html.is-animating .page-transition{opacity:0}nav{z-index:3;position:fixed;top:20px;left:20px}nav span{opacity:.4}nav span a:hover{opacity:1;color:#000}nav span.active,nav span.active a,nav span:hover{opacity:1}nav .responsivedivider{display:none}@media (max-width:600px){nav .responsivedivider{display:inline}}nav .process{cursor:pointer}@media (min-width:1100px){nav.processshown{max-width:calc(100vw - 600px)}}#landingpage{width:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}#landingpage .landingproject{justify-content:center;align-items:center;height:calc(100vh - 40px);margin:auto;padding:20px;display:flex;position:relative}#landingpage .landingproject img,#landingpage .landingproject video{width:auto;max-width:1200px;height:auto;max-height:calc(100% - 100px);display:block}@media only screen and (max-width:1300px){#landingpage .landingproject img,#landingpage .landingproject video{max-width:calc(100vw - 56px)}}#office{grid-gap:30px;width:calc(100vw - 60px);padding-bottom:2em;font-size:1em;display:grid;position:absolute;top:60px;left:20px}@media only screen and (max-width:800px){#office{top:80px}}@media only screen and (max-width:400px){#office{top:80px;left:20px}}#office ul{padding-inline-start:15px;line-height:1.2em}#office ul li{opacity:.4;margin-top:0;list-style-type:"– ";transition:opacity .1s}#office ul li:hover{opacity:1}@media (max-width:800px){#office ul{padding-inline-start:20px}}#office .details{font-size:20px;line-height:1.2em}.overview{z-index:2;position:absolute;top:80px;left:20px}.overview a{color:#000;text-decoration-line:none}.overview a :hover{color:#00f}.overview ul{padding-inline-start:0;line-height:2.6em;list-style-type:none}.overview ul li{transition:opacity .7s;display:inline}.overview ul li:hover img{opacity:1}.overview ul li img{opacity:0;max-height:140px;margin-right:12px;transition:opacity .7s}@media (max-width:600px){.overview ul li img{display:none}}.overview ul li img:first-of-type{opacity:1}@media (max-width:600px){.overview ul li img:first-of-type{display:unset}}#project{width:100%;max-width:1800px;position:absolute;top:0;left:50%;transform:translate(-50%)}#project .project{justify-content:center;align-items:center;height:calc(100vh - 40px);margin:auto;padding:20px;display:flex;position:relative}#project .project img,#project .project video{width:auto;max-width:1200px;height:auto;max-height:calc(100% - 100px);display:block}@media only screen and (max-width:1300px){#project .project img,#project .project video{max-width:calc(100vw - 56px)}}#project .project .otherprojects{position:absolute;bottom:60px;left:20px}#project .project .otherprojects .title{text-align:left;width:100%;margin-bottom:.8em}#project .project .otherprojects .nextboth{grid-template-columns:auto auto auto;column-gap:20px;display:grid}#project .project .otherprojects .nextboth img{max-height:200px}@media only screen and (max-width:600px){#project .project .otherprojects .nextboth{column-gap:20px}#project .project .otherprojects .nextboth img{max-width:90px;max-height:150px}#project .project .otherprojects .nextboth .next{display:none}}#project .project:last-of-type{cursor:n-resize}@media only screen and (max-width:1100px){#project.processshown{display:none}}.story{color:#000;-ms-overflow-style:none;scrollbar-width:none;background-color:#fffc;max-width:500px;height:100vh;padding-bottom:60px;position:fixed;top:0;right:0;overflow:scroll}.story::-webkit-scrollbar{display:none}.story .close{cursor:pointer;z-index:3;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:fixed;top:20px;right:20px;z-index:6!important}.story .close:before,.story .close:after{content:"";background-color:#000;border-radius:2px;width:17px;height:1.25px;position:absolute}.story .close:before{transform:rotate(45deg)}.story .close:after{transform:rotate(-45deg)}.story .next{margin-bottom:60px;margin-left:20px}.story .text{margin:20px 40px 20px 20px}@media only screen and (max-width:1100px){.story .text{margin-left:0}}.story .text p{text-indent:20px;padding-right:10px}.story .text p:first-of-type{text-indent:0!important}.story .gallery{box-sizing:content-box;text-align:left;margin-left:20px;padding-top:0;line-height:0}.story .gallery img{opacity:1;max-width:400px;margin-left:20px;padding-right:15px}@media only screen and (max-width:1100px){.story .gallery img{max-width:calc(100vw - 140px)}}.story .gallery.multiple img{cursor:e-resize}.story .gallery .legende{text-align:left;margin-left:20px;padding-top:3px;font-size:12px;line-height:14px}@media only screen and (min-width:1100px){.story .gallery .legende{max-width:380px}}.story .gallery .legende a:before{content:"→ ";margin-right:1px}.story .video{margin-left:20px}.story .video video{max-width:400px;margin-left:20px;padding-right:15px}@media only screen and (max-width:1100px){.story .video video{max-width:calc(100vw - 140px)}}.story .video .legende{text-align:left;margin-left:20px;padding-top:3px;font-size:12px;line-height:14px}@media only screen and (min-width:1100px){.story .video .legende{max-width:380px}}.story .video .legende a:before{content:"→ ";margin-right:1px}.story .gallery+.gallery{margin-top:20px}.story .text+.gallery,.story .gallery+.text{margin-top:2em}.story .quote{padding-left:20px;padding-right:80px}.story .quote .quotetext{padding-top:0;padding-bottom:0;padding-left:20px}.story .quote .quotecitation{padding-top:3px;padding-left:20px;font-size:10px;line-height:12px}.story .quote .quotecitation a:before{content:"→ ";margin-right:1px}@media only screen and (max-width:1100px){.story{height:auto;overflow:unset;width:100%;max-width:700px;min-height:100vh;margin-left:0;padding-top:2em;padding-right:0;position:relative}}@media only screen and (max-width:600px){.story{padding-top:2em}}@media only screen and (max-width:400px){.story{padding-top:3em}}#copyright{opacity:.2;font-size:10px;line-height:14px;position:fixed;bottom:20px;left:20px}#copyright:hover{opacity:1}@media (max-width:600px){#copyright{display:none}}