@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk");
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--white:#cbcfc6;--black:#333;--curve:cubic-bezier(0.55,0,0.1,1)}*,:after,:before{-webkit-font-smoothing:antialiased;box-sizing:border-box;outline:none}h1,h2,h3,h4,h5,h6,p{font-weight:400;margin:0;padding:0}ul{list-style-position:outside;margin:0;padding:0}input,select,textarea{-webkit-appearance:none;border-radius:0}::-moz-placeholder{background-color:#000;color:#fff}::placeholder{background-color:#000;color:#fff}::-moz-selection{background:var(--white);color:var(--black)}::selection{background:var(--white);color:var(--black)}html{background-color:var(--black);cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><circle cx="10" cy="10" r="10" fill="yellow"/></svg>') 10 10,auto;font-family:Space Grotesk,sans-serif;font-size:22px}html,html body a{color:var(--white)}html body a{text-decoration:none;text-underline-offset:2px}html body a:hover{text-decoration:underline;text-decoration-thickness:1px}@keyframes load{0%{opacity:0}to{opacity:1}}html body .load{opacity:0}html body .load-1{animation:2s var(--curve) .2s load forwards}html body .load-2{animation:2s var(--curve) .4s load forwards}html body .load-3{animation:2s var(--curve) .6s load forwards}html body .load-4{animation:2s var(--curve) .8s load forwards}html body .load-5{animation:2s var(--curve) 1s load forwards}html body .load-6{animation:2s var(--curve) 1.2s load forwards}html body .load-7{animation:2s var(--curve) 1.4s load forwards}html body .load-8{animation:2s var(--curve) 1.6s load forwards}html body .load-9{animation:2s var(--curve) 1.8s load forwards}html body .load-10{animation:2s var(--curve) 2s load forwards}html body .load-11{animation:2s var(--curve) 2.2s load forwards}html body .load-12{animation:2s var(--curve) 2.4s load forwards}@keyframes load-up{0%{opacity:0;transform:translateY(5vw)}to{opacity:1;transform:translateY(0)}}html body .load-up{opacity:0;transform:translateY(5vw)}html body .load-up-1{animation:2s var(--curve) 1.2s load-up forwards}html body .load-up-2{animation:2s var(--curve) 1.4s load-up forwards}html body .load-up-3{animation:2s var(--curve) 1.6s load-up forwards}html body .load-up-4{animation:2s var(--curve) 1.8s load-up forwards}html body .load-up-5{animation:2s var(--curve) 2s load-up forwards}html body .load-up-6{animation:2s var(--curve) 2.2s load-up forwards}html body .load-up-7{animation:2s var(--curve) 2.4s load-up forwards}html body .load-up-8{animation:2s var(--curve) 2.6s load-up forwards}html body .load-up-9{animation:2s var(--curve) 2.8s load-up forwards}html body .load-up-10{animation:2s var(--curve) 3s load-up forwards}html body .load-up-11{animation:2s var(--curve) 3.2s load-up forwards}html body .load-up-12{animation:2s var(--curve) 3.4s load-up forwards}@media (max-width:1024px){html body .desktop{display:none}}html body .mobile{display:none}@media (max-width:700px){html body .mobile{display:block}}html body .intro{display:flex;flex-direction:column;min-height:calc(100vh - 50px);padding:100px 100px 0;position:relative}@media (max-width:1280px){html body .intro{padding:50px 50px 0}}@media (max-width:700px){html body .intro{min-height:calc(100vh - 130px);padding:35px 35px 0}}html body .intro header{display:flex;justify-content:space-between;left:100px;position:absolute;right:100px;top:100px}@media (max-width:1280px){html body .intro header{left:50px;right:50px;top:50px}}@media (max-width:700px){html body .intro header{left:35px;right:35px;top:35px}html body .intro header svg:first-of-type{width:30px}html body .intro header img:first-of-type{width:52px}}html body .intro .text-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:center}html body .intro .text-wrapper .text{font-size:44px;line-height:56px;max-width:840px;text-align:center}@media (max-width:700px){html body .intro .text-wrapper .text{font-size:26px;line-height:34px}}html body .squares{display:flex;flex-wrap:wrap;padding:0 100px 100px}@media (max-width:1280px){html body .squares{padding:0 50px 50px}}@media (max-width:700px){html body .squares{padding:0 35px 35px}}html body .squares .square{aspect-ratio:1/1;border-radius:30px;flex:0 0 50%}@media (max-width:900px){html body .squares .square{border-radius:15px;flex:0 0 100%}html body .squares .square:first-of-type{order:2}html body .squares .square:nth-of-type(2){order:1}html body .squares .square:nth-of-type(3){order:3}html body .squares .square:nth-of-type(4){order:4}html body .squares .square:nth-of-type(5){order:6}html body .squares .square:nth-of-type(6){order:5}}html body .squares .square:nth-of-type(2){background-color:#515e41}html body .squares .square:nth-of-type(3){background-color:#693b57}html body .squares .square:nth-of-type(6){background-color:#ab8043}html body .squares .text-square{background-color:var(--white);color:var(--black);display:flex;flex-direction:column;justify-content:space-between;padding:50px}@media (max-width:700px){html body .squares .text-square{padding:25px}}html body .squares .text-square .title{font-size:24px;line-height:34px;margin-bottom:20px}@media (max-width:1280px){html body .squares .text-square .title{font-size:19px;line-height:28px}}@media (max-width:700px){html body .squares .text-square .title{font-size:16px;line-height:22px}}html body .squares .text-square .text{font-size:24px;line-height:34px}@media (max-width:1280px){html body .squares .text-square .text{font-size:19px;line-height:28px}}@media (max-width:700px){html body .squares .text-square .text{font-size:16px;line-height:22px}}html body .squares .shape-square{overflow:hidden}html body .squares .shape-square.hover svg circle,html body .squares .shape-square.hover svg path,html body .squares .shape-square:hover svg circle,html body .squares .shape-square:hover svg path{fill:transparent}html body .squares .shape-square:nth-of-type(2).hover svg:first-of-type,html body .squares .shape-square:nth-of-type(2):hover svg:first-of-type{transform:translate3d(8%,-8%,-8vw)}html body .squares .shape-square:nth-of-type(2).hover svg:nth-of-type(2),html body .squares .shape-square:nth-of-type(2):hover svg:nth-of-type(2){transform:translate3d(-8%,8%,8vw)}html body .squares .shape-square:nth-of-type(3).hover svg:first-of-type,html body .squares .shape-square:nth-of-type(3):hover svg:first-of-type{transform:translate3d(0,-10%,-8vw)}html body .squares .shape-square:nth-of-type(3).hover svg:nth-of-type(2),html body .squares .shape-square:nth-of-type(3):hover svg:nth-of-type(2){transform:translate3d(0,10%,8vw)}html body .squares .shape-square:nth-of-type(6).hover svg:first-of-type,html body .squares .shape-square:nth-of-type(6):hover svg:first-of-type{transform:translate3d(-16%,0,-8vw)}html body .squares .shape-square:nth-of-type(6).hover svg:nth-of-type(2),html body .squares .shape-square:nth-of-type(6):hover svg:nth-of-type(2){transform:translate3d(16%,0,8vw)}html body .squares .shape-square .svg-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;transform-style:preserve-3d;transition:transform .1s linear;width:100%}html body .squares .shape-square svg{height:calc(100% - 16vw);position:absolute;top:8vw;transition:transform .8s var(--curve);width:calc(100% - 16vw)}@media (max-width:900px){html body .squares .shape-square svg{height:calc(100% - 32vw);top:16vw;width:calc(100% - 32vw)}}@media (max-width:700px){html body .squares .shape-square svg{height:calc(100% - 150px);top:80px;width:calc(100% - 150px)}}html body .squares .shape-square svg circle,html body .squares .shape-square svg path{transition:fill .4s var(--curve)}html body footer{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:100px}@media (max-width:1280px){html body footer{padding:50px}}@media (max-width:700px){html body footer{font-size:16px;padding:35px}}html body footer .top{display:flex;flex-wrap:wrap;position:relative}html body footer .top .text{flex:0 0 50%;padding-right:25px}@media (max-width:1111px){html body footer .top .text{flex:0 0 100%}}html body footer .top .contact{padding-right:50px}@media (max-width:1111px){html body footer .top .contact{flex:0 0 100%;margin-top:32px}}@media (max-width:600px){html body footer .top .contact br{display:none}html body footer .top .contact br.keep{display:block}}html body footer .top .logo{position:absolute;right:0;top:0;width:20px}html body footer .top .logo img{height:20px;left:0;position:absolute;top:0;will-change:display}html body footer .bottom{display:flex;justify-content:space-between;padding-top:100px}@media (max-width:1400px){html body footer .bottom img:first-of-type{width:27.5vw}}@media (max-width:700px){html body footer .bottom img:first-of-type{width:92px}}@media (max-width:1400px){html body footer .bottom img:nth-of-type(2){width:46.25vw}}@media (max-width:700px){html body footer .bottom img:nth-of-type(2){width:155px}}