@font-face{font-family:Karla;src:url(/fonts/Karla-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Karla;src:url(/fonts/Karla-Bold.ttf) format("truetype");font-weight:700;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:root{--background-color: #000000;--font-color: #ffffff;--divider-color: #595959;--border-color: #ffffff;--font-family: "Karla";--spacing-small: .5rem;--spacing-medium: 1rem;--spacing-large: 2rem;--spacing-extra-large: 4rem;--mobile-spacing-small: .25rem;--mobile-spacing-medium: .5rem;--mobile-spacing-large: 1rem;--mobile-spacing-extra-large: 2rem;--font-size-button: 16px;--font-size-small: 24px;--font-size-medium: 40px;--font-size-large: 64px;--mobile-font-size-button: 12px;--mobile-font-size-small: 16px;--mobile-font-size-medium: 24px;--mobile-font-size-large: 32px}body{background-color:var(--background-color);color:var(--font-color);font-family:var(--font-family),Arial,sans-serif;font-size:var(--font-size-small)}body,body a,button{cursor:none!important}.section-headline{width:100%;text-align:center;font-size:var(--font-size-large)}@media (max-width: 700px){body{font-size:var(--mobile-font-size-small)}body{cursor:default!important}body a,button{cursor:pointer!important}.section-headline{font-size:var(--mobile-font-size-large)}}header{position:fixed;top:0;left:0;width:100%;z-index:10}.header-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-small) var(--spacing-medium);margin:var(--spacing-medium) var(--spacing-large);border-radius:100px;background-color:#1213164d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.header-button{all:unset;cursor:pointer;display:flex;align-items:center}.header-button-text{padding:8px 16px;color:var(--font-color);text-transform:uppercase;font-size:var(--font-size-button);border-radius:100px;border:1px solid var(--border-color)}.header-button-icon{border-radius:100px;border:1px solid var(--border-color);padding:2px 10px 5px}.header-button-icon img{width:16px;height:16px;margin-top:7px}.header-button:hover .header-button-icon{background-color:#94bcee}@media (max-width: 700px){.header-button-text{font-size:var(--mobile-font-size-button)}.header-container{padding:var(--mobile-spacing-medium) var(--mobile-spacing-large);margin:var(--mobile-spacing-large)}}.hero-section{min-height:100vh;width:100%;display:flex;flex-direction:column;position:relative}.hero-container{width:100%;height:100%;position:absolute}.hero-canvas{width:100%;height:100%;-webkit-mask:linear-gradient(white 90%,transparent);mask:linear-gradient(white 90%,transparent)}.hero-text{position:absolute;right:0;left:0;bottom:5rem;z-index:1}.hero-line{position:absolute;right:0;left:0;bottom:0;z-index:1;width:1px;height:4rem;background-color:#fff;margin:0 auto}.waving-hand{animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(10deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.about-line{width:1px;height:4rem;background-color:#fff;margin:0 auto 2rem}.about-text{margin-left:var(--spacing-large);margin-right:var(--spacing-large);max-width:1000px;font-size:var(--font-size-medium);font-weight:700;line-height:1.25}.about-text .letter{color:#666;transition:color .3s ease}.about-text .letter.revealed{color:#fff}@media (max-width: 700px){.about-text{font-size:var(--mobile-font-size-medium);margin-left:var(--mobile-spacing-large);margin-right:var(--mobile-spacing-large)}}.divider{width:100%;min-height:1px;background-color:var(--divider-color);margin:var(--spacing-extra-large) 0}@media (max-width: 700px){.divider{margin:var(--mobile-spacing-extra-large) 0}}.work-container{margin:var(--spacing-large) var(--spacing-large) 0 var(--spacing-large);display:flex;flex-direction:row;gap:var(--spacing-large);height:100%}.cards{max-width:66%;height:100%;margin:0 auto}.cards a{text-decoration:none;color:var(--font-color)}.card{opacity:0;filter:blur(5px);transform:translateY(10%);transition:all 1s}.show{opacity:1;filter:blur(0);transform:translateY(0)}@media (max-width: 1200px){.cards{max-width:100%}}@media (max-width: 700px){.work-container{margin:var(--mobile-spacing-large) var(--mobile-spacing-large) 0 var(--mobile-spacing-large);gap:var(--mobile-spacing-large)}}.card{width:100%;height:calc(100vh - 200px);margin-bottom:4rem;display:flex;flex-direction:column;gap:var(--spacing-medium);overflow:hidden;position:relative;border-radius:20px}.card-tag{position:absolute;padding:var(--spacing-small) var(--spacing-medium);top:var(--spacing-medium);left:var(--spacing-medium);background-color:var(--background-color);color:var(--font-color);font-size:var(--font-size-button);text-transform:uppercase;border-radius:100px;border:1px solid var(--divider-color);box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.image-section{flex-grow:1;flex-shrink:1;min-height:0;display:flex;justify-content:center;align-items:center;border-radius:20px}.image-section img{border-radius:20px;width:100%;height:auto;max-height:100%;object-fit:contain}.work-description{flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-large);padding-bottom:var(--spacing-small)}.work-description p{font-size:var(--font-size-medium)}.work-description img{height:40px;width:auto;transition:transform .3s ease-in-out}.card:hover .work-description img{transform:translate(3px)}@media (max-width: 1000px){.card{height:500px}}@media (max-width: 700px){.card{height:400px}.card-tag{font-size:var(--mobile-font-size-button)}.work-description{gap:var(--mobile-spacing-large)}.work-description p{font-size:var(--mobile-font-size-medium)}}@media (max-width: 400px){.card{height:300px}}.skill-element{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:1rem}.skill-element p{text-align:left;font-size:var(--font-size-medium);font-weight:700}.skill-divider{margin-top:.5rem;width:100%;height:2px;background-color:#fff}@media (max-width: 1000px){.skill-element{display:flex;gap:var(--mobile-spacing-large)}.skill-element p{font-size:var(--mobile-font-size-medium)}}.skills-container{margin:var(--spacing-large)}@media (max-width: 700px){.skills-container{margin:var(--mobile-spacing-large)}}footer{margin:0 var(--spacing-large) var(--spacing-extra-large) var(--spacing-large);display:flex;flex-direction:row;justify-content:space-between;align-items:center}footer div p{font-size:var(--font-size-small)}.footer-links{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-large)}.footer-link{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-small);text-decoration:none;font-size:var(--font-size-small);border-bottom:1px solid transparent;color:var(--font-color);transition:all .3s ease-in-out}.footer-link:hover{border-bottom:1px solid var(--border-color)}.footer-links button{all:unset;cursor:pointer;display:flex;align-items:center;border:1px solid var(--border-color);border-radius:100px}.footer-links button img{transform:rotate(270deg);margin:var(--spacing-small)}@media (max-width: 900px){footer{flex-direction:column-reverse;gap:var(--spacing-medium)}footer div p{font-size:var(--mobile-font-size-small)}.footer-link{font-size:var(--mobile-font-size-small)}.footer-links button img{width:16px;margin:8px}}.cursor-inner{width:12px;height:12px;background:var(--font-color)}.cursor-outer{width:32px;height:32px}.cursor-outer svg{width:100%;height:100%}.cursor-inner,.cursor-outer{position:fixed;top:0;left:0;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);z-index:9999}.progress-circle{position:absolute;top:0;left:0}circle[data-progress-circle]{transform:rotate(-90deg);transform-origin:center;stroke-dasharray:0;stroke-dashoffset:0;transition:stroke-dashoffset .1s linear}@media (max-width: 700px){.cursor-outer,.cursor-inner{display:none}}body{background-color:var(--background-color)}.details-image{height:calc(100vh - 300px);margin:0 var(--spacing-large);display:flex;align-items:center;justify-content:center;border-radius:20px}.details-image img{max-height:100%;width:auto;border-radius:20px}.details-section{margin-left:var(--spacing-large);margin-right:var(--spacing-large)}.details-headline{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-medium);margin-bottom:var(--spacing-medium)}.details-headline h2{font-size:var(--font-size-medium)}.dot{width:16px;height:16px;border-radius:50%;background-color:var(--font-color)}.details-description{max-width:1000px}.details-description p,.details-description ul{margin-bottom:var(--spacing-small);line-height:1.2}.details-description ul{margin-left:var(--spacing-large);list-style-type:"»  "}.details-facts{display:flex;flex-direction:row;width:100%;gap:var(--spacing-extra-large);margin:var(--spacing-large) 0;padding:var(--spacing-medium) 0;border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color)}.details-design-process{display:flex;width:100%;flex-direction:column}.details-design-process-description{line-height:1.2}.details-design-process-description-highlight{text-decoration:underline}.details-design-process-element{display:flex;flex-direction:column;max-width:1000px;gap:var(--spacing-medium);margin-top:var(--spacing-large)}.details-design-process-element:nth-child(odd){align-self:flex-start}.details-design-process-element:nth-child(2n){align-self:flex-end}.details-design-process-element-headline{display:flex;align-items:center;gap:var(--spacing-small)}.details-design-process-element-headline:after{content:"";flex-grow:1;height:2px;margin-top:4px;background-color:var(--border-color)}.details-design-process-image{display:block;border-radius:20px;width:100%}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100}.modal-background{width:100%;height:100%;background-color:#000000bf}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-content img{max-width:80vw;max-height:70vh;object-fit:cover;border-radius:20px}.modal-close{all:unset;position:absolute;top:-32px;right:-32px;color:#fff;cursor:pointer}@media (max-width:1000px){.details-image{height:500px;margin:0 var(--mobile-spacing-large)}.details-image img{height:auto;max-width:100%}.details-facts{gap:var(--spacing-large)}}@media (max-width:700px){.details-section{margin-left:var(--mobile-spacing-large);margin-right:var(--mobile-spacing-large)}.details-image{height:300px;margin:0 var(--mobile-spacing-large)}.details-headline h2{font-size:var(--mobile-font-size-medium)}.details-facts{display:flex;flex-direction:column;width:100%;gap:var(--mobile-spacing-large);margin:var(--mobile-spacing-large) 0;padding:var(--mobile-spacing-medium) 0;border-top:none;border-bottom:none}.details-facts span{padding-bottom:var(--mobile-spacing-small);border-bottom:2px solid var(--border-color)}.details-design-process-element{margin-top:0}.details-design-process-element:not(:last-child){margin-bottom:var(--mobile-spacing-extra-large)}}.work-header{margin-top:86px;margin-left:var(--spacing-large);margin-right:var(--spacing-large);display:flex;flex-direction:row;align-items:center;gap:var(--spacing-medium)}.work-header img{height:64px;transform:rotate(180deg)}.moving-banner-inner{width:100%;padding-block:1rem;display:flex;flex-wrap:wrap;gap:var(--spacing-large)}.moving-banner-inner p{font-size:var(--font-size-large);text-transform:uppercase}.moving-banner{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 10%,white 90%,transparent);mask:linear-gradient(90deg,transparent,white 10%,white 90%,transparent)}.moving-banner .moving-banner-inner{width:max-content;flex-wrap:nowrap;animation:scroll 180s linear infinite}@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}@media (max-width: 700px){.work-header{margin-top:86px;margin-left:var(--mobile-spacing-large);margin-right:var(--mobile-spacing-large)}.work-header img{height:40px}.moving-banner-inner{gap:var(--mobile-spacing-large)}.moving-banner-inner p{font-size:var(--mobile-font-size-large)}}.download-button{all:unset;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-small);color:var(--font-color);text-decoration:none;font-size:var(--font-size-small);border-bottom:1px solid transparent;transition:all .3s ease-in-out;margin-top:var(--spacing-large)}.download-button:hover{border-bottom:1px solid var(--font-color)}.download-button img{height:24px}@media (max-width: 1000px){.modal{display:none}}@media (max-width: 700px){.download-button{font-size:var(--mobile-font-size-small)}.download-button img{height:16px}}.details-tags{display:flex;flex-direction:row;gap:var(--spacing-small);margin-top:var(--spacing-large);margin-left:var(--spacing-large);margin-right:var(--spacing-large);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.details-tags::-webkit-scrollbar{display:none}.details-tag{padding:var(--spacing-small) var(--spacing-medium);background-color:var(--font-color);color:var(--background-color);font-size:var(--font-size-button);text-transform:uppercase;border-radius:100px;width:fit-content;white-space:nowrap}@media (max-width: 700px){.details-tags{margin-left:0;margin-right:0;padding-left:var(--mobile-spacing-large);padding-right:var(--mobile-spacing-large)}.details-tag{font-size:var(--mobile-font-size-button)}.details-tag span{white-space:nowrap}}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-large);height:calc(100vh - 235px);margin:0 var(--spacing-large)}.not-found-text{font-size:var(--font-size-large)}.not-found-button{all:unset;cursor:pointer;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-small);color:var(--font-color);text-decoration:none;font-size:var(--font-size-small);border-bottom:1px solid transparent;transition:all .3s ease-in-out}.not-found-button:hover{border-bottom:1px solid var(--font-color)}@media (max-width: 900px){.not-found-container{height:calc(100vh - 265px)}}@media (max-width: 700px){.not-found-container{height:calc(100vh - 200px);margin:0 var(--mobile-spacing-large)}}.imprint-container{width:100%;height:100vh;display:flex;flex-direction:column}.imprint{margin:86px var(--spacing-large) 0 var(--spacing-large);flex:1}.imprint h1{font-size:var(--font-size-large);margin-bottom:var(--spacing-medium)}.imprint h2{font-size:var(--font-size-medium);margin-bottom:var(--spacing-medium)}.imprint p{margin-bottom:var(--spacing-large)}.imprint a{text-decoration:underline;color:var(--font-color)}.imprint-footer{flex-shrink:0}@media (max-width: 700px){.imprint{margin:86px var(--mobile-spacing-large) 0 var(--mobile-spacing-large)}.imprint h1{font-size:var(--mobile-font-size-large);margin-bottom:var(--spacing-medium)}.imprint h2{font-size:var(--mobile-font-size-medium);margin-bottom:var(--spacing-medium)}.imprint p{margin-bottom:var(--spacing-large)}}