._project_124qb_1{border-radius:var(--border-radius);background-color:var(--background-darker);height:500px;position:relative;overflow:hidden}._project_124qb_1 ._preview_124qb_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_124qb_1 ._preview_124qb_8 video,._project_124qb_1 ._preview_124qb_8 img{object-fit:cover;object-position:center;width:100%;height:100%}._project_124qb_1 ._preview_124qb_8 ._seekbar_124qb_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_124qb_1.active ._preview_124qb_8{width:67%;box-shadow:inset var(--elevation-1)}._project_124qb_1 ._shade_124qb_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_124qb_1.active ._shade_124qb_48{-webkit-backdrop-filter:none;backdrop-filter:none;transform:scaleX(.33)}._project_124qb_1 ._meta_124qb_68{z-index:2;width:33%;padding:16px;position:relative}._project_124qb_1 ._meta_124qb_68 ._title_124qb_74{color:var(--primary);font-family:var(--font-family-title);justify-content:space-between;align-items:center;font-size:24px;display:flex}._project_124qb_1 ._meta_124qb_68 ._title_124qb_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_124qb_1 ._meta_124qb_68 ._title_124qb_74 a:hover{background-color:var(--secondary);color:var(--text);box-shadow:var(--elevation-1);transform:scale(1.05)}._project_124qb_1 ._meta_124qb_68 ._description_124qb_104{white-space:pre-line;margin-top:8px;font-size:14px;line-height:1.5}@media (width<=899px){._project_124qb_1 ._meta_124qb_68{width:100%}._project_124qb_1.active ._meta_124qb_68{height:50%}._project_124qb_1.active ._shade_124qb_48{-webkit-backdrop-filter:none;backdrop-filter:none;transform:scaleY(.5)}._project_124qb_1 ._preview_124qb_8{will-change:height;transition:height .3s ease-in-out}._project_124qb_1.active ._preview_124qb_8{width:100%;height:50%}}