.header-section{min-height:100dvh;position:relative}.header-section .content{z-index:2}.header-section .hero-image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:.3;position:absolute;top:0;width:100%;z-index:1}.header-section .title{font-size:52px;letter-spacing:15px}@media only screen and (max-width:992px){.header-section.header-thanks-section .title{font-size:28px;letter-spacing:10px}}.header-section .btn{background:transparent;border:1px solid #fff;border-radius:24px;font-size:52px;font-size:16px;line-height:16px;padding:10px 20px;transition:background .5s,color .5s}.header-section .btn:hover{background:#fff;color:#7b6e60!important}.header-section .btn-down{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:35px}.header-section .btn-down:hover{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.scroll-section .phrase-texture{-o-object-fit:contain;object-fit:contain;-o-object-position:center left;object-position:center left}.scroll-section .phrase{color:#7b6e60;font-size:22px;line-height:32px}.scroll-section .logo-animation{padding-left:100px;padding-right:250dvw}.scroll-section .logo-animation .animation-image-container{min-width:50dvw}.scroll-section .logo-animation .animation-text-container{max-width:50dvw;width:50dvw}.scroll-section .logo-animation .item-animate:not(.item-animate-1){height:100%;left:0;position:absolute;top:0;width:100%}.scroll-section .logo-animation .image{border-radius:20px;height:600px;max-height:calc(100dvh - 200px);max-width:calc(100dvh - 200px);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s;width:600px}.scroll-section .logo-animation .item-animate-1 .image{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.scroll-section .logo-animation .item-animate.active .image{opacity:1!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}.scroll-section .logo-animation .item-animate.inactive .image{opacity:0!important;-webkit-transform:translate3d(0,-100%,0)!important;transform:translate3d(0,-100%,0)!important}.scroll-section .logo-animation .text{font-size:42px;opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}.scroll-section .logo-animation .letter,.scroll-section .logo-animation .letter-selection{width:120px}.scroll-section .logo-animation .item-animate .letter{-webkit-filter:grayscale(1) invert(1);filter:grayscale(1) invert(1);transition:-webkit-filter 1s;transition:filter 1s;transition:filter 1s,-webkit-filter 1s}.scroll-section .logo-animation .item-animate-1 .letter{-webkit-filter:grayscale(0) invert(0);filter:grayscale(0) invert(0)}.scroll-section .logo-animation .item-animate.active .letter{-webkit-filter:grayscale(0) invert(0)!important;filter:grayscale(0) invert(0)!important}.scroll-section .logo-animation .item-animate.inactive .letter{-webkit-filter:grayscale(1) invert(1)!important;filter:grayscale(1) invert(1)!important}.scroll-section .logo-animation .letter-selection{background:#7b6e60;height:4px;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s}.scroll-section .logo-animation .item-animate-1 .text{-webkit-transform:translate3d(0,400%,0);transform:translate3d(0,400%,0)}.scroll-section .logo-animation .item-animate.active .text{opacity:1!important;-webkit-transform:translateZ(0)!important;transform:translateZ(0)!important}.scroll-section .logo-animation .item-animate.inactive .text{opacity:0!important;-webkit-transform:translate3d(-100%,0,0)!important;transform:translate3d(-100%,0,0)!important}@media only screen and (min-width:992px){.scroll-section .logo-animation .item-animate-1 .image{max-width:calc(200dvh - 400px);width:1200px}}@media only screen and (max-width:992px){.scroll-section .phrase{font-size:18px;line-height:22px}.scroll-section .logo-animation .animation-image-container,.scroll-section .logo-animation .animation-text-container{max-width:100dvw;width:100dvw}.scroll-section .logo-animation .animation-image-container{min-height:50dvh}.scroll-section .logo-animation .animation-text-container{-webkit-flex:1 1 auto!important;flex:1 1 auto!important}.scroll-section .logo-animation .image{height:calc(100dvw - 100px);max-height:calc(50dvh - 200px);max-width:calc(50dvh - 200px);width:calc(100dvw - 100px)}.scroll-section .logo-animation .letter,.scroll-section .logo-animation .letter-selection{width:100px}.scroll-section .logo-animation .item-animate .text{font-size:32px}}.about-section .container{position:relative}.about-section .container:before{background:url(/hs-fs/hubfs/raw_assets/public/SUA%20-%20Affenbits/site/images/texture-about.png) no-repeat;background-position:0 0;background-size:cover;content:"";display:block;height:calc(100% + 400px);max-height:calc(100% + 400px);pointer-events:none;position:absolute;right:0;top:-300px;-webkit-transform:translateX(100%);transform:translateX(100%);width:calc(50dvw - 50%);z-index:100}.about-section .title{font-size:48px;max-width:100%;overflow-x:hidden;position:relative}.about-section .title span{position:relative;z-index:2}.about-section .title:after,.about-section .title:before{background:#1d1916;bottom:36px;content:"";display:block;height:1px;max-width:30dvw;position:absolute;width:315px;z-index:1}.about-section .title:before{margin-right:160px;right:50%}.about-section .title:after{left:50%;margin-left:160px}.about-section .subtitle{font-size:32px}.about-section .description{font-size:20px;max-width:415px}.about-section .description strong{font-family:GaretBold,sans-serif}@media only screen and (min-width:992px){.about-section .masterplan-container{margin-bottom:350px}.about-section .masterplan{max-width:200%;position:absolute;right:0;top:100%;-webkit-transform:translateY(-65px);transform:translateY(-65px);width:200%}}.projects-section .container{position:relative}.projects-section .container:before{background:url(/hs-fs/hubfs/raw_assets/public/SUA%20-%20Affenbits/site/images/texture-projects-left.svg) no-repeat;background-position:100% 0;background-size:cover;left:-50px;max-height:calc(100% - 30px);top:30px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.projects-section .container:after,.projects-section .container:before{content:"";display:block;height:1013px;pointer-events:none;position:absolute;width:926px}.projects-section .container:after{background:url(/hs-fs/hubfs/raw_assets/public/SUA%20-%20Affenbits/site/images/texture-projects-right.svg) no-repeat;background-position:0 0;background-size:cover;max-height:calc(100% - 70px);right:-50px;top:70px;-webkit-transform:translateX(100%);transform:translateX(100%)}.projects-section .title{font-size:42px}.projects-section .subtitle{font-size:22px;max-width:315px}.projects-section .description{font-size:18px;line-height:21px}.projects-section .description strong{font-family:GaretBold,sans-serif}.projects-section .projects-row{margin-left:-27px!important;margin-right:-27px!important}.projects-section .projects-col{padding:20px 27px 35px}.projects-section .projects-description-container{padding:0 27px 100px}.projects-section .project-item{-webkit-align-items:flex-end;align-items:flex-end;aspect-ratio:1;display:-webkit-flex;display:flex;position:relative;text-decoration:none}@media only screen and (min-width:992px){.projects-section .projects-col:nth-child(3n+4) .project-item{-webkit-transform:translateY(-80px);transform:translateY(-80px)}}.projects-section .project-item .project-description{background:#d7cdc8;background:#d7cdc8cc;border:4px solid #d1b995;border-radius:20px;box-shadow:5px 5px 20px #d1b995;color:#1d1916;font-size:15px;height:100%;line-height:18px;opacity:0;overflow:hidden;padding:35px;position:relative;transition:opacity 1s;width:100%;z-index:2}.projects-section .project-item .project-description .project-content{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.projects-section .project-item .project-description .title{font-size:22px;line-height:22px}.projects-section .project-item .project-description .link{color:#547788;font-size:14px}.projects-section .project-item .project-description .link:hover{text-decoration:underline}.projects-section .project-item:hover{text-decoration:none}.projects-section .project-item:hover .project-description{opacity:1}.projects-section .project-item:hover .project-description .project-content{-webkit-transform:translateZ(0);transform:translateZ(0)}.projects-section .project-item img{border-radius:20px;height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}@media only screen and (max-width:992px){.projects-section .project-item .project-description{height:auto;margin:0 20px -20px;opacity:1;padding:20px}.projects-section .project-item .project-description .project-content{-webkit-transform:translateZ(0);transform:translateZ(0)}}.location-section .title{font-size:42px}.location-section .description{font-size:18px;line-height:21px}.location-section .subtitle{font-size:22px;line-height:28px;max-width:315px}.contact-section{margin-top:-50px;min-height:49dvW;padding-bottom:15dvw;position:relative}.contact-section .container{position:relative;z-index:2}.contact-section .title{font-size:40px}.contact-section:before{background:url(/hs-fs/hubfs/raw_assets/public/SUA%20-%20Affenbits/site/images/texture-contact.png) no-repeat;background-position:bottom;background-size:contain;bottom:0;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;width:100dvw;z-index:1}.brands-section .swiper-brands .wrapper{transition-timing-function:linear}.brands-section .swiper-brands .brand-image{max-height:100px;max-width:300px;min-height:80px;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.brands-section .swiper-brands .swiper-slide{-webkit-filter:brightness(0) saturate(100%) invert(95%) sepia(5%);filter:brightness(0) saturate(100%) invert(95%) sepia(5%)}.brands-section .swiper-brands .brand-image{-webkit-filter:brightness(0) invert(0);filter:brightness(0) invert(0)}