.projects_projects-header__eGOnH{background-image:radial-gradient(ellipse at center center,rgb(227,82,6) 0,rgb(211,0,0) 100%);height:calc(100vh - 78.82px)}.projects_projects-header__eGOnH:before{content:"";opacity:.3;position:absolute;left:0;right:0;top:0;bottom:0;transition:all .3s ease-in-out;background-image:url(/images/wkoistudio_bg-skills.webp);background-size:cover;background-position:50%;background-attachment:scroll;background-repeat:no-repeat;animation:projects_slideLight__XDi1C 60s linear infinite;z-index:0}@media(max-width:767px){.projects_projects-header__eGOnH .projects_projects-title__AgBu6{font-size:2.5rem}}@media(min-width:768px)and (max-width:1023px){.projects_projects-header__eGOnH .projects_projects-title__AgBu6{font-size:4rem}}@media(min-width:1024px)and (max-width:1279px){.projects_projects-header__eGOnH .projects_projects-title__AgBu6{font-size:4rem}}@media(min-width:1280px)and (max-width:1535px){.projects_projects-header__eGOnH .projects_projects-title__AgBu6{font-size:5rem}}@media(min-width:1536px){.projects_projects-header__eGOnH .projects_projects-title__AgBu6{font-size:6rem}}.projects_projects-header__eGOnH .projects_projects-description__HXQwN{font-size:1.2rem;width:80%}.projects_filterButton___cEPI{position:relative;overflow:hidden;transition:all .3s ease-in-out;font-weight:600;z-index:1;color:color-mix(in srgb,var(--text-base) 65%,transparent)}@media(max-width:767px){.projects_filterButton___cEPI{font-size:1rem;padding:1rem}}@media(min-width:768px)and (max-width:1023px){.projects_filterButton___cEPI{font-size:.8rem;padding:1rem 1.5rem}}.projects_filterButton___cEPI:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:scaleX(0);transform-origin:left;transition:transform .4s ease-in-out;z-index:-1}.projects_filterButton___cEPI>*{position:relative;z-index:1}.projects_filterButton___cEPI.all,.projects_filterButton___cEPI.design,.projects_filterButton___cEPI.ux,.projects_filterButton___cEPI.web{background-color:var(--grey-light)}.projects_filterButton___cEPI.all span{display:block;height:25px}.projects_filterButton___cEPI.all:before{background-color:var(--primary)}.projects_filterButton___cEPI.ux:before{background-color:var(--ux)}.projects_filterButton___cEPI.web:before{background-color:var(--web)}.projects_filterButton___cEPI.design:before{background-color:var(--design)}.projects_filterButton___cEPI:hover:before{transform:scaleX(1)}.projects_filterButton___cEPI:hover.all,.projects_filterButton___cEPI:hover.ux,.projects_filterButton___cEPI:hover.web{color:#fff!important}.projects_filterButton___cEPI:hover.all svg,.projects_filterButton___cEPI:hover.ux svg,.projects_filterButton___cEPI:hover.web svg{stroke:#fff!important}.projects_filterButton___cEPI:hover.design{color:var(--text-base)!important}.projects_filterButton___cEPI:hover.design svg{stroke:var(--text-base)!important}.projects_filterButton___cEPI.active.all,.projects_filterButton___cEPI.active.ux,.projects_filterButton___cEPI.active.web{color:#fff!important}.projects_filterButton___cEPI.active.design{color:var(--text-base)!important}.projects_filterButton___cEPI.active:before{transform:scaleX(1)}.projects_projectsGrid__ryhOa{display:flex;width:auto;margin-left:-1rem}@media(min-width:768px){.projects_projectsGrid__ryhOa{margin-left:-1.5rem}}.projects_projectsGridColumn__3UMfB{padding-left:1rem;background-clip:padding-box}@media(min-width:768px){.projects_projectsGridColumn__3UMfB{padding-left:1.5rem}}.projects_projectCard__zSGF_{margin-bottom:1rem;overflow:hidden;border-radius:.5rem}@media(min-width:768px){.projects_projectCard__zSGF_{margin-bottom:1.5rem}}.projects_projectCard__zSGF_ a{display:block;transition:transform .3s ease-in-out;background-color:var(--card)}.projects_projectCard__zSGF_ a:hover{box-shadow:0 10px 25px rgba(0,0,0,.1)}.projects_imageWrapper__osdan{position:relative;width:100%;overflow:hidden;background-color:var(--muted)}.projects_imageWrapper__osdan img{width:100%;height:auto;display:block}.projects_projectImage__euRGP{width:100%!important;height:auto!important;object-fit:cover;transition:transform .3s ease-in-out}.projects_projectCard__zSGF_:hover .projects_projectImage__euRGP{transform:scale(1.05)}.projects_projectInfo__eqMVW{padding:1rem}.projects_projectInfo__eqMVW.ux{opacity:0}.projects_projectInfo__eqMVW.ux:hover{opacity:1;background-color:color-mix(in srgb,var(--ux) 90%,transparent);transition:background-color .3s ease-in-out}.projects_projectInfo__eqMVW.web{opacity:0}.projects_projectInfo__eqMVW.web:hover{opacity:1;background-color:color-mix(in srgb,var(--web) 90%,transparent);transition:background-color .3s ease-in-out}.projects_projectInfo__eqMVW.design{opacity:0}.projects_projectInfo__eqMVW.design:hover{opacity:1;background-color:color-mix(in srgb,var(--design) 90%,transparent);transition:background-color .3s ease-in-out}.projects_projectInfo__eqMVW .projects_projectTitle__BHQCh{font-size:1.5rem}@keyframes projects_slideLight__XDi1C{0%{opacity:0;background-position:50% 0}10%{opacity:.5}90%{opacity:.2}to{opacity:0;background-position:-50% 100%}}.projects_filtersSticky__N2ir3{transition:box-shadow .3s ease-in-out}.projects_filtersSticky__N2ir3.projects_isSticky__nMfZW{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}#projects_active-filter-button__KMg8N{background-color:var(--primary)}#projects_active-filter-button__KMg8N.ux{background-color:var(--ux)}#projects_active-filter-button__KMg8N.ux:hover{background-color:color-mix(in srgb,var(--ux) 90%,black)}#projects_active-filter-button__KMg8N.web{background-color:var(--web)}#projects_active-filter-button__KMg8N.web:hover{background-color:color-mix(in srgb,var(--web) 90%,black)}#projects_active-filter-button__KMg8N.design{background-color:var(--design)}#projects_active-filter-button__KMg8N.design:hover{background-color:color-mix(in srgb,var(--design) 90%,black)}