.ui\:our-works__box{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:center}@media(max-width:1599px){.ui\:our-works__box{gap:10px;margin-top:40px}}@media(max-width:1199px){.ui\:our-works__box{margin-top:20px}}@media(max-width:989px){.ui\:our-works__box{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.ui\:our-works__box{gap:4px}}.ui\:our-works__project{border-radius:20px;overflow:hidden;position:relative;cursor:pointer;background:#20232d}@media(max-width:1599px){.ui\:our-works__project{border-radius:10px}}.ui\:our-works__project-bg,.ui\:our-works__project-fg{display:flex}.ui\:our-works__project-bg img{transform:scale(1.01);transition:.25s ease-in-out transform 0ms;aspect-ratio:1;width:100%}.ui\:our-works__project-fg{position:absolute;top:0;left:0;height:100%;width:100%;transition:.25s ease-in-out opacity 0ms,.25s ease-in-out transform 0ms}.ui\:our-works__project-info{position:absolute;padding:30% 20px 25px;opacity:0;top:0;left:0;right:0;height:100%;width:100%;display:flex;flex-direction:column;transform:scale(1.1);justify-content:flex-end;transition:.25s ease-in-out opacity 0ms,.25s ease-in-out transform 0ms,.25s ease-in-out background-position 0ms;background-image:linear-gradient(161deg,#191c2600,#191c2669 23.76%,#191c2696 44.42%,#191c26cc 70.29% 100%);background-position:0 200%}@media(max-width:639px){.ui\:our-works__project-info{display:none}}.ui\:our-works__project-title{font-size:32px;line-height:1.3;color:#fff;font-weight:800}.ui\:our-works__project-text{margin-top:8px;font-size:16px;line-height:1.4;color:#babbbe}.ui\:our-works__project-case{position:absolute;display:flex;gap:10px;top:20px;right:20px;padding:10px 20px;opacity:0;visibility:hidden;transform:scale(1.1);transform-origin:bottom left;transition:.25s ease-in-out opacity 0ms,.25s ease-in-out transform 0ms,.25s ease-in-out visibility 0ms,.25s ease-in-out color 0ms;color:#191c26;background:#fff;border-radius:30px}.ui\:our-works__project-case span{font-weight:500;font-size:16px;color:#191c26}.ui\:our-works__project-case svg{width:30px;height:30px;flex-shrink:0}.ui\:our-works__project:hover .ui\:our-works__project-bg img{transform:none}.ui\:our-works__project:hover .ui\:our-works__project-fg{opacity:0;transform:scale(.95)}.ui\:our-works__project:hover .ui\:our-works__project-case{opacity:1;visibility:visible;transform:none}.ui\:our-works__project:hover .ui\:our-works__project-info{opacity:1;transform:none;background-position:0 0}.ui\:our-works__action{margin-top:40px;display:flex;align-items:center;justify-content:center}@media(max-width:1599px){.ui\:our-works__action{margin-top:30px}}@media(max-width:429px){.ui\:our-works__action{margin-top:20px}}