html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-blue:#004dce;--color-white:#fefefe;--color-green:#4ef992;--color-black:#120e20;--color-darkgrey:#69647c;--color-grey:#928ea3;--color-lightgrey:#e6e6ec;--color-alert:#F94200}@font-face{font-family:'Px Grotesk';src:url('/assets/fonts/px-grotesk/Px-Grotesk-Regular.eot');src:url('/assets/fonts/px-grotesk/Px-Grotesk-Regular.eot?#iefix') format('embedded-opentype'),url('/assets/fonts/px-grotesk/Px-Grotesk-Regular.woff2') format('woff2'),url('/assets/fonts/px-grotesk/Px-Grotesk-Regular.woff') format('woff');font-weight:400;font-style:normal}:root{--ft-b-100:clamp(1.125rem, 1.294498vw + 0.8216rem, 2.375rem)}:root{--display-font-xl:calc(var(--ft-b-100) * 3.8);--display-font-l:calc(var(--ft-b-100) * 2.5);--display-font-m:calc(var(--ft-b-100) * 2);--display-font-s:calc(var(--ft-b-100) * 1.5);--body-font-l:var(--ft-b-100);--body-font-m:calc(var(--body-font-l) * 0.75);--body-font-s:calc(var(--body-font-l) * 0.62);--body-font-xs:calc(var(--body-font-l) * 0.56)}@media (-webkit-min-device-pixel-ratio:2) and (min-height:580px) and (max-width:800px){:root{--body-font-l:calc(var(--ft-b-100) * 1.1);--body-font-m:calc(var(--body-font-l) * 0.9);--body-font-s:calc(var(--body-font-l) * 0.75);--body-font-xs:calc(var(--body-font-l) * 0.7)}}@media only screen and (min-device-width:480px) and (max-device-width:932px) and (orientation:landscape){:root{--display-font-xl:calc(var(--ft-b-100) * 2.8);--display-font-l:calc(var(--ft-b-100) * 1.5);--display-font-m:calc(var(--ft-b-100) * 1.2);--display-font-s:calc(var(--ft-b-100) * 1);--body-font-l:calc(var(--ft-b-100) * .9);--body-font-m:calc(var(--body-font-l) * 0.65);--body-font-s:calc(var(--body-font-l) * 0.52);--body-font-xs:calc(var(--body-font-l) * 0.46)}}body,button,html{font-family:'Px Grotesk',sans-serif;color:var(--color-black);font-feature-settings:"ss02"}h1,h2,h3,h4,h5,h6{font-weight:400}p{font-size:calc(var(--body-font-l) * .95);line-height:1.25;max-width:26em}em,strong{font-style:normal;font-weight:400}header blockquote *{margin:0;font-size:var(--display-font-l)}h1{font-size:var(--display-font-l)}h2{font-size:var(--display-font-m)}.testimonial-card .author{font-size:var(--body-font-s)}.contact-prompt *{font-size:var(--display-font-m)}label{font-size:var(--body-font-xs);margin-bottom:2em;display:inline-block}figcaption{line-height:1.3}blockquote em,h1 em{display:inline-block;margin:0 .4em;position:relative}blockquote em:before,h1 em:before{content:'';display:block;position:absolute;left:-.4em;top:-.03em;width:calc(100% + .8em);height:calc(100% + .1em);border:2px solid var(--color-black);border-radius:.5em}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background-color:var(--color-white);-webkit-font-smoothing:antialiased;-webkit-user-drag:none;overflow-x:hidden}blockquote{margin:0}ul{list-style:none;margin:0;padding:0}address{font-style:normal}a{color:var(--color-blue)}:root{--space-7xl:calc(var(--display-font-xl) * 2.5);--space-6xl:calc(var(--display-font-xl) * 2);--space-5xl:calc(var(--display-font-xl) * 1.5);--space-4xl:calc(var(--display-font-xl) * 1.2);--space-3xl:calc(var(--display-font-xl) * 1);--space-2xl:calc(var(--display-font-xl) * 0.8);--space-xl:calc(var(--display-font-xl) * 0.6);--space-l:calc(var(--display-font-xl) * 0.4);--space-m:calc(var(--display-font-xl) * 0.3);--space-s:calc(var(--display-font-xl) * 0.1);--space-xs:calc(var(--display-font-xl) * 0.04);--layout-padding:var(--space-l);--max-content-width:1920px}.container{width:100%;margin:var(--space-xl) 0;overflow:hidden}.content{width:100%}.content-wrapper,.full-bleed .content{max-width:var(--max-content-width);padding:var(--space-l) var(--layout-padding);margin:0 auto}@media (min-width:1400px) and (max-width:2160px){:root{--layout-padding:var(--space-5xl)}}.full-bleed .content-wrapper{max-width:inherit;padding:0;margin:0}.rounded .content-wrapper{border-radius:var(--space-xl)}#site-header,#site-header-logo{top:0;width:100%;height:calc(3em + var(--space-l) * 2);display:flex;justify-content:space-between;align-items:center;padding:var(--space-l);position:absolute}#site-header-logo{z-index:2}#site-header{top:0;width:100%;height:calc(3em + var(--space-l) * 2);display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:var(--space-l);position:absolute;mix-blend-mode:difference;z-index:5}#site-header-logo .logo{font-size:var(--body-font-l);height:1.25em;margin-top:-.25em;pointer-events:all;opacity:1;transition:opacity .4s ease-in-out}body.menu-open #site-header-logo .logo{opacity:0}#site-header button{position:fixed;right:var(--space-m);pointer-events:all;display:flex;justify-content:flex-end;align-items:center;padding:0 1em;font-size:var(--body-font-m);text-transform:uppercase;height:3em;cursor:pointer;outline:0;background-color:transparent;color:var(--color-white);border:none;border-radius:.75em;transition:color .2s ease-in-out}#site-header button:hover{background-color:transparent;color:var(--color-grey)}body.menu-open #site-header button:hover{background-color:transparent}#site-header button:active{background-color:transparent}#site-header .menu-button__label-close,#site-header .menu-button__label-open{text-align:left;display:inline-block;margin-top:.06em;margin-left:.4em}#site-header button .icon{margin-left:.5em;height:3em;display:flex;align-items:center;justify-content:center}#site-header button .icon img{width:var(--body-font-l);height:var(--body-font-l)}#site-header .menu-button__label-close,#site-header button .icon-close{display:none}.menu-open #site-header .menu-button__label-close,.menu-open #site-header button .icon-close{display:inherit}.menu-open #site-header .menu-button__label-open,.menu-open #site-header button .icon-menu{display:none}@media (-webkit-min-device-pixel-ratio:2){#site-header button{font-size:var(--body-font-l)}}.page-header{margin-top:var(--space-7xl);margin-bottom:var(--space-l);display:flex;align-items:flex-end}.page-header blockquote{max-width:var(--max-content-width);width:100%;padding:0 var(--layout-padding);margin:0 auto}.page-header p{max-width:12em}@media (min-width:2160px){.page-header em,.page-header p{font-size:calc(var(--display-font-l) * 1.4)}}@media (min-width:3000px){.page-header em,.page-header p{font-size:calc(var(--display-font-l) * 1.7)}}.footer-section{margin-bottom:0;margin-top:0}.footer-section .content-wrapper{background-color:var(--color-black)}#site-footer{color:var(--color-white);padding:0;display:flex;flex-direction:column;align-items:flex-start}#site-footer .nav-menu{display:inline-grid;grid-template-columns:auto auto auto auto auto;grid-gap:var(--space-xl);margin-top:var(--space-2xl)}#site-footer .nav-menu a,#site-footer .nav-menu address{font-size:var(--body-font-m)}#site-footer .nav-group label{color:var(--color-grey)}#site-footer .nav-menu a:not(.button-link){color:var(--color-white);line-height:1.5}#site-footer .nav-menu a:not(.button-link):after{border-color:var(--color-white)}#site-footer .copyright{color:var(--color-grey);margin:6em 0 0 0}#site-footer .nav-group-contact{grid-area:1/1}#site-footer .nav-group-address{grid-area:1/2}#site-footer .nav-menu .button-link{--btn-link-bg-color:var(--color-green);--btn-link-fg-color:var(--color-black)}#site-footer .contact-prompt{height:40dvh;min-height:30em;display:flex;flex-direction:column;align-items:center;justify-content:center;background-size:cover;margin-bottom:var(--space-m);margin-top:var(--space-m);align-self:stretch}@media (min-width:1080px){#site-footer .contact-prompt{--display-font-m:calc(var(--display-font-l))}}@media (min-width:1920px){#site-footer .contact-prompt{--display-font-m:calc(var(--display-font-l) * 1.2);margin-top:var(--space-xl)}#site-footer .nav-menu{grid-template-columns:auto auto auto auto auto auto}}#site-footer .contact-prompt p{margin:0;white-space:nowrap}#site-footer .contact-prompt .button-link{font-size:var(--display-font-m)}#site-footer .contact-prompt p+p{margin-top:.4em}#site-footer .contact-prompt p:first-child{margin-top:-.25em;margin-right:12vw}#site-footer .contact-prompt p:last-child{margin-left:30vw}html[lang=de] #site-footer .contact-prompt p:first-child{margin-right:10vw}html[lang=de] #site-footer .contact-prompt p:last-child{margin-left:18vw}@media (max-width:1024px){#site-footer .nav-menu{grid-template-columns:auto auto auto;grid-template-rows:auto auto;grid-column-gap:var(--space-2xl);grid-row-gap:var(--space-s)}#site-footer .nav-group-page-links{grid-area:1/3/3/3}}@media (max-width:676px){#site-footer .nav-menu{grid-template-columns:auto auto;grid-template-rows:auto auto auto;grid-column-gap:var(--space-2xl);grid-row-gap:var(--space-s)}#site-footer .nav-group-page-links{grid-area:1/2/2/2}#site-footer .nav-group-address{grid-area:3/1/3/3}#site-footer .nav-group-lang label{max-width:8em}#site-footer nav .nav-group label{margin-bottom:.75em}#site-footer nav .nav-group{margin-bottom:var(--space-l)}}@media (max-aspect-ratio:1.1){#site-footer .contact-prompt p{text-align:center}html[lang=de] #site-footer .contact-prompt .button-link,html[lang=de] #site-footer .contact-prompt p{font-size:var(--body-font-l)}#site-footer .contact-prompt p:first-child{margin-right:0;white-space:wrap}#site-footer .contact-prompt p:last-child{margin-left:0}}.nav-menu a{text-decoration:none;font-weight:400;position:relative;overflow:hidden;display:inline-block}.nav-menu a:not(.button-link):after{content:'';display:block;position:absolute;bottom:-4px;width:100%;border-width:1px;border-style:solid;opacity:0;transition:opacity .2s ease-in-out}.nav-menu a.active:after,.nav-menu a:hover:after{bottom:0;opacity:1}.nav-menu a:focus{outline:0}.nav-menu a:focus:after{bottom:0;border-color:var(--color-blue)}.nav-menu .nav-group-address p{margin:0;line-height:1.2;font-size:var(--body-font-m)}.nav-menu .nav-group a{line-height:1.2}.nav-menu .nav-group-page-links li a{line-height:1.3;display:inline-block}.nav-menu .button-link{margin-bottom:.4em}#main-nav{position:fixed;height:100%;width:100%;top:0;z-index:3;display:flex;justify-content:flex-end;overflow:hidden;pointer-events:none}body.menu-open main header .hints,body.menu-open main section{transform:translateX(-10%)}body main header .hints,body main section{transform:translateX(0);transition:transform .6s cubic-bezier(.76, 0, .24, 1)}#main-nav:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);opacity:0;transition:opacity .4s ease-in-out;pointer-events:none}#main-nav.open:before{opacity:1}body.menu-open #main-nav{pointer-events:all}#main-nav .nav-menu{display:inline-grid;font-size:var(--body-font-l);height:100%;background-color:var(--color-lightgrey);padding:var(--space-2xl);padding-top:5em;padding-right:var(--space-4xl);grid-template-columns:auto auto;grid-template-rows:auto 1fr auto;grid-gap:var(--space-l);grid-column-gap:var(--space-4xl);transform:translateX(100%);transition:transform .54s cubic-bezier(.76, 0, .24, 1)}#main-nav.open .nav-menu{transform:translateX(0)}#main-nav .nav-menu .nav-group-page-links{grid-area:1/2/4/2}#main-nav .nav-menu li{line-height:1;font-size:0}#main-nav .nav-menu .nav-group-page-links a{font-size:var(--display-font-s)}#main-nav a{font-size:var(--body-font-m)}#main-nav .nav-menu a:not(.button-link){color:var(--color-black)}#main-nav .nav-menu a:not(.button-link):after{border-color:var(--color-black)}#main-nav .nav-menu label{color:var(--color-darkgrey)}@media (-webkit-min-device-pixel-ratio:2) and (min-height:580px){nav{--pixel-ratio-factor:1.1}nav{--display-font-s:calc(var(--body-font-l) * 1.4 * var(--pixel-ratio-factor));--body-font-m:calc(var(--body-font-l) * .75 * var(--pixel-ratio-factor));--body-font-xs:calc(var(--body-font-l) * .6 * var(--pixel-ratio-factor))}nav .nav-group{margin-bottom:var(--space-m)}nav .nav-group label{margin-bottom:1em}}@media (-webkit-min-device-pixel-ratio:2) and (max-height:786px){#main-nav .nav-group-social{display:none}}@media (max-width:480px){#main-nav .nav-menu{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;padding:var(--space-xl);padding-top:var(--space-l);grid-gap:var(--space-m);grid-column-gap:var(--space-m)}}@media (max-width:1024px){#main-nav .nav-menu{width:100%}}a.button-link{border-width:2px;border-style:solid;border-radius:1em;padding:.5em 1em;font-size:var(--body-font-l);--btn-link-bg-color:var(--color-black);--btn-link-fg-color:var(--color-lightgrey);border-color:var(--btn-link-bg-color);color:var(--btn-link-bg-color);text-decoration:none;white-space:nowrap;transition:background-color .2s ease-in-out,color .2s ease-in-out}a.button-link.button-link--compact{padding:.1em .6em;border-radius:.6em}a.button-link.button-link--green{--btn-link-bg-color:var(--color-green);--btn-link-fg-color:var(--color-black)}a.button-link.button-link--blue{--btn-link-bg-color:var(--color-blue);--btn-link-fg-color:var(--color-white)}a.button-link:hover{background-color:var(--btn-link-bg-color);color:var(--btn-link-fg-color)}.image-link{position:relative;overflow:hidden;display:inline-block;width:100%}.image-link:before{content:'';display:block;position:absolute;z-index:1;width:200%;height:200%;right:0;bottom:0;background:rgba(0,0,0,.1);background:radial-gradient(ellipse,rgba(0,0,0,0) 60%,rgba(0,0,0,.3) 100%);mix-blend-mode:multiply;transform:scale(1)}.image-link:after{color:var(--color-black);font-size:var(--display-font-s);line-height:1;text-align:center;z-index:2;content:'+';display:block;width:var(--display-font-s);height:var(--display-font-s);border-radius:100%;background:var(--color-green);position:absolute;right:var(--space-s);bottom:var(--space-s);transition:transform .2s ease-in-out}.image-link:hover:after{transform:scale(1.2)}@media (-webkit-min-device-pixel-ratio:2){.image-link:after{font-size:calc(var(--body-font-l) * 1.7);width:calc(var(--body-font-l) * 1.7);height:calc(var(--body-font-l) * 1.7);right:calc(var(--space-s) * 1.7);bottom:calc(var(--space-s) * 1.7)}}.image-link img{position:relative;transform-origin:center;transform:scale(1.05);transition:transform .2s ease-in-out}.image-link:hover:before{transform:scale(1.05)}.image-link:hover img{transform:scale(1)}.tag{font-size:var(--body-font-s);text-transform:uppercase;--tag-bg-color:var(--color-lightgrey);--tag-fg-color:var(--color-black);background:var(--tag-bg-color);color:var(--tag-fg-color);display:inline-block;padding:.5em 1em;border-radius:.75em}.tag.tag--white{--tag-bg-color:var(--color-white);--tag-fg-color:var(--color-black)}section:has(.tagged-block){padding-left:0;padding-right:0}.tagged-block{max-width:var(--max-content-width);margin:0 auto;display:grid;grid-template-columns:var(--space-7xl) 1fr;grid-gap:var(--space-xl);align-items:start;padding-left:var(--space-l);padding-right:var(--space-l)}.tagged-block p:first-of-type{margin-top:0}.tagged-block .tag{justify-self:end}@media (max-width:640px){.tagged-block{grid-template-columns:1fr;grid-template-rows:auto auto}.tagged-block .tag{justify-self:start}}.work-card{display:flex;flex-direction:column;align-items:flex-start}.work-card h1{font-size:var(--body-font-l)!important;margin-top:.5em!important;margin-bottom:.5em!important;max-width:14em}.work-card h1 a{text-decoration:none;color:var(--color-black)}.work-card p{margin-top:0;font-size:var(--body-font-s);color:var(--color-darkgrey)}.work-card .image-link{aspect-ratio:16/9}.work-card img{width:100%!important;height:100%!important;object-fit:cover}.work-list{margin-top:var(--space-2xl);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,auto);grid-gap:var(--space-xl)}.work-list li{grid-row:span 3}.work-list li:nth-child(2){grid-area:2/2/5/2}@media (max-width:768px){.work-list{grid-template-columns:1fr;grid-template-rows:auto}.work-list li{grid-area:auto!important;grid-row:auto!important}}.news-list{margin-top:var(--space-2xl);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-xl)}.news-card{display:flex;flex-direction:column;align-items:flex-start}.news-card .tag{margin-bottom:1em}.news-card .image-link{margin-bottom:1em;aspect-ratio:4/3}.news-card p{max-width:100%}.news-card img{width:100%;height:100%;object-fit:cover}.news-card__body{width:100%}.news-card__body :first-child{margin-top:0}.news-card__body *{font-size:var(--body-font-xs)}@media (max-width:1400px){.news-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.news-list li:last-child{display:none}}@media (max-width:512px){.news-list{grid-template-columns:1fr}}.play-all-index .page-header blockquote em:before,.play-index .page-header blockquote em:before{border:none;background:var(--color-green);z-index:-1;top:0}.play__experimental-hint{margin-top:var(--space-xl);font-size:var(--body-font-xs);color:var(--color-darkgrey);position:relative;margin-left:2.3em}.play__experimental-hint:before{content:'△';display:block;width:1.5em;height:1.5em;background:var(--color-alert);color:var(--color-white);text-align:center;line-height:1.55em;position:absolute;left:-2.3em;border-radius:100%}.play-card{display:flex;flex-direction:column;align-items:flex-start}.play-card h1{font-size:var(--body-font-l)!important;margin-top:.5em!important;margin-bottom:.4em!important;max-width:14em}.play-card h1 a{text-decoration:none;color:var(--color-black)}.play-card p{margin-top:0;font-size:var(--body-font-s);color:var(--color-darkgrey)}.play-card .image-link{aspect-ratio:4/3}.play-card img{width:100%;height:100%;object-fit:cover}.play-list{margin-top:var(--space-2xl);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,auto);grid-gap:var(--space-3xl);grid-column-gap:var(--space-5xl)}.play-list>li{grid-row:span 3}.play-list>li:nth-child(2){grid-area:2/2/5/2}@media (max-width:768px){.play-list{grid-template-columns:1fr;grid-template-rows:auto}.play-list>li{grid-area:auto!important;grid-row:auto!important}}.tech-stack-icon{width:100%;height:100%;display:block;overflow:hidden}.tech-stack__item svg{width:110%;height:110%;object-fit:contain;position:relative;top:-5%;left:-5%}.meta-info-row{width:100%;display:flex;border-top:1px solid var(--color-grey);padding-top:1.25em;padding-bottom:var(--space-s);margin-bottom:var(--space-m)}.meta-info-row>*+*{margin-left:var(--space-m)}.meta-info-block label{color:var(--color-darkgrey);margin-bottom:1em;text-transform:uppercase}.meta-info-block p,.meta-info-block ul{font-size:var(--body-font-s);margin-top:0;margin-bottom:0}.meta-info-block ul li{line-height:1.3}.meta-info-block--tech-stack .tech-stack{display:grid;grid-template-columns:repeat(4,2.5em);grid-template-rows:repeat(auto-fill,2.5em);grid-gap:1px}.meta-info-block--tech-stack .tech-stack__item{font-size:0;aspect-ratio:1;box-shadow:0 0 0 1px var(--color-grey)}.meta-info-block--tech-stack .tech-stack__item span{display:none}.meta-info-block--tech-stack [data-tooltip]:before{bottom:-1.5em}[data-tooltip]{position:relative}[data-tooltip]:before{visibility:hidden;opacity:0;pointer-events:none;z-index:2;transition:opacity .2s ease,transform .1s ease}[data-tooltip]:before{position:absolute;bottom:.5em;left:50%;max-width:18em;padding:.25em .75em;border-radius:.6em;transform:translate(-50%,1em);background-color:var(--color-black);color:var(--color-lightgrey);content:attr(data-tooltip);text-align:center;font-size:var(--body-font-xs);line-height:1.2}[data-tooltip]:hover:before{visibility:visible;opacity:1;transform:translate(-50%,0)}.work-story-block{display:grid;grid-template-columns:20% 1fr;grid-template-rows:auto;justify-items:start;align-items:start;grid-gap:var(--space-xl);grid-row-gap:var(--space-l);margin:var(--space-4xl) 0 var(--space-l) 0}.work-story-block .tag{justify-self:end;grid-area:2/1}.work-story-block .button-link{margin-top:.25em;display:inline-block}.work-story-block__content{grid-area:2/2}.work-story-block h1{font-size:var(--display-font-m);margin:0;grid-area:1/2}.work-story-block__content p:first-child{margin-top:0}@media (max-width:1024px){.work-story-block{grid-template-columns:1fr;grid-template-rows:auto}.work-story-block .tag{justify-self:start}.work-story-block .tag,.work-story-block h1,.work-story-block__content{grid-area:auto}}.index main header{overflow:hidden}.index main header{height:100vh;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;justify-content:center;align-items:center}.index main header atuin-ribbon{position:fixed;top:0;left:0;width:100%;z-index:-1}@media (min-aspect-ratio:1.1){.index main header atuin-ribbon{transition:opacity .1s}}.index .ribbon-content{width:100vw;min-height:100dvh;display:grid;grid-template-rows:1fr auto;grid-template-columns:1fr;justify-content:center;align-items:center}.index main header blockquote{justify-self:center;padding:0 var(--space-l)}.index main header blockquote p{position:relative}@media (min-aspect-ratio:1.1){.index main header blockquote p:first-child{left:-1em}.index main header blockquote p:last-child{right:-1em}}@keyframes hints-fade-on-scroll{from{opacity:1}to{opacity:0}}.index main header .hints{font-size:var(--body-font-xs);text-transform:uppercase;display:flex;justify-content:space-between;padding:0 var(--space-l) var(--space-l) var(--space-l);align-self:end;animation:hints-fade-on-scroll linear both;animation-timeline:scroll(root);animation-range:0px 80px}.index header blockquote *{font-size:var(--display-font-xl)}.index h1{font-size:var(--display-font-l);margin-bottom:.5em;margin-top:1em}.show-all-link{text-align:center;margin:var(--space-2xl) 0}@media (max-width:375px){.index header blockquote *{font-size:calc(var(--display-font-xl) * .8)}}@media (min-width:1080px){.index h1{font-size:calc(var(--display-font-l) * 1.4)}}@media (min-width:2160px){.index header blockquote *{font-size:calc(var(--display-font-xl) * 1.2)}.index h1{font-size:calc(var(--display-font-l) * 1.6)}}@media (min-width:3000px){.index header blockquote *{font-size:calc(var(--display-font-xl) * 1.6)}}.index .intro-section .content-wrapper{display:flex;align-items:center;flex-direction:column;padding-top:var(--space-5xl);padding-bottom:var(--space-2xl)}.index .intro-section .content{font-size:var(--body-font-l);max-width:40em;display:flex;flex-direction:column}.index .intro-section .content p{margin:0;max-width:24em}.index .intro-section .content p:first-child{border-bottom:2px solid var(--color-black);padding-bottom:.75em}.index .intro-section .content p:last-child{align-self:flex-end;border-left:2px solid var(--color-black);padding:.8em 0 0 .9em}@media (max-width:640px){.index .intro-section .content p:first-child{border:none;padding-bottom:1em}.index .intro-section .content p:last-child{align-self:flex-start;margin-left:0;border:none;padding:0}.index .intro-section .content p:before{content:' ▧ '}}.index .service-section{padding-top:0;margin-bottom:var(--space-s)}.index .service-section{margin-top:0;padding:0 var(--space-s)}.index .service-section .content-wrapper{background-color:var(--color-black);color:var(--color-white);max-width:calc(var(--max-content-width) - 2 * var(--layout-padding));padding-left:0;padding-right:0}.index .service-section .content{max-width:none;padding:0;display:flex;flex-direction:column;align-items:center}.index .service-section .content p{padding:0 var(--space-l)}.index .service-section .ribbon-container{margin-top:0;margin-bottom:0;width:100%;overflow:hidden;position:relative;display:flex}@keyframes ribbon-loop{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.index .service-section .service-list{display:flex;align-items:center;white-space:nowrap;justify-content:space-around;color:var(--color-lightgrey);font-size:calc(var(--display-font-l) * 2);text-transform:uppercase;line-height:1.3;width:fit-content}.index .service-section .service-list{animation:ribbon-loop 50s linear infinite}.index .service-section .service-list li{margin-right:.25em}.index .service-section .service-list li:before{content:' ▨ '}.index .facts-section{margin-top:0;padding:0 var(--space-s)}.index .facts-section .content-wrapper{background-color:var(--color-blue);color:var(--color-white);max-width:calc(var(--max-content-width) - 2 * var(--layout-padding))}.index .facts-section h1{font-size:var(--body-font-l);margin-bottom:0;text-align:center}.index .company-facts-list{padding-top:var(--space-2xl);font-size:var(--body-font-m);padding-bottom:var(--space-5xl);display:flex;width:100%;justify-content:center;overflow:hidden}.index .company-facts-list li{position:relative}.index .company-facts-list li+li{margin-left:1.25em}.index .company-facts-list em{font-size:var(--display-font-s);background-color:var(--color-white);color:var(--color-black);padding:.25em .5em;border-radius:.75em}.index .company-facts-list span{font-size:calc(var(--display-font-s) * .5);position:absolute;top:calc(var(--display-font-s) * 1.5);width:160%;padding-left:var(--space-s);transform-origin:top left;transform:translateX(-30%) rotate(45deg)}@media (max-width:768px){.index .company-facts-list{padding:var(--space-s);padding-top:var(--space-m);padding-bottom:0;margin-bottom:-.75em;display:grid;grid-template-columns:1fr 1fr 2fr;grid-gap:var(--space-m)}.index .company-facts-list li+li{margin-left:0}.index .company-facts-list li{display:flex;text-align:center;flex-direction:column}.index .company-facts-list em{display:inline-block;font-size:var(--display-font-m)}.index .company-facts-list span{font-size:calc(var(--ft-b-100) * .7);margin-top:.5em;padding:0;position:initial;transform:none;width:auto}.index .company-facts-list li:last-child{grid-area:2/1/2/4}}@media (max-width:512px){.index .company-facts-list em{font-size:var(--display-font-s)}}.index .news-section{max-width:var(--max-content-width);margin:0 auto}@media (max-width:512px){.index .news-list li{display:none}.index .news-list li:first-child{display:block}}.index .work-section .content-wrapper{background:var(--color-lightgrey)}.index .team-prompt-section{margin-top:var(--space-2xl);padding:0 var(--space-s)}.index .team-prompt-section .content-wrapper{background-color:var(--color-blue);color:var(--color-white);max-width:calc(var(--max-content-width) - 2 * var(--layout-padding))}.index .team-prompt-section .content{display:flex;flex-direction:column;padding-bottom:var(--space-l)}.index .team-prompt-section h1{margin-top:.45em;margin-bottom:.75em}.index .team-prompt-section h1,.index .team-prompt-section p{padding-left:var(--space-m)}.index .team-prompt-section h1 em:before{border-color:var(--color-white)}.index .team-prompt-section p:last-child{width:100%;max-width:none;text-align:right;margin:0;padding:var(--space-l) var(--space-l) 0 0}.index .team-prompt-section .button-link{--btn-link-bg-color:var(--color-white);--btn-link-fg-color:var(--color-blue);align-self:flex-end;margin-top:var(--space-2xl)}@media (max-width:768px){.index .team-prompt-section{margin-top:var(--space-s)}}.index .clients-section{margin-bottom:0}.index .clients-section .content{max-width:none;padding-left:0;padding-right:0}.index .clients-section .content h1,.index .clients-section .content p{max-width:var(--max-content-width);margin-left:auto;margin-right:auto;padding:0 var(--layout-padding)}.index .clients-section .content p{display:grid;grid-template-columns:minmax(0,26em) 1fr}.index .clients-section .client-list-container{max-width:none;padding:0;margin:var(--space-2xl) 0 0 0}.index .client-list{display:flex;width:fit-content;align-items:center;justify-content:space-around;position:relative}.index .clients-section .ribbon-container-2 .client-list{right:calc(var(--space-5xl) * 5.5 + var(--space-2xl) * 5.5)}.index .clients-section .ribbon-container-3 .client-list{right:calc(var(--space-5xl) * 9 + var(--space-2xl) * 9)}.index .client-list li{width:var(--space-5xl);height:var(--space-4xl)}.index .client-list li{display:flex;margin-left:var(--space-2xl)}.index .client-list li img{width:100%;height:100%;object-fit:contain;filter:grayscale(100%);transition:filter .2s}.index .client-list li a:hover img{filter:grayscale(0%)}.index .clients-section .ribbon-container{width:100%;overflow:hidden;position:relative;display:flex;margin-bottom:var(--space-s)}@keyframes ribbon-loop{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.index .clients-section .ribbon-container .client-list{animation:ribbon-loop 80s linear infinite}.testimonials-section{margin-top:0}.testimonials-section .testimonial-list{display:flex;flex-direction:column;align-items:flex-start;margin-top:var(--space-xl)}.testimonials-section .testimonial-list li+li{margin-top:var(--space-s)}.testimonials-section .testimonial-list li:nth-child(2n){align-self:flex-end}.testimonial-card{font-size:var(--body-font-l);background-color:var(--color-lightgrey);border-radius:1.5em;padding:1em 1.25em}@media (max-width:640px){.testimonial-card p{font-size:var(--body-font-m)}}.testimonial-card p:first-child{margin-top:0}.testimonial-card p:first-child:before{content:'→ '}.testimonial-card .author{margin-top:var(--space-l)}.testimonial-card .author span:first-child{text-transform:uppercase}.testimonial-card .author span:last-child{margin-top:.25em;color:var(--color-darkgrey);display:block}.index .tech-section{margin-bottom:var(--space-s)}.index .tech-section .content-wrapper{padding-bottom:0;padding-right:var(--space-s);padding-left:var(--space-s)}.index .tech-section .content{background-color:var(--color-green);overflow:hidden}.index .tech-section h1{margin-top:1em}.index .tech-section h1,.index .tech-section p{margin-left:var(--space-l);margin-right:var(--space-l)}.index .tech-section h1 em:before{left:-.45em;top:-.04em}.index .tech-section .tech-stack{margin-top:var(--space-l);display:grid;grid-template-columns:repeat(14,1fr);grid-auto-flow:dense;align-content:center;justify-content:center;padding-left:0;padding-right:0;padding-bottom:0;gap:1px;overflow:hidden;border-top:1px solid var(--color-black)}@media (min-aspect-ratio:1.5){.index .tech-section .tech-stack{grid-template-columns:repeat(16,1fr)}}.index .tech-section .tech-stack__item{display:flex;flex-direction:column;align-items:center;aspect-ratio:1;box-shadow:0 0 0 1px var(--color-black);position:relative}.index .tech-section .tech-stack__item[data-weight="2"]{grid-column:span 2;grid-row:span 2}.index .tech-section .tech-stack__item[data-weight="4"]{grid-column:span 4;grid-row:span 4}.index .tech-section .tech-stack__item span{position:absolute;bottom:.6em;font-size:var(--body-font-xs);opacity:.8;display:none}.index .tech-section .tech-stack__item[data-weight="0"] span{display:none}body.work-index{background:var(--color-lightgrey)}.tech-talk-section{margin:var(--space-xl) 0;margin-bottom:var(--space-s);padding:0 var(--space-s)}.tech-talk-section .content-wrapper{background-color:var(--color-blue);color:var(--color-white);max-width:calc(var(--max-content-width) - 2 * var(--layout-padding));padding-left:0;padding-right:0}.tech-talk-section .content{max-width:none;display:flex;flex-direction:column;align-items:flex-start;padding:0 var(--space-l)}.tech-talk-section h2{margin-top:0}.tech-talk-section .button-link{--btn-link-bg-color:var(--color-white)!important;--btn-link-fg-color:var(--color-blue)!important;display:inline-block}.tech-talk-section address{width:100%}.tech-talk-section address ul{margin-top:var(--space-l);display:flex;flex-wrap:wrap;width:100%;justify-content:flex-end}.tech-talk-section address ul li{margin-top:var(--space-s)}.tech-talk-section address ul li+li{margin-left:var(--space-s)}body[class^=work]{background:var(--color-lightgrey)}body[class^=work] img,body[class^=work] video{max-width:100%;height:auto}body[class^=work] figure{margin:var(--space-xl) 0;text-align:center}body[class^=work] figcaption{font-size:var(--body-font-xs);color:var(--color-darkgrey);margin-top:var(--space-s)}.work-detail__header h1{margin-top:3em}.work-detail__header p{color:var(--color-darkgrey)}.work-detail__header h1,.work-detail__header p{max-width:var(--max-content-width);margin-left:auto;margin-right:auto;padding:0 var(--layout-padding)}.work-detail__header p{display:grid;grid-template-columns:minmax(0,26em) 1fr}.work-detail__header img{width:100%;height:60vh!important;object-fit:cover;margin:var(--space-l) 0}@media (min-aspect-ratio:1.4){.work-detail__header img{height:80vh!important}}.work-detail__meta-data{display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,min-content));max-width:var(--max-content-width);margin:0 auto;padding:0 var(--layout-padding);grid-gap:var(--space-xl)}.work-detail__next-project-footer{max-width:var(--max-content-width);margin:0 auto;padding:var(--space-s)}.next-project-footer__content{background:var(--color-white);padding:var(--space-xl);padding-bottom:var(--space-l);display:grid;grid-template-columns:1fr 50%;grid-gap:var(--space-xl);position:relative;overflow:hidden}.next-project-footer__content .tag{justify-self:start;align-self:start}@media (max-width:768px){.next-project-footer__content{grid-template-columns:1fr}}.team-index main .content{width:100%;max-width:none;padding-left:0;padding-right:0;overflow:hidden}.team-index main .content>p,.team-member-row{max-width:var(--max-content-width);margin-left:auto;margin-right:auto;padding:0 var(--layout-padding)}.team-index main .content>p{display:grid;grid-template-columns:minmax(0,26em) 1fr}.team-member-row{max-width:var(--max-content-width);display:grid;grid-template-columns:repeat(auto-fit,minmax(18em,1fr));grid-gap:var(--space-3xl);margin:0 auto;padding:var(--space-l) var(--layout-padding)}.team-member-row img{max-width:var(--space-4xl);height:auto}.team-photo-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-s);max-width:100%;margin:var(--space-4xl) 0}.team-photo-row--l1>:last-child{margin-top:10vw}.team-photo-row--l2>:first-child{margin-top:14vw}.team-photo-row--l3>:first-child{margin-top:8vw}.team-photo-row img{width:100%;height:auto}.team-card h1{font-size:var(--body-font-l);margin:0 0 .25em}.team-card h2{font-size:var(--body-font-s);text-transform:uppercase;color:var(--color-darkgrey);margin:.25em 0}.team-card img{float:left;margin:0 var(--space-s) var(--space-s) 0}.team-card__content p{clear:both;font-size:var(--body-font-s)}.team-card__contact{display:grid;grid-template-columns:1fr;grid-gap:var(--space-s);justify-items:start}.team-card__contact a{font-size:var(--body-font-s)}@media (max-width:640px){.team-photo-row{display:flex;flex-direction:column;margin:var(--space-2xl) 0}.team-photo-row>:first-child{margin-right:20%;margin-top:0}.team-photo-row>:last-child{margin-left:20%;margin-top:0}.team-photo-row--l1>:last-child,.team-photo-row--l2>:first-child,.team-photo-row--l3>:first-child{margin-top:0}.team-card img{float:none;display:block;max-width:50%;margin:0 0 var(--space-s)}.team-card__content{margin-top:var(--space-s)}}.imprint main h1,.terms main h1{font-size:var(--display-font-m);margin-top:1.5em}.terms main section p{max-width:36em;font-size:var(--body-font-s)}.imprint main .company-address{margin-bottom:var(--space-l)}.imprint main .company-address label{font-size:var(--body-font-s);color:var(--color-darkgrey);margin-bottom:.5em}.imprint main .company-address p{margin:0}.imprint main .contact-buttons ul{display:grid;grid-template-rows:1fr 1fr;grid-gap:var(--space-s);justify-items:start}.imprint main .contact-buttons a{display:block}.imprint main .company-data{font-size:var(--body-font-s);color:var(--color-darkgrey)}.imprint main .company-data li{margin-bottom:var(--space-m)}.imprint main .company-data li em{color:var(--color-black);display:block;font-size:var(--body-font-l);margin-top:.5em}body.contact .page-header em{color:var(--color-white)}body.contact .page-header em::before{border:none;background:var(--color-blue);z-index:-1}.contact-form{width:100%;max-width:60rem;margin-bottom:var(--space-2xl);font-size:.8em}.contact-form__services{list-style:none;padding:0;margin:var(--space-m) 0 var(--space-l);display:flex;flex-wrap:wrap;gap:var(--space-s)}.contact-form__service-item{display:contents}.contact-form__service-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.contact-form__service-label{display:inline-block;border:2px solid var(--color-blue);border-radius:1em;padding:.3em .8em;font-size:var(--body-font-s);color:var(--color-blue);background:0 0;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out;white-space:nowrap;margin:.1em 0}.contact-form__service-checkbox:checked+.contact-form__service-label{background-color:var(--color-blue);color:var(--color-white)}.contact-form__field{margin-bottom:var(--space-l)}.contact-form__label{display:block;font-size:var(--body-font-m);font-weight:400;margin-bottom:var(--space-xs);color:var(--color-black)}.contact-form__input,.contact-form__textarea{display:block;width:100%;background:var(--color-lightgrey);border:none;border-bottom:2px solid transparent;padding:.5em .75em;font-size:var(--body-font-m);font-family:inherit;color:var(--color-black);outline:0;transition:border-color .2s ease-in-out;box-sizing:border-box}.contact-form__input:focus,.contact-form__textarea:focus{border-bottom-color:var(--color-blue)}.contact-form__input--error,.contact-form__input--error:focus{border-bottom-color:#c0392b}.contact-form__textarea{resize:vertical;min-height:10em}.contact-form__submit{display:block;margin-left:auto;border:2px solid var(--color-black);border-radius:1em;padding:.5em 1em;font-size:var(--body-font-l);font-family:inherit;background:0 0;color:var(--color-black);cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}.contact-form__submit:hover{background-color:var(--color-black);color:var(--color-white)}.contact-form__message{margin-top:var(--space-m);padding:.75em 1em;border-radius:.25em;font-size:var(--body-font-l);line-height:1.4}.contact-form__message--success{background-color:color-mix(in srgb,var(--color-blue) 10%,transparent);border:1px solid var(--color-blue);color:var(--color-blue)}.contact-form__message--error{background-color:color-mix(in srgb,#c0392b 10%,transparent);border:1px solid #c0392b;color:#c0392b}.contact-form__submit--loading,.contact-form__submit:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}