.home-section{position:relative}.home-section:before{content:"";background-image:linear-gradient(0deg,var(--color-dark-2)0%,transparent 100%);position:absolute;inset:0}.project-box{cursor:pointer}.project-box-container{clip-path:inset(-1px);will-change:clip-path;transition:all 2s var(--timing-transition-1);background:var(--color-light-gray-2);position:relative;overflow:hidden}.project-box-container img{transition:all 2s var(--timing-transition-1)}.project-box .content-overlay{background:linear-gradient(0deg,var(--color-light-gray-3)0%,transparent 60%);opacity:0;width:100%;height:100%;transition:all .5s var(--timing-transition-1);align-items:end;padding:0 2rem 1rem;display:flex;position:absolute;top:0;left:0}.project-box .project-title{color:var(--color-dark-2);text-transform:uppercase;letter-spacing:.15rem;font-size:1.25rem;font-weight:500}.project-box .project-description{color:var(--color-gray-1)}.project-box:hover .content-overlay{opacity:1}.project-box:hover .project-box-container{clip-path:inset(10px)}.project-box:hover .project-box-container img{transform:scale(1.05)rotate(.001deg)translateZ(0)}.mobile .project-box .content-overlay{opacity:1}.portfolio-layout-s1 .project-box{padding:0 0 4rem}.project-info.bordered .project-info-item{border:1px solid var(--color-dark-3);padding:1.5rem 2rem}@media (min-width:992px){.project-box .content-overlay{opacity:0}.portfolio-layout-s1 .project-box{padding:2rem 0 0 2rem}.project-info.bordered .project-info-item{border-radius:0;padding:2rem 2.5rem}}@media (min-width:1200px){.portfolio-layout-s1 .project-box{padding:3rem 0 0 3rem}}.dark .project-box-container{background:var(--color-dark-3)}.dark .project-box .content-overlay{background:linear-gradient(0deg,var(--color-dark-1)0%,transparent 60%)}.dark .project-box .project-title{color:var(--color-light-gray-3)}.dark .project-box .project-description{color:var(--color-gray-2)}