.frame-type-mask_project_box .project{overflow:hidden;position:relative;border-radius:30px;box-shadow:0px 10px 10px #352d3e52;background-color:var(--colorDark);margin:50px 0px}.frame-type-mask_project_box .project::after{content:'';position:absolute;display:block;height:100%;width:100%;border:10px solid var(--colorWhite);left:0;top:0;border-radius:30px;mix-blend-mode:overlay}.frame-type-mask_project_box .project .project-body{padding:20px;display:flex;justify-content:space-between;position:relative;z-index:5;padding-bottom:0px}.frame-type-mask_project_box .project .project-body .project-detail{opacity:0;transform:translateY(100%);position:relative;z-index:5;transition:all 300ms ease-in-out;height:fit-content;border-radius:30px;padding:20px;background-color:var(--colorWhite)}.frame-type-mask_project_box .project .project-body .project-detail .text p{margin-bottom:0px}.frame-type-mask_project_box .project .project-body .project-detail .project-title{font-size:var(--fontSizeXXL);font-weight:900}.frame-type-mask_project_box .project .project-body .project-detail a{background:transparent;padding:10px 20px;color:var(--colorDark);font-weight:900;border-radius:30px;font-size:20px;border:2px solid var(--colorDark);margin-left:auto;display:block;width:fit-content;transition:all 200ms ease-in-out}.frame-type-mask_project_box .project .project-body .project-detail a i{color:inherit;font-size:inherit;margin-left:10px}.frame-type-mask_project_box .project .project-body .project-detail a:hover{background:var(--colorDark);color:var(--colorWhite)}.frame-type-mask_project_box .project .project-body .project-image{max-width:50%;object-fit:contain;width:auto;max-height:500px;transform:translateX(100%);transition:all 300ms ease-in-out;object-position:bottom;filter:drop-shadow(10px 0px 12px rgba(64, 61, 66, 0.507));width:100%;object-fit:cover;object-position:top}.frame-type-mask_project_box .project .project-bg{position:absolute;height:100%;width:120%;top:0;object-fit:cover;animation-name:move;animation-duration:50s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.frame-type-mask_project_box .project:hover .project-body .project-detail{transform:translate(0%);opacity:1}.frame-type-mask_project_box .project:hover .project-body .project-image{transform:translateX(0%)}@keyframes move{0%{right:-20%}50%{right:0%}100%{right:-20%}}