*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{overscroll-behavior-y:none}@font-face{font-family:RobotoLight;src:url(/assets/fonts/RobotoLight-w1fEA988.eot);src:url(/assets/fonts/RobotoLight-w1fEA988.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/RobotoLight--TzFADkf.woff2) format("woff2"),url(/assets/fonts/RobotoLight-DZvopjYm.woff) format("woff"),url(/assets/fonts/RobotoLight-y85UWPYz.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:RobotoLightItalic;src:url(/assets/fonts/RobotoLightItalic-gQDig6Px.eot);src:url(/assets/fonts/RobotoLightItalic-gQDig6Px.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/RobotoLightItalic-DuFP9W7P.woff2) format("woff2"),url(/assets/fonts/RobotoLightItalic-hsJ3q6q5.woff) format("woff"),url(/assets/fonts/RobotoLightItalic-CubrlQUP.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}:root{--ff-base: RobotoLight;--ff-accent: RobotoLightItalic;--color-black: #1d1d1b;--color-white: #ffffff;--color-accent: dodgerblue}.hidden{display:none}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}@media (max-width: 767px){.hidden-mobile{display:none!important}}@media (min-width: 768px){.visible-mobile{display:none!important}}.invisible{visibility:hidden;opacity:0}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}.img-responsive{display:block;max-width:100%;height:auto}.img-responsive--fullwidth{width:100%}.img-responsive--fullheight{height:100%;width:auto}.svg-responsive{width:100%;height:auto}.svg-responsive--fullheight{height:100%;width:auto}body{min-width:320px;position:relative;overflow-x:hidden;font-family:var(--ff-base);font-weight:300;line-height:1.65;background-color:var(--color-black);color:var(--color-white)}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-family:var(--ff-accent);font-weight:300}a:link,a:visited,a:hover{text-decoration:none}a:focus,a:active{outline:0;text-decoration:none!important}::placeholder{color:#666}::selection{background-color:var(--color-accent);color:#fff}:root{--x-padding: 15px}.wrapper{--wrapper-width: 1800px;width:min(100% - 2 * var(--x-padding),var(--wrapper-width));margin-inline:auto}@media (max-width: 1599px){.wrapper{--wrapper-width: 1320px}}@media (max-width: 1399px){.wrapper{--wrapper-width: 1140px}}@media (max-width: 1199px){.wrapper{--wrapper-width: 960px}}@media (max-width: 991px){.wrapper{--wrapper-width: 720px}}@media (max-width: 767px){.wrapper{--wrapper-width: 540px}}.grid{--gutter: calc(2 * var(--x-padding));--gridColumns: 1;display:grid;grid-template-columns:repeat(var(--gridColumns),1fr);gap:var(--gutter)}.grid--2{--gridColumns: 2}.grid--3{--gridColumns: 3}.grid--4{--gridColumns: 4}.grid--5{--gridColumns: 5}.grid--6{--gridColumns: 6}.grid--7{--gridColumns: 7}.grid--8{--gridColumns: 8}.grid--9{--gridColumns: 9}.grid--10{--gridColumns: 10}.grid--11{--gridColumns: 11}.grid--12{--gridColumns: 12}@media (max-width: 991px){.grid--2{--gridColumns: 1}}@media (max-width: 1199px){.grid--3{--gridColumns: 2}}@media (max-width: 767px){.grid--3{--gridColumns: 1}}.container{--container-width: 1800px;margin:0 auto;padding:0 var(--x-padding);width:100%;max-width:calc(var(--container-width) + 2 * var(--x-padding))}@media (max-width: 2000px){.container{--container-width: 1700px}}@media (max-width: 1800px){.container{--container-width: 1520px}}@media (max-width: 1599px){.container{--container-width: 1320px}}@media (max-width: 1399px){.container{--container-width: 1140px}}@media (max-width: 1199px){.container{--container-width: 960px}}@media (max-width: 991px){.container{--container-width: 720px}}@media (max-width: 767px){.container{--container-width: 540px}}.container-fluid{margin:0 auto;padding:0 var(--x-padding);width:100%}.Navbar{--navbarHeight: 4rem;height:var(--navbarHeight);position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:var(--color-black);transition:.5s ease-in-out}@media (max-width: 1800px){.Navbar{--navbarHeight: 3.5rem}}@media (max-width: 500px){.Navbar{--navbarHeight: 3rem}}@media (max-height: 500px){.Navbar{--navbarHeight: 3rem}}.Navbar.scroll-down{transform:translate3d(0,-100%,0)}.Navbar.scroll-up{transform:translateZ(0)}.Navbar nav{height:var(--navbarHeight);display:flex;justify-content:space-between;align-items:center;padding-inline:1rem}@media (max-width: 500px){.Navbar nav{padding-inline:0;justify-content:space-around}}.Navbar nav a{color:inherit;text-transform:uppercase;font-size:clamp(18px,1.25vw,24px);letter-spacing:.6em;font-family:var(--ff-accent)}@media (max-width: 500px){.Navbar nav a{font-size:14px;letter-spacing:.3em}}@media (max-height: 500px){.Navbar nav a{font-size:14px}}.scroll-up .Navbar{transform:translateZ(0)}.image-wrapper{min-height:100vh;min-height:100lvh;width:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-wrapper img{position:absolute;width:100%;height:100%;object-fit:cover}.image-wrapper .title-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10;padding:1rem;pointer-events:none}.image-wrapper h2{position:relative;opacity:0;color:var(--color-black);font-size:clamp(32px,3.6363636364vw,80px);text-align:center;text-transform:uppercase;letter-spacing:.3em;line-height:1.2;max-width:20ch}@media (max-width: 600px){.image-wrapper h2{font-size:clamp(28px,5.3333333333vw,32px)}}.image-wrapper h2.alt{color:var(--color-white)}.landing-hero .image-wrapper{min-height:100svh}.landing-hero .image-wrapper .title-wrapper{position:absolute}.landing-hero .image-wrapper h2{top:46%;font-size:clamp(32px,3.0909090909vw,68px);letter-spacing:.8em;max-width:100%;position:absolute;margin-left:.4em}@media (max-width: 600px){.landing-hero .image-wrapper h2{font-size:clamp(20px,4.6666666667vw,28px);top:43%}}.landing-surteco h2{color:var(--color-white)}.landing-next h2{color:var(--color-white);max-width:15ch}.landing-siemens h2{color:var(--color-white);max-width:25ch}.landing-siemens-hope h2{color:var(--color-white);max-width:20ch}.landing-siemens-hope img{object-position:80% center}.landing-about h2{color:var(--color-white);max-width:10ch}@media (max-width: 991px){.landing-about img{object-position:left center}}.landing-contact h2{color:var(--color-white);max-width:15ch}.ProjectImageWrapper{width:100%;height:100vmin;position:relative}@media (max-width: 1200px) and (orientation: portrait){.ProjectImageWrapper{aspect-ratio:4/3;height:auto}}.ProjectImageWrapper img{width:100%;height:100%;object-fit:cover}.ProjectImageWrapper .static-title-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10;padding:1rem}.ProjectImageWrapper .static-title-wrapper h2{color:var(--color-white);font-size:clamp(32px,3.6363636364vw,80px);text-align:center;text-transform:uppercase;letter-spacing:.3em;line-height:1.2;max-width:15ch;-webkit-user-select:none;user-select:none}@media (max-width: 600px){.ProjectImageWrapper .static-title-wrapper h2{font-size:clamp(26px,5.3333333333vw,32px)}}.AnimatedParagraph{max-width:100%;display:flex;flex-wrap:wrap}.AnimatedParagraph__word{position:relative;font-size:inherit;margin-right:.32em}.AnimatedParagraph__shadow{position:absolute;opacity:.1}.Project__text{font-size:clamp(20px,3.3333333333vw,64px);line-height:1.4;letter-spacing:.1em}@media (max-width: 1800px){.Project__text{font-size:clamp(18px,2.7777777778vw,50px)}}.Project__text .container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.7em;padding-block:3.5em}@media (max-width: 1200px) and (orientation: portrait){.Project__text .container{min-height:auto!important}}.Project__next .next-47-hmi h2,.Project__next .siemens-innovation-day h2,.Project__next .siemens-project-hope h2,.Project__next .surteco-interzum h2,.Project__next .contact h2{color:#fff}.Project__next .next-47-hmi h2{max-width:15ch}.Project__next .siemens-innovation-day h2{max-width:25ch}.Project__next .contact h2{max-width:15ch}.Project__next .siemens-project-hope img{object-position:80% center}.About__text{padding-block:3em}@media (max-width: 500px){.About__text{padding-block:1.5em}}.About__text-subsection{padding-block:3em}@media (max-width: 500px){.About__text-subsection{padding-block:1.5em}}.About__text-subsection .container{padding-block:0}.Contact{min-height:101vh;display:flex;align-items:center;justify-content:center;padding-block:2rem}.Contact .container{padding-inline:1rem;align-items:flex-start!important}.Contact div,.Contact p{font-size:clamp(16px,1.7777777778vw,32px);letter-spacing:.05em;line-height:1.3}@media (max-width: 1800px){.Contact div,.Contact p{font-size:clamp(16px,1.4444444444vw,26px)}}.Contact__details{width:100%;margin-bottom:1em}.Contact__details span{display:block}.Contact__details span:nth-child(3),.Contact__details span:nth-child(5){margin-bottom:1em}.Contact p{margin-bottom:1em}.scrollIcon{--white: #bfbfbf;--width: 40px;width:var(--width);height:calc(1.6 * var(--width));border:calc(var(--width) / 16) solid var(--white);border-radius:calc(var(--width) / 1.67);display:flex;justify-content:center;position:absolute;bottom:2.5rem}i.scroll{background:var(--white);width:calc(var(--width) / 6);height:calc(var(--width) / 3.43);display:block;border-radius:100%;animation:scrollWheel 2s infinite}@keyframes scrollWheel{0%{opacity:1;transform:translateY(40%)}to{opacity:.7;transform:translateY(130%)}}