main#works section{padding-left:80px;padding-right:80px}@media (min-width:768px) and (max-width:1149px){main#works section{padding-left:20px;padding-right:20px}}@media (max-width:767px){main#works section{padding-left:14px;padding-right:14px}}main#works section.hero{margin-top:-231px;overflow-x:hidden;position:relative}main#works section.hero .gradient-bg{height:100%;left:0;max-height:1500px;min-width:98vw;overflow:hidden;position:relative;position:absolute;top:0;width:calc(100% + 80px)}main#works section.hero .gradient-bg svg{display:none}main#works section.hero .gradient-bg .gradients-container{filter:url(#goo) blur(50px);height:100%;width:100%}main#works section.hero .container{height:100%;padding-top:300px;position:relative}main#works section.hero .container .--button.--magnetic{left:0;position:absolute;top:200px;z-index:2}main#works section.hero .container h1{margin-bottom:100px}@media (min-width:768px) and (max-width:1149px){main#works section.hero .container h1{margin-bottom:20px}}@media (max-width:767px){main#works section.hero .container h1{margin-bottom:20px}}main#works section.hero .container .heroLeftBot{color:#fff;font-size:16px;font-weight:300;line-height:22px;max-width:315px;opacity:.8}@media (max-width:520px){main#works section.hero .container .heroLeftBot{margin-bottom:40px}}main#works section.hero .container .worksSection{margin-top:75px}@media (max-width:767px){main#works section.hero .container .worksSection{margin-top:25px}}main#works section.hero .container .worksSection #workFilters{margin-bottom:50px;padding-right:80px;position:relative}main#works section.hero .container .worksSection #workFilters .scroll-top{bottom:auto;top:-4px}main#works section.hero .container .worksSection #workFilters ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}@media (min-width:768px) and (max-width:1149px){main#works section.hero .container .worksSection #workFilters ul{flex-wrap:wrap}}@media (max-width:767px){main#works section.hero .container .worksSection #workFilters ul{flex-wrap:wrap}}main#works section.hero .container .worksSection #workFilters ul li{border:1px solid hsla(0,0%,100%,.2);border-radius:100px;color:#fff;cursor:default;font-size:16px;line-height:22px;opacity:.8;padding:5px 15px;transition:all .25s ease!important}main#works section.hero .container .worksSection #workFilters ul li:not(.active){cursor:pointer}main#works section.hero .container .worksSection #workFilters ul li:hover:not(.active){transform:translateY(-5px)!important}main#works section.hero .container .worksSection #workFilters ul li.active{border-color:#fff;opacity:1}@media (max-width:520px){main#works section.hero .container .worksSection #workFilters{padding-right:0}main#works section.hero .container .worksSection #workFilters .scroll-top{display:none}main#works section.hero .container .worksSection #workFilters ul{gap:6px}main#works section.hero .container .worksSection #workFilters ul li{font-size:14px;padding:4px 12px}}main#works section.hero .container .worksSection #workContainer .projectContainer{-moz-column-gap:24px;column-gap:24px;display:flex;flex-wrap:wrap;row-gap:65px}@media (min-width:768px) and (max-width:1149px){main#works section.hero .container .worksSection #workContainer .projectContainer{-moz-column-gap:12px;column-gap:12px;row-gap:32px}}@media (max-width:767px){main#works section.hero .container .worksSection #workContainer .projectContainer{-moz-column-gap:12px;column-gap:12px;row-gap:32px}}main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork{text-decoration:none;width:calc(50% - 16px)}@media (min-width:768px) and (max-width:1149px){main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork{width:calc(50% - 6px)}}@media (max-width:767px){main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork{width:calc(50% - 6px)}}@media (max-width:520px){main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork{width:100%}main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork img{aspect-ratio:3/2!important}}main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork:hover h2{transform:translateY(-5px)!important}main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork img{display:block;height:410px;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width:768px) and (max-width:1149px){main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork img{width:100%}}@media (max-width:767px){main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork img{aspect-ratio:1;height:auto}}main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork .metaBlock{display:flex;flex-direction:column;margin-top:26px}main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork .metaBlock h2{font-size:24px;font-weight:500;line-height:28px;margin-bottom:10px;text-transform:unset;transition:all .25s ease!important}@media (max-width:767px){main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork .metaBlock h2{font-size:20px;line-height:24px}}main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork .metaBlock .projectCats{display:flex;gap:10px;margin-top:12px}@media (max-width:820px){main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork .metaBlock .projectCats{flex-wrap:wrap}}main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork .metaBlock .projectCats span{border:1px solid hsla(0,0%,100%,.2);border-radius:100px;color:#fff;font-size:16px;height:-moz-max-content;height:max-content;line-height:22px;opacity:.8;padding:5px 15px;white-space:nowrap}@media (max-width:767px){main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork .metaBlock .projectCats span{font-size:14px;line-height:20px;padding:3px 12px}}@media (min-width:1040px){main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork .metaBlock{align-items:center;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:space-between}main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork .metaBlock h2{margin-bottom:0}main#works section.hero .container .worksSection #workContainer .projectContainer .singleWork .metaBlock .projectCats{margin-top:0}}