.about{z-index:100;height:670dvh;margin-top:250rem;position:relative}@media (max-width:1100px){.about{margin-top:50px}}.about .about-second-title{opacity:0}@media (max-width:1100px){.about .about-second-title{opacity:1}}.about-title{text-align:center;margin-left:140rem}@media (max-width:1100px){.about-title{margin-left:0}}.about-title .letter{letter-spacing:-23rem;font-size:280rem}@media (max-width:1100px){.about-title .letter{letter-spacing:-8px;font-size:360rem}}@media (max-width:768px){.about-title .letter{font-size:550rem}}.about__wrapper{background-color:var(--text-color);color:var(--text-gray-second-color);padding-bottom:90rem;position:sticky;top:0;left:0}@media (max-width:1100px){.about__wrapper{padding-bottom:60px}}.about__wrapper .about-second-title{z-index:100;border-top:1rem solid #aaa8a8;padding-top:110rem;position:relative}@media (max-width:1100px){.about__wrapper .about-second-title{opacity:0;border:none;padding-top:60px}}.about__wrapper .about-second-title h2{letter-spacing:2rem;text-transform:uppercase;font-family:Spline Sans Mono;font-size:80rem;font-weight:300;line-height:99%}@media (max-width:1100px){.about__wrapper .about-second-title h2{letter-spacing:2px;font-size:36px}}.about__wrapper .about-second-text .reveal-line span{letter-spacing:-2%;text-transform:uppercase;color:var(--white);font-family:Spline Sans Mono;font-size:26rem;font-weight:300;line-height:1.3}@media (max-width:1100px){.about__wrapper .about-second-text .reveal-line span{font-size:20px}.about__wrapper .about-second-text{width:100%}}.about__wrapper .text-first{text-align:center;width:max-content;margin-left:670rem}.about__wrapper .text-second,.about__wrapper .text-third,.about__wrapper .text-four{text-align:center;width:max-content;margin-top:60rem;margin-left:auto;margin-right:140rem}@media (max-width:1100px){.about__wrapper .text-second,.about__wrapper .text-third,.about__wrapper .text-four{width:100%;margin:0 0 60px}}.about__wrapper .text-second h3,.about__wrapper .text-second a,.about__wrapper .text-third h3,.about__wrapper .text-third a,.about__wrapper .text-four h3,.about__wrapper .text-four a{letter-spacing:-2%;text-transform:uppercase;align-items:center;margin-bottom:62rem;font-family:Spline Sans Mono;font-size:24rem;font-weight:300;line-height:99%;display:flex}.about__wrapper .text-second h3 svg,.about__wrapper .text-second a svg,.about__wrapper .text-third h3 svg,.about__wrapper .text-third a svg,.about__wrapper .text-four h3 svg,.about__wrapper .text-four a svg{width:15rem;height:15rem;margin-left:30rem;transform:rotate(90deg)}@media (max-width:1100px){.about__wrapper .text-second h3 svg,.about__wrapper .text-second a svg,.about__wrapper .text-third h3 svg,.about__wrapper .text-third a svg,.about__wrapper .text-four h3 svg,.about__wrapper .text-four a svg{width:10px;height:10px;margin-left:10px}.about__wrapper .text-second h3,.about__wrapper .text-third h3,.about__wrapper .text-four h3{margin-bottom:30px;font-size:14px}}.about__wrapper .text-third{margin-top:130rem;margin-right:0}.about__wrapper .text-third__wrapper{display:flex}.about__wrapper .text-third__wrapper .text-third__img{overflow:hidden}.about__wrapper .text-third__wrapper .text-third__img:first-child{width:253rem;height:283rem;margin-right:64rem}.about__wrapper .text-third__wrapper .text-third__img:nth-child(2){width:206rem;height:354rem;margin-right:275rem}.about__wrapper .text-third__wrapper .text-third__img img{object-fit:cover;clip-path:polygon(0 0,100% 0,100% 0,0 0);width:100%;height:100%;transform:scale(1.5)}.about__wrapper .text-four{margin-right:0;display:flex}.about__wrapper .text-four a{color:var(--white);height:fit-content;margin-right:230rem;font-size:26rem;font-weight:400;position:relative}.about__wrapper .text-four a:after,.about__wrapper .text-four a:before{background-color:#aaa}.about__wrapper .text-four a svg{transform:rotate(0)}.about__wrapper .text-four a:hover svg{transform:rotate(45deg)}.about .about-first__wrapper{background-color:var(--text-color);width:100%;padding:0 67rem;position:absolute;left:0}@media (max-width:1100px){.about .about-first__wrapper{padding:0 15px}}.about .about-first__wrapper .about-first-top{z-index:11;justify-content:space-between;align-items:center;padding-top:100rem;display:flex;position:relative}@media (max-width:1100px){.about .about-first__wrapper .about-first-top{padding-top:20px}}@media (max-width:768px){.about .about-first__wrapper .about-first-top{padding-top:70px}}.about .about-first__wrapper .about-first-top p{overflow:hidden}.about .about-first__wrapper .about-first-top p span{display:inline-block}.about .about-first__wrapper .about-first-top p:first-child span{letter-spacing:2%;text-transform:uppercase;color:var(--white);font-size:64rem;font-weight:700;line-height:99%}@media (max-width:1100px){.about .about-first__wrapper .about-first-top p:first-child span{font-size:18px}}.about .about-first__wrapper .about-first-top p:nth-child(2){margin-left:-625rem}@media (max-width:1100px){.about .about-first__wrapper .about-first-top p:nth-child(2){margin-left:0}}.about .about-first__wrapper .about-first-top p:nth-child(2) span{letter-spacing:-2%;text-transform:uppercase;color:#f7f7f7;font-family:Spline Sans Mono;font-size:24rem;font-weight:300;line-height:1.3}@media (max-width:1100px){.about .about-first__wrapper .about-first-top p:nth-child(2) span{font-size:14px}}.about .about-first__wrapper .about-first-top p:nth-child(3) span{letter-spacing:-7%;text-transform:uppercase;color:#f7f7f7;font-size:36rem;font-weight:700;line-height:1.3}@media (max-width:1100px){.about .about-first__wrapper .about-first-top p:nth-child(3) span{font-size:18px}}.about .about-first__wrapper .about-first-middle .canvas-text{position:absolute;top:0;left:0}.about .about-second__top{z-index:10;position:relative}.about .about-second__top h4{overflow:hidden;transform:translateY(120rem)}@media (max-width:1100px){.about .about-second__top h4{transform:translateY(20px)}}@media (max-width:768px){.about .about-second__top h4{transform:translateY(70px)}}.about .about-second__top h4 span{letter-spacing:-2%;text-transform:uppercase;color:var(--white);font-family:Spline Sans Mono;font-size:24rem;font-weight:300;line-height:99%;display:inline-block;transform:translateY(-100%)}@media (max-width:1100px){.about .about-second__top h4 span{font-size:18px}}.about .about-second__top .text-first{margin:0 auto 70rem;padding-top:150rem;transform:translate(-190rem)}@media (max-width:1100px){.about .about-second__top .text-first{transform:unset;margin:0 auto 50px;padding-top:80px}}.about .about-second__top .text-first__img{width:354rem;height:395rem;margin-bottom:25rem;overflow:hidden}@media (max-width:1100px){.about .about-second__top .text-first__img{width:200px;height:230px;margin-bottom:20px}}.about .about-second__top .text-first__img img{clip-path:polygon(0 0,100% 0,100% 0,0 0);object-fit:cover;width:100%;height:100%;scale:1.3}.about .about-second__top .text-first__text-wrapper{display:block;overflow:hidden}.about .about-second__top .text-first__text-wrapper span{letter-spacing:-2%;text-transform:uppercase;color:var(--white);font-family:Spline Sans Mono;font-size:26rem;font-weight:300;line-height:1.3;display:block;transform:translateY(-120%)rotate(-1deg)}@media (max-width:1100px){.about .about-second__top .text-first__text-wrapper span{font-size:18px}}.about .about-second__top .text-second{margin:0 auto;padding-bottom:125rem;transform:translate(-60rem)}@media (max-width:1100px){.about .about-second__top .text-second{transform:unset;margin:0}}.about .about-second__top .text-second h3{opacity:0;margin-bottom:50rem}@media (max-width:1100px){.about .about-second__top .text-second h3{margin-bottom:30px;font-size:14px}.about .about-second__top .text-second h3 svg{width:10px;height:10px}}.about .about-second__top .text-second__text-wrapper{display:block;overflow:hidden}.about .about-second__top .text-second__text-wrapper span{letter-spacing:-2%;text-transform:uppercase;color:var(--white);font-family:Spline Sans Mono;font-size:26rem;font-weight:300;line-height:1.3;display:block;transform:translateY(-120%)}@media (max-width:1100px){.about .about-second__top .text-second__text-wrapper span{font-size:20px;line-height:1.3}.abs-t{width:100%!important;margin:36px 0!important}.ast-s{margin-bottom:115px!important}}.about-mobile-text,.anim-sec{letter-spacing:-2%;text-align:center;text-transform:uppercase;color:var(--white);opacity:0;font-family:Spline Sans Mono;font-size:20px;font-weight:300;line-height:122%}.anim-sec{opacity:1}.canvas-text{overflow:hidden}.canvas-text__bg{background-color:var(--text-color);z-index:10;width:100%;height:100dvh;position:absolute;top:0;left:0;translate:0 -100%}
.awards{padding:300rem 0}@media (max-width:1100px){.awards{padding:70px 0}}@media (max-width:768px){.awards{padding:70px 0 100px}}.awards__title{justify-content:space-between;display:flex}.awards__title h2 .letter{letter-spacing:-13rem;text-transform:uppercase;font-size:163rem;line-height:74%}@media (max-width:1100px){.awards__title h2 .letter{letter-spacing:-3px;font-size:50px}}.awards__title-span span{letter-spacing:-2rem;text-transform:uppercase;font-family:Sofia Sans Condensed;font-size:36rem;font-weight:700;line-height:99%}@media (max-width:1100px){.awards__title-span span{letter-spacing:-1px;font-size:14px}}.awards__text{justify-content:space-between;align-items:flex-start;display:flex}@media (max-width:620px){.awards__text{flex-direction:column}}.awards__text p{text-transform:uppercase;font-family:Spline Sans Mono;font-size:26rem;font-weight:300;line-height:1.1}@media (max-width:1100px){.awards__text p{font-size:14px}}.awards__text p:last-child{text-align:right}@media (max-width:620px){.awards__text p:last-child{margin-top:40px;margin-left:auto}}.awards__text strong{font-family:Sofia Sans Condensed;font-weight:700}@media (max-width:620px){.awards__text strong{font-size:15px}}.awards-wrap{border-bottom:2rem solid #101010;margin-top:65rem;margin-bottom:120rem;padding-bottom:100rem}@media (max-width:1100px){.awards-wrap{border-bottom-width:2px;margin-top:30px;margin-bottom:60px;padding-bottom:50px}}.skills-column{width:100%}.skills-line{display:block;overflow:hidden}.skills-line>span{display:inline-block}.skills-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:60px 80rem;margin-top:110rem;display:grid}@media (max-width:1100px){.skills-groups{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;margin-top:60px}}@media (max-width:768px){.skills-groups{grid-template-columns:minmax(0,1fr)}}.skills-group__title{text-transform:uppercase;border-bottom:1rem solid #10101033;padding-bottom:20rem;font-family:Spline Sans Mono;font-size:20rem;font-weight:300;line-height:1.2}@media (max-width:1100px){.skills-group__title{border-bottom-width:1px;padding-bottom:10px;font-size:12px}}.awards__blocks{margin:0;padding:0;list-style:none}.awards-block{cursor:default;grid-template-columns:40rem minmax(0,1fr) auto;align-items:center;column-gap:20rem;padding:30rem 0 10rem;display:grid}@media (max-width:1100px){.awards-block{grid-template-columns:22px minmax(0,1fr) auto;column-gap:12px;padding:14px 0}}.awards-block h4{text-transform:uppercase;font-family:Sofia Sans Condensed;font-size:36rem;font-weight:700;line-height:1}@media (max-width:1100px){.awards-block h4{font-size:20px}}@media (max-width:620px){.awards-block h4{font-size:18px}}.skills-name{flex-direction:column;gap:8rem;min-width:0;display:flex}@media (max-width:1100px){.skills-name{gap:4px}}.skills-index{color:#101010;opacity:.35;align-self:start;padding-top:8rem;font-family:Spline Sans Mono;font-size:20rem;font-weight:300;line-height:1}@media (max-width:1100px){.skills-index{padding-top:4px;font-size:11px}}.skills-tag{text-transform:uppercase;opacity:.45;font-family:Spline Sans Mono;font-size:14rem;font-weight:300;line-height:1}@media (max-width:1100px){.skills-tag{font-size:10px}}.skills-meta{text-transform:uppercase;white-space:nowrap;opacity:.55;font-family:Spline Sans Mono;font-size:16rem;font-weight:300;line-height:1}@media (max-width:1100px){.skills-meta{font-size:10px}}
.form{padding-bottom:190rem}@media (max-width:1100px){.form{padding-bottom:160px}}@media (max-width:768px){.form{padding-bottom:130px}}.form .form-title-top{letter-spacing:-2rem;text-transform:uppercase;text-align:center;margin-bottom:35rem;font-family:Sofia Sans Condensed;font-size:36rem;font-weight:700;line-height:99%}@media (max-width:1100px){.form .form-title-top{letter-spacing:-1px;margin-bottom:15px;font-size:18px}}.form .form-title-middle{letter-spacing:30rem;text-transform:uppercase;text-align:center;margin:40rem 0;font-family:Sofia Sans Condensed;font-size:20rem;font-weight:700;line-height:99%}@media (max-width:1100px){.form .form-title-middle{letter-spacing:12px;margin:30px 0 10px;font-size:10px}}.form .form-title{text-align:center;font-family:Sofia Sans Condensed}.form .form-title .letter{letter-spacing:-12rem;text-transform:uppercase;font-size:163rem;font-weight:700;line-height:74%}@media (max-width:1100px){.form .form-title .letter{letter-spacing:-5px;font-size:67px}}@media (max-width:380px){.form .form-title .letter{font-size:47px}}.form .form-title:nth-child(4){letter-spacing:-3px;font-size:43px}.form form{flex-direction:column;align-items:center;display:flex}.form form .form-fields{flex-direction:column;width:665rem;display:flex}@media (max-width:1100px){.form form .form-fields{width:600px}}@media (max-width:768px){.form form .form-fields{width:100%}}.form form .form-fields input,.form form .form-fields textarea{letter-spacing:-.3rem;text-transform:uppercase;cursor:text;border-bottom:1rem solid #101010;width:100%;margin-bottom:70rem;padding-bottom:12rem;font-family:Spline Sans Mono;font-size:18rem;font-weight:300;line-height:99%}@media (max-width:1100px){.form form .form-fields input,.form form .form-fields textarea{letter-spacing:-.5px;border-bottom-width:1px;margin-bottom:40px;padding-bottom:10px;font-size:14px}}.form form .form-fields textarea{height:125rem;margin-bottom:60rem}@media (max-width:1100px){.form form .form-fields textarea{height:65px;margin-bottom:50px}}.form form h4{text-transform:uppercase;font-family:Spline Sans Mono;font-size:18rem;font-weight:300;line-height:99%}@media (max-width:1100px){.form form h4{font-size:14px}}@media (max-width:768px){.form form .budget{padding:0 15px}}.form form .budget__wrapper{justify-content:space-between;display:flex}.form form .budget__wrapper label{cursor:pointer;margin-top:20rem}@media (max-width:1100px){.form form .budget__wrapper label{margin-top:15px}}.form form .budget__wrapper input{border-bottom:none;margin-bottom:0;padding:0}.form form .budget__wrapper span{text-transform:uppercase;font-family:Spline Sans Mono;font-size:24rem;font-weight:300;line-height:99%}@media (max-width:1100px){.form form .budget__wrapper span{font-size:16px}}.form button{letter-spacing:-2%;text-transform:uppercase;cursor:pointer;margin-top:120rem;font-family:Spline Sans Mono;font-size:26rem;font-weight:400;line-height:99%}@media (max-width:1100px){.form button{margin-top:70px;font-size:20px}}.form button svg{width:15rem;height:15rem}@media (max-width:1100px){.form button svg{width:12px;height:12px}}.form button:after,.form button:before{background-color:#101010}.budget__wrapper label{position:relative}.budget__wrapper label:before{content:"[";transition:.4s var(--transition-main);opacity:0;font-size:24rem;position:absolute;top:18rem;left:-10rem}@media (max-width:1100px){.budget__wrapper label:before{font-size:16px;top:7px;left:-10px}}@media (max-width:768px){.budget__wrapper label:before{top:6px}}@media (max-width:530px){.budget__wrapper label:before{top:2px}}.budget__wrapper label:after{content:"]";transition:.4s var(--transition-main);opacity:0;font-size:24rem;position:absolute;top:18rem;right:-10rem}@media (max-width:1100px){.budget__wrapper label:after{font-size:16px;top:7px;right:-10px}}@media (max-width:768px){.budget__wrapper label:after{top:6px}}@media (max-width:530px){.budget__wrapper label:after{top:2px}}.budget__wrapper .is-active-radio span{font-weight:600!important}.form-status{text-align:center;margin-top:30rem;font-family:Spline Sans Mono;font-size:18rem}.form-status a{text-decoration:underline}@media (max-width:1100px){.form-status{margin-top:20px;font-size:14px}}.envelope-stage{margin-top:55rem}@media (max-width:1100px){.envelope-stage{margin-top:10px}}@media (max-width:768px){.envelope-stage{margin-top:20px}}.envelope-stage__inner{isolation:isolate;position:relative}.envelope{--env-w:min(760rem, 72svh);--env-h:calc(var(--env-w) * .62)}@media (max-width:1100px){.envelope{--env-w:min(600px, 72svh)}}@media (max-width:768px){.envelope{--env-w:min(88vw, 72svh)}}.envelope__back,.envelope__pocket,.envelope__flap{width:var(--env-w);height:var(--env-h);margin-top:calc(var(--env-h)/-2);margin-left:calc(var(--env-w)/-2);pointer-events:none;visibility:hidden;position:absolute;top:50%;left:50%}.envelope__back{z-index:1;background:#262626;border-radius:6rem;box-shadow:0 40rem 80rem -30rem #10101073}.envelope__pocket{z-index:3}.envelope__pocket>span{position:absolute;inset:0}.envelope__pocket-side--left{clip-path:polygon(0 0,52% 54%,0 100%);background:#141414;border-radius:6rem 0 0 6rem}.envelope__pocket-side--right{clip-path:polygon(100% 0,48% 54%,100% 100%);background:#141414;border-radius:0 6rem 6rem 0}.envelope__pocket-bottom{clip-path:polygon(0 100%,50% 46%,100% 100%);background:#1b1b1b;border-radius:0 0 6rem 6rem}.envelope__flap{z-index:4;height:calc(var(--env-h)*.56);transform-origin:50% 0}.envelope__flap-inside,.envelope__flap-outside{clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;inset:0}.envelope__flap-inside{background:#2e2e2e}.envelope__flap-outside{clip-path:none;background:#101010}.envelope__flap-outside:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#101010;position:absolute;inset:0}.envelope__seal{background:var(--bg-color);width:64rem;height:64rem;color:var(--text-color);border-radius:50%;place-items:center;font-family:Sofia Sans Condensed;font-size:30rem;font-weight:700;line-height:1;display:grid;position:absolute;top:100%;left:50%;translate:-50% -50%}@media (max-width:1100px){.envelope__seal{width:40px;height:40px;font-size:19px}}.form form.letter{z-index:2;transform-origin:50%;width:fit-content;margin-inline:auto;padding:70rem 80rem 60rem;position:relative}@media (max-width:1100px){.form form.letter{padding:40px 40px 35px}}@media (max-width:768px){.form form.letter{width:100%;padding:30px 20px 25px}}.letter__paper{visibility:hidden;opacity:0;z-index:-1;background:var(--white);border-radius:4rem;position:absolute;inset:0;box-shadow:0 30rem 70rem -20rem #10101040}@media (prefers-reduced-motion:reduce){.envelope,.letter__paper{display:none}}
.hero{padding-top:180rem;position:relative}@media (max-width:1100px){.hero{min-height:100svh;padding-top:100px}}@media (max-width:768px){.hero__wrapper{flex-direction:column;display:flex}}.hero-title{pointer-events:none;flex-wrap:wrap;gap:17rem;display:flex;position:relative;overflow:hidden}.hero-title .hero-word{display:flex}@media (max-width:768px){.hero-title .hero-word{margin-bottom:0;padding-top:10px}.hero-title .hero-word:last-child{margin-bottom:0;padding-bottom:30px;position:relative}.hero-title .hero-word:last-child:after{content:"based in melbourne";text-transform:uppercase;letter-spacing:19px;width:max-content;transition:opacity .8s var(--transition-main);font-size:14px;font-weight:700;position:absolute;bottom:0;left:5px}}@media (max-width:500px){.hero-title .hero-word:last-child{padding-bottom:20px}.hero-title .hero-word:last-child:after{letter-spacing:15.8px;font-size:9px}}.hero-title .hero-word .hero-letter{transform:translateY(-100%)}@media (max-width:768px){.hero-title .hero-word .hero-letter{transform:translateY(-300%)}.hero-title{text-align:center;flex-direction:column;order:1;align-items:center;gap:0}}.hero-title__number{align-items:flex-end;padding:0 10rem 0 0;display:flex;position:absolute;top:0;left:15rem;overflow:hidden}.hero-title__number-second{opacity:0}.hero-title__number-wrap{flex-direction:column-reverse;height:35rem;display:flex}.hero-title__number-wrap span{display:inline-block;transform:translateY(-100%)}.hero-title__number span{letter-spacing:-2rem;font-size:24rem;font-weight:700}@media (max-width:768px){.hero-title__number{display:none}}.hero-title .hero-letter{letter-spacing:-25rem;text-transform:uppercase;z-index:2;--hero-wave:0px;font-family:Sofia Sans Condensed;font-size:280rem;font-weight:700;line-height:99%;position:relative;translate:0 var(--hero-wave)!important}@media (max-width:768px){.hero-title .hero-letter{letter-spacing:-7px;font-size:120px;line-height:.6}}@media (max-width:500px){.hero-title .hero-letter{font-size:98px}}.hero-title .hero-letter:nth-child(8){z-index:2;position:relative}.hero-designer{opacity:0;background-color:#f1f1f1;width:730rem;margin:0 auto;padding:270rem 0 42rem;position:relative}@media (max-width:768px){.hero-designer{background-color:#0000;flex-direction:row-reverse;order:3;justify-content:center;align-items:flex-end;width:100%;margin-top:20px;padding:0;display:flex}.hero-designer__descr{z-index:2;margin-left:0;position:relative}}.hero-designer p{margin-bottom:10rem;overflow:hidden}.hero-designer p span{letter-spacing:-2rem;text-transform:uppercase;font-size:36rem;font-weight:700;line-height:99%;display:inline-block;transform:translateY(-100%)}@media (max-width:768px){.hero-designer p span{letter-spacing:-1px;font-size:18px}.hero-designer p{margin-bottom:0}}.hero-designer p:last-child{margin-bottom:0}.hero-designer__img{pointer-events:none;width:430rem;height:490rem;position:absolute;bottom:30rem;right:30rem;overflow:hidden}@media (max-width:768px){.hero-designer__img{bottom:unset;right:unset;width:166px;height:186px;position:relative}}.hero-designer__img img{object-fit:cover;clip-path:polygon(0 0,100% 0,100% 0,0 0);width:100%;height:100%;transform:scale(1.5)}.hero-based{opacity:0;justify-content:space-between;align-items:center;width:535rem;display:flex;position:absolute;top:450rem;right:50rem}@media (max-width:1100px){.hero-based{top:240px}}@media (max-width:768px){.hero-based{display:none}}.hero-based span{letter-spacing:20rem;text-transform:uppercase;font-size:20rem;font-weight:700;line-height:99%}.hero-description{letter-spacing:-2%;text-align:center;text-transform:uppercase;opacity:0;width:450rem;margin:45rem auto 20rem;font-family:Spline Sans Mono;font-size:26rem;font-weight:300;line-height:99%}@media (max-width:768px){.hero-description{display:none}}.hero-recent,.hero-collab{opacity:0;width:max-content;margin-left:auto;display:block}.hero-recent span,.hero-collab span{transition:all .8s var(--transition-main);display:block}.hero-recent span:first-child,.hero-collab span:first-child{letter-spacing:-2%;text-transform:uppercase;margin-bottom:5rem;font-family:Spline Sans Mono;font-size:24rem;font-weight:300;line-height:99%}@media (max-width:768px){.hero-recent span:first-child,.hero-collab span:first-child{margin-bottom:10px;font-size:14px}}.hero-recent span:first-child svg,.hero-collab span:first-child svg{stroke:#101010;width:18rem;height:18rem;transition:transform .8s var(--transition-main);margin-left:20rem;transform:rotate(90deg)}@media (max-width:768px){.hero-recent span:first-child svg,.hero-collab span:first-child svg{width:9px;height:9px;margin-left:10px}}.hero-recent span:last-child,.hero-collab span:last-child{letter-spacing:-4rem;text-transform:uppercase;font-size:60rem;font-weight:700;line-height:99%}@media (max-width:768px){.hero-recent span:last-child,.hero-collab span:last-child{font-size:30px}}.hero-recent:hover span:last-child,.hero-collab:hover span:last-child{color:var(--text-gray-color)}.hero-recent:hover span svg,.hero-collab:hover span svg{transform:rotate(45deg)}.hero-recent{margin-bottom:40rem}@media (max-width:768px){.hero-recent{order:4;margin-top:30px;margin-bottom:33px;margin-left:0}}.hero-collab{margin:0}@media (max-width:768px){.hero-collab{order:5;margin:0 40px 0 auto}}.hero-collab span:first-child{margin-bottom:10rem}@media (max-width:768px){.hero-collab span:first-child{margin-bottom:10px}}.hero-collab span:before,.hero-collab span:after{background-color:#101010}.hero-collab span:last-child{letter-spacing:-1rem;text-transform:lowercase;width:max-content;margin:0 -40px 0 auto;padding-bottom:0;font-family:Sofia Sans Condensed;font-size:36rem;font-weight:600;line-height:99%}@media (max-width:768px){.hero-collab span:last-child{font-size:18px}}.hero-collab:hover .link-line:after,.hero-collab:hover .link-line:before{background-color:var(--text-gray-color)}body.loaded .hero-letter{transform:translateY(0)!important}body.loaded .hero-title-after .hero-word:last-child:after,body.loaded .hero-designer{opacity:1!important}body.loaded .hero-designer__descr p span{transform:translateY(0)!important}body.loaded .hero-designer__img img{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)!important;transform:scale(1)!important}body.loaded .hero-based,body.loaded .hero-description,body.loaded .hero-recent,body.loaded .hero-collab{opacity:1!important}body.loaded .hero-title__number-wrap span{transform:translateY(0)!important}body.loaded .hero-title__number-first>span{transform:translateY(100%)!important}body.loaded .hero-title__number-third>span{transform:translateY(600%)!important}body.loaded .hero-title__number-four>span{transform:translateY(100%)!important}body.loaded .hero-title__number-five>span{transform:translateY(800%)!important}body.loaded .hero-title__number-second{opacity:1!important}.hero-title-after .hero-word:last-child:after{opacity:1}
.projects{background-color:var(--text-color);color:var(--bg-color);height:400dvh;padding-top:150rem;position:relative}@media (max-width:1100px){.projects{padding-top:50px}}.projects .projects-canvas{width:100%;height:100dvh;position:sticky;top:0;left:0}.projects .projects-canvas__stage{touch-action:pan-y;position:absolute;inset:0}.projects .projects-canvas__step{color:#ffffff8c;cursor:pointer;background:0 0;border:0;place-items:center;min-width:64px;min-height:44px;padding:0 8px;transition:color .2s;display:grid}.projects .projects-canvas__step svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 6px #000000b3);width:56px;height:20px}.projects .projects-canvas__step:hover{color:#fff}.projects .projects-canvas__step:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (max-width:600px){.projects .projects-canvas__step{min-width:44px}.projects .projects-canvas__step svg{width:36px}}.projects .projects-canvas__works{z-index:2;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.projects .projects-canvas__view{color:#ffffffb3;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 8px #000000b3;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 12px;font-family:Spline Sans Mono,monospace;font-size:13px;transition:color .2s}.projects .projects-canvas__view:before{content:"[ "}.projects .projects-canvas__view:after{content:" ]"}.projects .projects-canvas__view:hover{color:#fff}.projects .projects-canvas__view:focus-visible{outline-offset:2px;outline:2px solid #fff}.projects .projects-canvas__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.projects .projects-canvas__swipe{display:none}@media (max-width:1100px){.projects .projects-canvas__swipe{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000098;border-radius:3px;padding:4px 20px;font-size:12px;display:block;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}}.projects__title{text-align:center;z-index:101;margin-bottom:100rem;position:relative}@media (max-width:1100px){.projects__title{margin-bottom:30px}}.projects__title span{letter-spacing:-12rem;font-size:150rem}@media (max-width:1100px){.projects__title span{font-size:300rem}}
.services{background-color:var(--bg-color);padding:200rem 0 0}@media (max-width:1100px){.services{padding:70px 0 0}}@media (max-width:768px){.services{padding:70px 0 0}}.services__title{justify-content:space-between;display:flex}.services__title h2 .letter{letter-spacing:-13rem;text-transform:uppercase;font-size:163rem;line-height:74%}@media (max-width:1100px){.services__title h2 .letter{letter-spacing:-3px;font-size:50px}}.services__title-span span{letter-spacing:-2rem;text-transform:uppercase;font-family:Sofia Sans Condensed;font-size:36rem;font-weight:700;line-height:99%}@media (max-width:1100px){.services__title-span span{letter-spacing:-1px;font-size:14px}}.services__wrapper{border-top:2rem solid #000;border-bottom:2rem solid #000;width:100%;margin-top:115rem;display:flex}@media (max-width:1100px){.services__wrapper{margin-top:40px}}@media (max-width:768px){.services__wrapper{border:none;display:block}}.services__wrapper .services-block{width:455rem;height:636rem;transition:all .8s var(--transition-main);opacity:0;border-right:2rem solid #000;flex-shrink:0;padding:47rem 25rem 0;position:relative;overflow:hidden}@media (max-width:768px){.services__wrapper .services-block{border-bottom:1px solid #dedede;border-right:none;width:100%;height:auto;padding:15px 15px 35px}}.services__wrapper .services-block__number{letter-spacing:-2rem;text-transform:uppercase;transition:font-size .6s var(--transition-main);margin-bottom:50rem;font-family:Sofia Sans Condensed;font-size:20rem;font-weight:700;line-height:74%}@media (max-width:768px){.services__wrapper .services-block__number{letter-spacing:-2px;color:#dedede;margin-bottom:0;margin-right:25px;font-size:16px;display:inline-block;transform:translateY(-4px)}}.services__wrapper .services-block__title{overflow:hidden}@media (max-width:768px){.services__wrapper .services-block__title{transition:transform .8s var(--transition-main);display:inline-block;transform:translateY(4px)}}.services__wrapper .services-block__title span{letter-spacing:-3rem;text-transform:uppercase;color:var(--text-color);transition:transform .2s var(--transition-main);font-family:Sofia Sans Condensed;font-size:40rem;font-weight:700;line-height:74%;display:inline-block;transform:translateY(0%)}@media (max-width:768px){.services__wrapper .services-block__title span{letter-spacing:-2px;font-size:30px}}.services__wrapper .services-block__second-title{position:absolute;top:35rem;right:37rem;overflow:hidden}.services__wrapper .services-block__second-title span{letter-spacing:-3rem;text-transform:uppercase;transition:transform .6s var(--transition-main);font-family:Sofia Sans Condensed;font-size:50rem;font-weight:700;line-height:74%;display:inline-block;transform:translateY(-110%)}.services__wrapper .services-block__second-title span span{transition:transform .6s var(--transition-main);margin-right:25rem;display:inline-block;transform:translateY(-110%)}.services__wrapper .services-block__second-middle{justify-content:space-between;display:flex}@media (max-width:768px){.services__wrapper .services-block__second-middle{padding-top:45px}}.services__wrapper .services-block__list li{margin-bottom:10rem;padding:0 5rem 0 0;overflow:hidden}@media (max-width:768px){.services__wrapper .services-block__list li{margin-bottom:5px;padding:0}}.services__wrapper .services-block__list li:last-child{margin-bottom:0}.services__wrapper .services-block__list li span{letter-spacing:-2rem;text-transform:uppercase;font-family:Sofia Sans Condensed;font-size:32rem;font-weight:700;line-height:99%;transition:transform;display:inline-block;transform:translateY(-100%)}@media (max-width:768px){.services__wrapper .services-block__list li span{font-size:18px}}@media (max-width:400px){.services__wrapper .services-block__list li span{font-size:14px}}.services__wrapper .services-block__img{width:353rem;height:250rem;overflow:hidden}@media (max-width:768px){.services__wrapper .services-block__img{width:50%;height:auto}}.services__wrapper .services-block__img img{object-fit:cover;clip-path:polygon(0 0,100% 0,100% 0,0 0);width:100%;height:100%;transition:all .1s var(--transition-main);transform:scale(1.4)}.services__wrapper .services-block__text{letter-spacing:-1rem;text-transform:uppercase;opacity:0;transition:opacity .1s var(--transition-main);margin-top:90rem;font-family:Spline Sans Mono;font-size:20rem;font-weight:300;line-height:1.3}@media (max-width:768px){.services__wrapper .services-block__text{letter-spacing:-1px;text-align:center;margin-top:40px;font-size:16px;line-height:1.1}}@media (min-width:768px){.services__wrapper .services-block:hover{width:730rem}}.services__wrapper .services-block:hover{background-color:var(--white)}@media (min-width:768px){.services__wrapper .services-block:hover .services-block__number{font-size:50rem}}@media (max-width:768px){.services__wrapper .services-block:hover .services-block__number{opacity:0}}@media (min-width:768px){.services__wrapper .services-block:hover .services-block__title span{transform:translateY(-100%)}}@media (max-width:768px){.services__wrapper .services-block:hover .services-block__title{transform:translate(-42px,4px)}}@media (min-width:768px){.services__wrapper .services-block:hover .services-block__second-title span,.services__wrapper .services-block:hover .services-block__second-title span span{transition-delay:.3s;transform:translateY(0)}}.services__wrapper .services-block:hover .services-block__list li:first-child span{transition-delay:.7s}.services__wrapper .services-block:hover .services-block__list li:nth-child(2) span{transition-delay:.65s}.services__wrapper .services-block:hover .services-block__list li:nth-child(3) span{transition-delay:.6s}.services__wrapper .services-block:hover .services-block__list li:nth-child(4) span{transition-delay:.55s}.services__wrapper .services-block:hover .services-block__list li:nth-child(5) span{transition-delay:.5s}.services__wrapper .services-block:hover .services-block__list li span{transition:transform .6s var(--transition-main);transform:translateY(0)}.services__wrapper .services-block:hover .services-block__text{transition:opacity 1.5s var(--transition-main);opacity:1;transition-delay:.8s}.services__wrapper .services-block:hover .services-block__img img{transition:all 1.3s var(--transition-main);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition-delay:.5s;transform:scale(1)}.services-block{transition:width .8s var(--transition-main)}.services-block.mobile{transition:max-height 1s ease-out;overflow:hidden}
