html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{text-align:left;padding:0}
@font-face{font-family:Soehne;src:url(../media/soehne-web-buch.18bf60f0.woff2);font-style:normal;font-weight:400}@font-face{font-family:Soehne;src:url(../media/soehne-web-buch-kursiv.716a23b7.woff2);font-style:italic;font-weight:400}@font-face{font-family:Soehne;src:url(../media/soehne-web-kraftig.9f1dd9a6.woff2);font-style:normal;font-weight:700}html,body{font-family:Soehne,Helvetica,Arial,sans-serif}.xl-heading{font-family:Soehne,Helvetica,Arial,sans-serif;font-weight:700;font-size:calc(4rem + (5.625 - 4)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));line-height:calc(4rem + (5.5 - 4)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));min-height:0}h1{font-family:Soehne,Helvetica,Arial,sans-serif;font-weight:700;font-size:calc(2.8125rem + (4 - 2.8125)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));line-height:calc(4rem + (5.5 - 4)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));min-height:0}h2{font-family:Soehne,Helvetica,Arial,sans-serif;font-weight:700;font-size:calc(2rem + (2.8125 - 2)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));line-height:calc(2.5rem + (4 - 2.5)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));min-height:0}@media screen and (max-width:25.875rem){.xl-heading{font-size:4rem;line-height:5.5rem}h1{font-size:2.8125rem;line-height:4rem}h2{font-size:2rem;line-height:2.5rem}}@media screen and (min-width:90rem){.xl-heading{font-size:5.625rem;line-height:6.5rem}h1{font-size:4rem;line-height:5.5rem}h2{font-size:2.8125rem;line-height:4rem}}h3{margin-bottom:1.5rem;font-family:Soehne,Helvetica,Arial,sans-serif;font-size:2rem;font-weight:700;line-height:2.5rem}h4{margin-bottom:.5rem;font-family:Soehne,Helvetica,Arial,sans-serif;font-size:1.4375rem;font-weight:700;line-height:2rem}.body-large{font-family:Soehne,Helvetica,Arial,sans-serif;font-size:1.4375rem;font-weight:400;line-height:2rem}p{margin-bottom:1rem;font-family:Soehne,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.5rem}.small{font-size:.8125rem;line-height:1rem}.main-about-text h2{font-family:Soehne,Helvetica,Arial,sans-serif;font-weight:700}.more-info li{line-height:1.5rem}
:root{--viewport-max:90;--viewport-min:25.875;--side-margin:calc(1.25rem + (4 - 1.25)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--column-gutter:calc(1.5rem + (2 - 1.5)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--logo-size:calc(1rem + (1.5 - 1)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-16-32:calc(1rem + (2 - 1)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-16-24:calc(1rem + (1.5 - 1)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-24-32:calc(1.5rem + (2 - 1.5)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-32-48:calc(2rem + (3 - 2)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-40-56:calc(2.5rem + (3.5 - 2.5)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-48-64:calc(3rem + (4 - 3)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-56-72:calc(3.5rem + (4.5 - 3.5)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-16-48:calc(1rem + (3 - 1)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-32-64:calc(2rem + (4 - 2)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-48-96:calc(3rem + (6 - 3)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));--spacing-72-96:calc(4.5rem + (6 - 4.5)*((100vw - 25.875rem)/(var(--viewport-max) - var(--viewport-min))));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-font-feature-settings:"zero","ss02";-webkit-font-feature-settings:"zero","ss02";font-feature-settings:"zero" on,"ss02" on}@media screen and (max-width:25.875rem){:root{--side-margin:1.25rem;--column-gutter:1rem;--logo-size:1rem;--spacing-16-32:1rem;--spacing-16-24:1rem;--spacing-24-32:1.5rem;--spacing-32-48:2rem;--spacing-40-56:2.5rem;--spacing-48-64:3rem;--spacing-56-72:3.5rem;--spacing-16-48:1rem;--spacing-32-64:2rem;--spacing-48-96:3rem;--spacing-72-96:4.5rem}}@media screen and (min-width:90rem){:root{--side-margin:4rem;--column-gutter:2rem;--logo-size:1.5rem;--spacing-16-32:2rem;--spacing-16-24:1.5rem;--spacing-24-32:2rem;--spacing-32-48:3rem;--spacing-40-56:3.5rem;--spacing-48-64:4rem;--spacing-56-72:4.5rem;--spacing-16-48:3rem;--spacing-32-64:4rem;--spacing-48-96:6rem;--spacing-72-96:6rem}}.layout.theme-dark{--bg-color:black;--font-color:#f2f2f2;--font-color-inactive:#f2f2f280;--placeholder:#f2f2f21a}.layout.theme-bright{--bg-color:white;--font-color:#262626;--font-color-inactive:#26262680;--placeholder:#2626261a}.layout{background:var(--bg-color);color:var(--font-color);z-index:1;flex-direction:column;flex-grow:1;display:flex}.layout:after{content:"";z-index:-99;background:var(--bg-color);position:fixed;inset:0}*{margin:0;padding:0}body{flex-direction:column;height:100svh;margin:0 auto;font-size:100%;display:flex}ul{list-style-type:none}iframe{background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}a{color:var(--font-color);border-bottom:1px solid var(--font-color-inactive);text-decoration:none}a:hover,nav a{border-bottom:none}nav a:hover{border-bottom:1px solid var(--font-color-inactive)}.link-title{font-size:1rem;display:inline-block}.link-description{color:var(--font-color-inactive);font-size:1rem}.project-media>img,.image-highlight>img,.work-image-content>img{object-fit:cover;width:100%;height:100%}.content{padding-bottom:var(--spacing-48-64);flex-direction:column;flex-grow:1;display:flex}article{margin:0;padding:0}.static-page{grid-column-gap:var(--column-gutter);column-gap:var(--column-gutter);margin-top:var(--spacing-32-48);margin-left:var(--side-margin);margin-right:var(--side-margin);flex-grow:1;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}nav{padding:var(--spacing-24-32)var(--side-margin);z-index:2;grid-template-columns:1fr 3fr;align-items:center;display:grid}.header{background-color:var(--bg-color);transition:all .3s ease-in-out;position:sticky}.header.scroll-down{top:-8rem}.header.scroll-up{top:0}.intro-header{box-sizing:border-box;background:0 0;width:100%;position:fixed}.menu{text-align:right;justify-self:end}.menu li{margin-left:1rem;display:inline-block}a.current-page{color:var(--font-color-inactive);pointer-events:none;border:none}.logo-nav{place-items:center start;display:grid}.logo-nav svg{height:var(--logo-size);stroke:var(--font-color);stroke-width:2px;display:grid}.insta-logo{stroke:var(--font-color);position:relative;bottom:-.09rem}.insta-logo svg{width:.875rem}.insta-logo a:hover{border:none}.insta-logo svg .tiny{stroke:none;fill:var(--font-color)}.insta-logo svg:hover .outline{fill:var(--font-color);stroke:var(--font-color)}.insta-logo svg:hover .big,.insta-logo svg:hover .tiny{fill:var(--bg-color);stroke:none}.logo-nav a:hover{border:none}.logo-nav .current-page{pointer-events:none}footer{padding:1.5rem var(--side-margin)var(--spacing-40-56)var(--side-margin);z-index:3;grid-template-columns:1fr 1fr;align-items:center;display:grid}footer .left{display:flex}footer .left *{margin-right:.5rem}.logo-footer svg{height:.75rem;stroke:var(--font-color);stroke-width:2px}footer .left :last-child{margin-right:0}footer .right{flex-direction:row-reverse;display:flex}footer .right *{margin-left:1rem}.video-highlight,.image-highlight{margin-bottom:var(--spacing-32-48);pointer-events:none;padding:56.25% 0 0;position:relative;overflow:hidden}.video-highlight-fallback{z-index:-1;background:linear-gradient(to right,var(--bg-color),var(--placeholder));pointer-events:none;animation-name:progressBar;animation-duration:2s;animation-iteration-count:infinite;position:absolute;inset:0}@keyframes progressBar{0%{transform:translate(-100%)}to{transform:translate(100%)}}.project-intro{column-gap:var(--column-gutter);margin-bottom:var(--spacing-48-96);margin-left:var(--side-margin);margin-right:var(--side-margin);grid-template-columns:1fr 1fr;display:grid}.project-intro p:last-of-type{margin-bottom:0}.project-content{margin-left:var(--side-margin);margin-right:var(--side-margin);margin-bottom:var(--spacing-32-64);column-gap:var(--column-gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.project-content>p{grid-column:1/span 6}.project-content>h3{margin-top:var(--spacing-16-48);grid-column:1/span 6}.project-media-container{margin-bottom:var(--spacing-32-64);gap:var(--column-gutter);grid-column:span 12;grid-template-rows:min-content;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative}p+.project-media-container{margin-top:var(--spacing-16-48)}.project-media{width:100%;height:100%;position:relative;overflow:hidden}.project-media.large{grid-column:span 12}.project-media.medium{grid-column:span 8}.project-media.small{grid-column:span 6}.project-media.third,.project-media.vertical-video{grid-column:span 4}.project-media .video-container{background-color:var(--placeholder);padding:56.25% 0 0;position:relative}.project-media.vertical-video .video-container{grid-column:span 6;padding:177.7% 0 0}.project-content:empty,.project-content>:last-child{margin-bottom:0}.more-info{margin-left:var(--side-margin);margin-right:var(--side-margin);column-gap:var(--column-gutter);grid-column:1/span 12;grid-template-columns:1fr 1fr 1fr;display:grid}.more-info p{margin:0}.next-project{color:var(--font-color);text-align:right;align-self:end}.next-project h4 a,.next-project h4{margin:0}.category-selector-wrapper{-webkit-mask-image:linear-gradient(90deg,#fff0 var(--side-margin),#fff var(--side-margin),#fff calc(100% - var(--side-margin) - 3rem),#fff0 calc(100% - var(--side-margin)));mask-image:linear-gradient(90deg,#fff0 var(--side-margin),#fff var(--side-margin),#fff calc(100% - var(--side-margin) - 3rem),#fff0 calc(100% - var(--side-margin)));overflow:hidden}.category-selector-limiter{-webkit-overflow-scrolling:touch;margin-bottom:-20px;padding-bottom:20px;overflow-x:scroll}.category-selector{margin-left:var(--side-margin);margin-right:var(--side-margin);justify-content:center;gap:var(--spacing-16-24);margin-top:.5rem;margin-bottom:2rem;display:flex}@media screen and (max-width:750px){.category-selector{margin-right:calc(var(--side-margin) + 12rem);justify-content:flex-start}.category-selector:after{content:"";flex-shrink:0;width:3rem;height:1px;display:block}}.category-selector button{color:var(--font-color);font:inherit;cursor:pointer;white-space:nowrap;border:none;border-bottom:1px solid var(--font-color-inactive);background:0 0}.category-selector button:hover{border:none;border-bottom:1px solid #0000}button.current-category{cursor:auto;pointer-events:none;color:var(--font-color-inactive);border-bottom:1px solid #0000}.work-category{margin-left:var(--side-margin);margin-right:var(--side-margin);grid-column-gap:var(--column-gutter);grid-row-gap:var(--column-gutter);grid-column-gap:var(--column-gutter);row-gap:var(--spacing-32-48);grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;display:grid}.work-card{grid-column:span 4}.work-card-featured{grid-column:span 12}.work-card-media{border-radius:2px;margin-bottom:.5rem;position:relative;overflow:hidden}.work-card-media:before{content:"";display:block}.work-card .work-card-media:before{padding-top:75%}.work-card-featured .work-card-media:before{padding-top:42.85%}.work-image-content{object-fit:cover;position:absolute;inset:0}.work-video-content{z-index:1;position:absolute;inset:0;overflow:hidden}.work-video-content iframe{pointer-events:none;width:135%;height:135%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-page-links{margin-bottom:var(--spacing-48-64);grid-column:span 6}.studio-info{grid-column:span 3}.studio-info-section:first-of-type{margin-bottom:var(--spacing-32-48)}.about-intro-text{margin-bottom:var(--spacing-48-96);grid-column:span 12}.about-section{column-gap:var(--column-gutter);margin-bottom:var(--spacing-48-96);grid-column:span 12;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.about-section h3{margin-bottom:2rem}.about-section:last-of-type{margin-bottom:0}.about-section-heading{grid-column:span 3}.about-section-content{grid-column-gap:var(--column-gutter);column-gap:var(--column-gutter);grid-column:span 9;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.about-section-content p{grid-column:span 3}.about-section-content p:last-of-type{margin-bottom:0}.about-section-content>.press{grid-column-gap:var(--column-gutter);grid-row-gap:1.5rem;column-gap:var(--column-gutter);grid-column:span 3;grid-template-columns:1fr 1fr 1fr;row-gap:1.5rem;display:grid}.full-bleed{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.full-bleed iframe{object-fit:fit;pointer-events:none;width:100vw;height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (min-aspect-ratio:16/9){.full-bleed iframe{height:56.25vw}}@media (max-aspect-ratio:16/9){.full-bleed iframe{width:177.78vh}}.main-intro-text{text-align:center;width:100%;height:100%;padding-left:var(--side-margin);padding-right:var(--side-margin);box-sizing:border-box;align-items:center;display:grid;position:absolute;top:-2.5vh;left:0}.featured-work-info{z-index:999;margin-left:var(--side-margin);margin-right:var(--side-margin);padding-bottom:var(--spacing-40-56);margin-top:1rem;position:sticky;bottom:0}.featured-work-info .link-title{border-bottom:1px solid var(--font-color-inactive);display:inline-block}.main-featured-work:hover .link-title{border-bottom:1px solid #0000}.cta{box-sizing:border-box;text-align:right;width:100%;padding-top:var(--spacing-32-48);margin-bottom:var(--spacing-56-72);padding-left:var(--side-margin);padding-right:var(--side-margin)}.cta:last-of-type{margin-bottom:0}.main-about-text{box-sizing:border-box;width:100%;padding-left:var(--side-margin);padding-right:var(--side-margin)}.not-found{text-align:center;padding-bottom:5vh;padding-left:var(--side-margin);padding-right:var(--side-margin);box-sizing:border-box;flex-grow:1;align-items:center;display:grid}@media screen and (max-width:370px){.logo-footer{display:none}}@media screen and (max-width:600px){.contact-footer{display:none}footer .left :nth-child(2){margin:0}.about-section-content>.press{grid-column:span 3;grid-template-columns:1fr 1fr}.video-highlight,.image-highlight{margin-bottom:var(--spacing-32-48);pointer-events:none;padding:133.3% 0 0;position:relative;overflow:hidden}.video-highlight iframe{width:240%;position:absolute;top:0%;left:-70.25%}}@media screen and (max-width:1024px){.project-intro{margin-left:var(--side-margin);margin-right:var(--side-margin);display:block}.project-intro h2{margin-bottom:var(--spacing-16-32)}.project-media-container{gap:1rem}.project-media{grid-column:span 12!important}.more-info{column-gap:var(--column-gutter);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.credits,.project-links{margin-bottom:var(--spacing-32-48);grid-column:1/span 7}.next-project{text-align:left;grid-column:1/span 7}.work-card,.work-card-featured{grid-column:span 12}.work-card-featured .work-card-media:before{padding-top:75%}.contact-page-links{grid-column:span 12}.studio-info{grid-column:span 6}.about-section-heading,.about-section-content{grid-column:span 12}}@media screen and (min-aspect-ratio:16/11){.video-highlight,.image-highlight{width:100%;height:auto;padding:42.85% 0 0;overflow:hidden}.video-highlight iframe{width:100%;height:132.5%;position:absolute;top:-20%}}@media screen and (max-width:1250px){.project-content>p,.project-content>h3{grid-column:1/span 7}}@media screen and (max-width:850px){.project-content>p,.project-content>h3,.credits,.project-links,.next-project{grid-column:1/span 8}}@media screen and (max-width:750px){.project-content>p,.project-content>h3,.credits,.project-links,.next-project{grid-column:1/span 9}}@media screen and (max-width:650px){.project-content>p,.project-content>h3,.credits,.project-links,.next-project{grid-column:1/span 10}.team{grid-template-columns:1fr 1fr}}@media screen and (max-width:550px){.project-content>p,.project-content>h3,.credits,.project-links,.next-project{grid-column:1/span 11}}@media screen and (max-width:450px){.project-content>p,.project-content>h3,.credits,.project-links,.next-project{grid-column:1/span 12}}@media screen and (min-width:2160px){html,body{font-size:calc(.952381vw - 4.57143px)}}
