@layer components{.part-project_route{display:block;width:100%}.part-project .--aspect-square{aspect-ratio:1/1}.part-project .--aspect-landscape{aspect-ratio:1280/720}.part-project video{z-index:0;object-fit:cover}.part-project .--ui-media{transform:translate3d(var(--un-translate-x),var(--un-translate-y),var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.4s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.part-project:active .--ui-media{--un-scale-x:.97;--un-scale-y:.97;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.part-project.--motion-projects{position:relative;width:100%}.part-project.--motion-projects-enter-active{z-index:2;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.42s}.part-project.--motion-projects-enter-active .--ui-media{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.4s;transition-delay:20ms;transition-timing-function:cubic-bezier(.19,1,.22,1)}.part-project.--motion-projects-enter-active .--motion-inset-media{background-color:transparent}@media only screen and (hover: hover) and (pointer: fine){.part-project.--motion-projects-enter-active:hover .--motion-inset-media,.part-project.--motion-projects-enter-active:focus-visible .--motion-inset-media{--un-bg-opacity:1;background-color:rgba(15,15,15,var(--un-bg-opacity))}}.part-project.--motion-projects-leave-active{position:absolute;transition-delay:.5s}.part-project.--motion-projects-enter-from .--ui-media,.part-project.--motion-projects-leave-to .part-project_content{opacity:0}}