#project .case-container.active .case-block{-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transition:-webkit-clip-path .9s .6s cubic-bezier(.45,.22,.04,.98);transition:clip-path .9s .6s cubic-bezier(.45,.22,.04,.98);transition:clip-path .9s .6s cubic-bezier(.45,.22,.04,.98),-webkit-clip-path .9s .6s cubic-bezier(.45,.22,.04,.98)}#project .case-block{padding:1rem;width:100%;height:100%;-webkit-clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);transition:-webkit-clip-path .6s cubic-bezier(.45,.22,.04,.98);transition:clip-path .6s cubic-bezier(.45,.22,.04,.98);transition:clip-path .6s cubic-bezier(.45,.22,.04,.98),-webkit-clip-path .6s cubic-bezier(.45,.22,.04,.98)}#project .case-block:hover .year{--tw-bg-opacity: 1;background-color:rgb(31 133 178 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}#project .case-block:hover .overlay{opacity:1}#project .case-block .overlay{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;background-color:#00000080;opacity:0;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}#project .case-block .year{margin-left:.5rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.125rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(31 133 178 / var(--tw-text-opacity));transition:all .4s ease-in-out}.percentage-text{font-size:1.5rem}@media (min-width: 768px){.percentage-text{font-size:2rem}}@media (min-width: 1024px){.percentage-text{font-size:1.5rem}}@media (min-width: 1280px){.percentage-text{font-size:2rem}}@media (min-width: 1920px){.percentage-text{font-size:2.5rem}}