.portfolio-item[data-v-8764e6c6]{overflow:hidden;position:relative}.portfolio-item .portfolio-item-image-wrap[data-v-8764e6c6]{border-radius:.5rem;overflow:hidden;position:relative;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.portfolio-item .portfolio-item-image-wrap[data-v-8764e6c6]:before{content:"";height:100%;inset:0;position:absolute;width:100%;--tw-bg-opacity:1;background-color:rgb(54 152 213/var(--tw-bg-opacity,1));opacity:0;transform:translateY(-100%);transform-origin:top;transition:opacity,transform .3s;z-index:2}.portfolio-item .portfolio-item-image-wrap .portfolio-item-image[data-v-8764e6c6]{transition:transform .3s}.portfolio-item .portfolio-item-image-wrap .portfolio-item-image-overlay[data-v-8764e6c6]{font-weight:700;text-transform:uppercase}.portfolio-item:hover .portfolio-item-image-wrap[data-v-8764e6c6]:before{opacity:.95;transform:translateY(0)}.portfolio-item:hover .portfolio-item-image[data-v-8764e6c6]{transform:scale(1.1)}.portfolio-item:hover .portfolio-item-image-overlay[data-v-8764e6c6]{color:#fff!important;opacity:1}.portfolio-item:hover .button[data-v-8764e6c6]{--tw-bg-opacity:1;background-color:rgb(54 152 213/var(--tw-bg-opacity,1));color:#fff!important}.portfolio-item:hover .button[data-v-8764e6c6]:after{--tw-bg-opacity:1;background-color:rgb(97 180 232/var(--tw-bg-opacity,1))}.portfolio-item:active .button[data-v-8764e6c6]{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.portfolio-detail__info ul li[data-v-8764e6c6]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='18' fill='none' viewBox='0 0 20 18'%3E%3Cpath stroke='%233698d5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 8 8-8 8M11 1l8 8-8 8'/%3E%3C/svg%3E")}@media (max-width:390px){.all-projects .portfolio-item[data-v-8764e6c6]{display:inline-block;width:calc(100% - 35px)}}