@font-face{font-family:Graphik;src:url(/fonts/Graphik/Graphik-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Graphik;src:url(/fonts/Graphik/Graphik-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Graphik;src:url(/fonts/Graphik/Graphik-Semibold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Graphik;src:url(/fonts/Graphik/Graphik-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--primary: #000000;--gray: #626a75;--light: #ffffff}.html,body,#root{width:100%;height:100%;padding:0;margin:0;background-color:var(--light);font-family:Graphik,sans-serif;font-size:16px}@media(max-width:500px){html{font-size:11px}}@media(max-width:700px){html{font-size:12px}}div,span,button{font-size:inherit;font-family:inherit;scroll-behavior:smooth;box-sizing:border-box}a{text-decoration:none;color:inherit}a.with-underline:hover{text-decoration:underline}button{cursor:pointer;border:1px solid transparent;font-weight:500}button:hover{border-color:var(--primary)}.transition-250,div,span,button{transition:all .25s ease-in-out}.spacer{flex-grow:1}.fw-medium{font-weight:500}.fw-bold{font-weight:700}.op-50{opacity:.5}.op-40{opacity:.4}.footer{padding:214px 40px 28px;font-weight:500}@media(max-width:900px){.footer{padding-inline:10px}}.next-project-btn{transition:all .3s;position:relative;overflow:hidden;z-index:1;background-color:#000;color:#fff}.next-project-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#2a2d31;z-index:-2}.next-project-btn:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#000;transition:all .3s;z-index:-1}.next-project-btn:hover:before{width:100%}.about-btn{display:flex;gap:13px;border-radius:100px;align-items:center;padding:7px 9px 7px 15px;border-color:transparent;background-color:transparent;transition:all .3s;position:relative;overflow:hidden;z-index:1}.about-btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:transparent;z-index:-2}.about-btn:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#000;transition:all .3s;z-index:-1}.about-btn:hover{color:#fff;border-color:#fff}.about-btn:hover:before{width:100%}.about-btn.active{background-color:var(--primary);color:var(--light);border-color:#000}.about-btn.active:after{background-color:transparent}.about-btn.active:before{background-color:transparent}.about-btn img{width:24px;height:24px;border-radius:50%}.about{display:flex;flex-direction:column;align-items:center;margin-top:9rem;max-width:90vw;margin-left:auto;margin-right:auto}.about .top{font-weight:500;letter-spacing:-.7%;font-size:3.62rem!important;margin-bottom:68px}.about .images{display:flex;gap:28px}@media(max-width:900px){.about .images{flex-direction:column}}.about .images>img,.about .images .contacts{width:342px;height:342px;border-radius:12px}.about .images .contacts{display:flex;justify-content:flex-end;flex-direction:column;gap:12px;padding:34px 32px;margin-bottom:80px;background-color:var(--primary);font-size:1.25rem!important;color:var(--light)}.about .images .contacts .title{margin-bottom:4px}.about .sections{display:flex;flex-direction:column;gap:40px;font-size:1.5rem!important}.about .sections .text{color:var(--gray)!important;line-height:170%;letter-spacing:0%}@media(max-width:900px){.mobile-full-width{width:100%!important}}
