*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;--clr-black: #212121;--clr-pure-black: #191919;--clr-gray: #c4c4c4;--clr-white: hsl(0, 0%, 86%);--clr-pure-white: rgb(255, 255, 255);--clr-primary: rgb(164, 181, 234);--container-width: 1200px}a,a:active,a:visited{text-decoration:none;color:var(--clr-gray)}a:hover{color:var(--clr-pure-white)}address{font-style:normal}ul{list-style:none}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Plus Jakarta,sans-serif;background-color:var(--clr-black);color:var(--clr-gray);text-align:center;font-size:1.6rem;font-weight:300;line-height:1.5;cursor:default}.cursor{display:none}.cursor__inner{position:absolute;top:0;left:0;pointer-events:none;z-index:99;mix-blend-mode:difference}.cursor__inner-circle{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.8);transition:transform .2s ease-out}.cursor__inner-circle.show-text{width:10rem;height:10rem;border-radius:50%;border:1px solid white;background-color:var(--clr-white);mix-blend-mode:hard-light}.cursor__inner-dot{width:6px;height:6px;background-color:#fff;border-radius:50%}.show-text+.cursor__inner-dot{width:fit-content;background-color:transparent;color:#191919;font-weight:400;text-align:center;font-size:1.2rem;mix-blend-mode:hard-light}.container{max-width:var(--container-width);margin-inline:auto}header{background-color:var(--clr-pure-black);padding-block:2rem;position:relative;display:flex;justify-content:center;align-items:center}.desktop-navbar{display:none;padding-inline:2rem;position:absolute;width:100%;justify-content:space-between}.desktop-navbar .nav-link{padding-inline:1rem 1rem}.mobil-navbar{position:absolute;display:flex;flex-direction:column;padding-top:8rem;gap:4rem;top:0;left:0;right:0;bottom:0;opacity:0;background-color:#212121;z-index:0;transition:opacity .3s ease-in-out}.logo-wrap{position:relative;margin-inline:1.6rem;width:100%}.logo{font-size:2rem;font-weight:500;color:#fff}.burger-button{border-style:none;outline-color:transparent;background-color:transparent;width:32px;height:32px;position:absolute;right:1rem;z-index:3}.burger-button .line{position:absolute;top:1px;left:1px;height:30px;width:30px;transition:transform .3s ease-in-out}.burger-button .line-middle{display:flex;align-items:center;transition:opacity .3s ease-in-out;transition-delay:.2s}.burger-button .line-inner{width:30px;height:2px;position:absolute;border-radius:4px;background-color:var(--clr-pure-white);transition:transform .2s ease-in-out;transition-delay:.2s}.burger-button .line-inner.line-inner-top{top:14px;transform:translateY(-10px)}.burger-button .line-inner.line-inner-bottom{bottom:14px;transform:translateY(10px)}.open.burger-button .line-top,.open.burger-button .line-bottom{transition-delay:.2s}.open.burger-button .line-top{transform:rotate(45deg)}.open.burger-button .line-bottom{transform:rotate(-45deg)}.open.burger-button .line-middle{transition:opacity .3s ease-in-out;opacity:0}.open.burger-button .line-inner{transform:none;transition:transform .2s ease-in-out}main{min-height:100vh}.hero{width:100%;height:80vh;min-height:520px;max-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;padding-inline:1.6rem}.hero .hero__content{display:flex;flex-direction:column;gap:2rem}.hero .hero__content h1{line-height:1;font-size:6rem;color:#fff;padding-bottom:1rem}.hero .hero__content p{font-size:1.8rem}.hero .hero__title{line-height:1;font-size:6.4rem;letter-spacing:-1px;font-weight:800}.hero .hero__title:nth-child(2){font-size:6.4rem;color:var(--clr-black);text-shadow:-2px 1px 6px rgba(255,255,255,.4)}.arrow-container{position:relative;cursor:pointer;z-index:9;padding-top:9.6rem}.arrow{border-color:#fff6;border-bottom:1px solid;border-left:1px solid;width:3.6rem;height:3.6rem;transform:rotate(-45deg);margin-inline:auto}.arrow-text{padding-top:.8rem}.arrow-text a:hover{color:#fff;text-shadow:-2px 1px 4px rgb(149,170,232)}.back-to-top-fixed{position:fixed;background:rgba(255,255,255,.2);border-radius:60px;display:block;bottom:40px;height:60px;width:60px;right:40px;z-index:9}.back-to-top-fixed:hover{background-color:#fff6}.icon-back-to-top{fill:#212121;height:24px;opacity:1;position:absolute;width:24px;display:block;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}#work{padding-block:6.4rem 12rem;padding-inline:1.6rem}.gallery{position:relative;margin-inline:auto;display:flex;flex-direction:column;gap:1rem;align-items:center}.gallery .headline{padding-block:0 0;text-align:left;max-width:70%}.gallery .headline h2{font-size:3.2rem;line-height:1}.gallery .headline p{padding-top:1.6rem}.gallery .gallery-item{position:relative;padding-bottom:7.2rem;max-width:600px;line-height:1.3;overflow:hidden}.gallery .gallery-item a{display:block;position:relative;overflow:hidden}.gallery .gallery-item img{width:100%;display:block;object-fit:contain}.gallery .gallery-item .gallery-blackout{display:flex;justify-content:center;align-items:center;color:var(--clr-white);background-color:#131313bf;position:absolute;width:100%;height:100%;transform:scale(1);backdrop-filter:blur(8px)}.gallery .gallery-item .item-info{color:var(--clr-gray);text-align:left}.gallery .gallery-item .item-info h2{font-size:2.4rem;font-weight:600;padding-top:1.6rem}.gallery .gallery-item .item-info .item__content{padding-top:1.6rem;font-weight:400;font-size:1.6rem}.gallery .gallery-item .item-info .item__details{padding-top:1.6rem;font-size:1.4rem}.gallery .gallery-item .item-info .item__link{position:relative;display:flex;align-items:center;padding-top:1rem}.gallery .gallery-item .item-info .item__link a{display:inline-block;color:var(--clr-primary);font-size:1.4rem;text-shadow:0px 0px 5px var(--clr-primary)}.gallery .gallery-item .item-info .item__link img{padding-left:8px;width:16px;display:block}.gallery .gallery-item:nth-of-type(1){width:100%;padding-bottom:4.8rem}.gallery .gallery-item:hover .item-info{opacity:1}.about{background-color:var(--clr-pure-black);padding-block:9.6rem 7.2rem;text-align:center;margin-inline:auto;position:relative;z-index:1}.about .about-title{font-size:2.4rem}.about .about-detail{padding-top:1.6rem;max-width:80%;font-size:1.6rem;margin-inline:auto}.about .about-detail p{opacity:0;padding-top:1.6rem}.contact{background-color:var(--clr-pure-black);padding-block:6.4rem 9.6rem}.contact .contact-title{opacity:0}.contact .contact-detail{padding-top:1.6rem;opacity:0;margin:auto;max-width:90%;font-size:2rem;line-height:1.1;color:var(--clr-white);padding-bottom:4rem}.contact button{opacity:0;border-style:none;padding:1.6rem 3.2rem;outline-color:transparent;background-color:#a8a8a880;border-radius:4px;color:#fff}.contact button a,.contact button a:hover,.contact button a:active{color:inherit}.contact button:hover{background-color:var(--clr-gray);color:var(--clr-black)}footer{padding-block:8rem}@media screen and (min-width: 1023px){body{cursor:none}.hero{min-height:80vh;width:var(--container-width);margin-inline:auto;justify-content:flex-start}.hero .hero__content{margin-top:18vh;flex-direction:column;justify-content:left;margin-left:10%;align-self:flex-start;max-width:calc(var(--container-width) * .5);text-align:left}.hero .hero__content .hero__title{font-size:7.2rem}.hero .arrow-container{position:absolute;bottom:0%}.cursor{display:block}.gallery{display:grid;justify-items:center;grid-auto-flow:row;grid-template-columns:1fr 1fr}.gallery .gallery-item{max-width:420px;padding-top:9rem}.gallery .gallery-item .item-info .item__link{display:none}.gallery .gallery-item:nth-of-type(1){width:auto;padding-top:2.4rem;margin-bottom:-4.8rem}.gallery .gallery-item:nth-of-type(2){grid-row:span 2;padding-block:0rem 7.2rem}.gallery .gallery-item:nth-of-type(5),.gallery .gallery-item:nth-of-type(7){padding-top:0rem;margin-top:-16rem}.gallery .gallery-item:nth-of-type(3),.gallery .gallery-item:nth-of-type(4){padding-bottom:6.4rem}.gallery .headline{max-width:60%;padding-block:0 6.4rem}.mobil-navbar{display:none}.desktop-navbar{display:flex}.burger-button{display:none}.about{padding-block:12.8rem 10.4rem}.about-wrap.container{max-width:896px;margin-inline:auto}.contact{padding-block:6.4rem 12.8rem}}.hero{animation:growIn 2.5s cubic-bezier(.215,.61,.355,1) forwards;transform:scale(.5)}@keyframes growIn{to{transform:scale(1)}}