._project_cpjmm_1{border-radius:var(--border-radius);background-color:var(--background-darker);height:500px;position:relative;overflow:hidden}._project_cpjmm_1 ._preview_cpjmm_8{background-color:var(--background);will-change:width;border-radius:6px;width:100%;height:100%;transition:width .3s ease-in-out;position:absolute;bottom:0;right:0;overflow:hidden}._project_cpjmm_1 ._preview_cpjmm_8 video,._project_cpjmm_1 ._preview_cpjmm_8 img{object-fit:cover;object-position:center;width:100%;height:100%}._project_cpjmm_1 ._preview_cpjmm_8 ._seekbar_cpjmm_28{z-index:3;background-color:var(--secondary);opacity:.8;transform-origin:0;width:100%;height:3px;transition:transform .3s linear;position:absolute;bottom:0;left:0;transform:scaleX(0)}._project_cpjmm_1.active ._preview_cpjmm_8{width:67%;box-shadow:inset var(--elevation-1)}._project_cpjmm_1 ._shade_cpjmm_48{z-index:1;background-color:var(--background-darker);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform-origin:0 0;width:100%;height:100%;transition:-webkit-backdrop-filter .3s ease-in-out,backdrop-filter .3s ease-in-out,transform .3s ease-in-out;position:absolute;top:0;left:0}._project_cpjmm_1.active ._shade_cpjmm_48{-webkit-backdrop-filter:none;backdrop-filter:none;transform:scaleX(.33)}._project_cpjmm_1 ._meta_cpjmm_68{z-index:2;width:33%;padding:16px;position:relative}._project_cpjmm_1 ._meta_cpjmm_68 ._title_cpjmm_74{color:var(--primary);font-family:var(--font-family-title);justify-content:space-between;align-items:center;font-size:24px;display:flex}._project_cpjmm_1 ._meta_cpjmm_68 ._title_cpjmm_74 a{color:var(--secondary);border:1px solid var(--secondary);border-radius:6px;padding:4px 8px;font-size:14px;text-decoration:none;transition:background-color .3s ease-in-out,color .3s ease-in-out,transform .1s ease-in-out;display:block}._project_cpjmm_1 ._meta_cpjmm_68 ._title_cpjmm_74 a:hover{background-color:var(--secondary);color:var(--text);box-shadow:var(--elevation-1);transform:scale(1.05)}._project_cpjmm_1 ._meta_cpjmm_68 ._description_cpjmm_104{margin-top:8px;font-size:14px}@media (width<=899px){._project_cpjmm_1 ._meta_cpjmm_68{width:100%}._project_cpjmm_1.active ._meta_cpjmm_68{height:50%}._project_cpjmm_1.active ._shade_cpjmm_48{-webkit-backdrop-filter:none;backdrop-filter:none;transform:scaleY(.5)}._project_cpjmm_1 ._preview_cpjmm_8{will-change:height;transition:height .3s ease-in-out}._project_cpjmm_1.active ._preview_cpjmm_8{width:100%;height:50%}}