:root{--project-promo-block-height: 6.5em;--width: 13em;--shift: .6em;--after-block-width: 35em}ul.projects.svelte-14ocsmt{display:flex;flex-direction:column;margin:0}li.project.svelte-14ocsmt{display:flex;padding:0 0 0 12em;margin:0;height:6.5em;height:var(--project-promo-block-height);transition:border-color .3s ease}li.project.svelte-14ocsmt .video-wrap:where(.svelte-14ocsmt){position:absolute;left:0;width:12.4em;width:calc(var(--width) - (var(--shift)));height:6.5em;height:var(--project-promo-block-height);overflow:hidden;transition:width .3s ease,left .3s ease}li.project.svelte-14ocsmt .video-wrap:where(.svelte-14ocsmt) video:where(.svelte-14ocsmt){width:13em;width:var(--width);transform:translate(-.3em);transform:translate(calc(-1 * var(--shift) / 2));transition:filter .3s ease,transform .3s ease}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt){display:flex;align-items:flex-end;justify-content:space-between;width:100%;padding:3.9em .7em .5em .8em;padding:calc(var(--project-promo-block-height) - 2.6em) .7em .5em .8em;border-bottom:1px solid;border-color:rgba(var(--ids__text-RGB),.3);transition:color .3s ease,border-color .3s ease}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt){transition:transform .3s ease}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) p.client:where(.svelte-14ocsmt){letter-spacing:0;text-transform:none;font-size:1em;margin:0;padding-top:1em;transition:color .3s ease}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) h3:where(.svelte-14ocsmt){margin:0 0 0 -.06em}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) h3:where(.svelte-14ocsmt) a:where(.svelte-14ocsmt){border:none;color:rgb(var(--ids__text-RGB));transition:color .3s ease}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) h3:where(.svelte-14ocsmt) a:where(.svelte-14ocsmt):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) .tags:where(.svelte-14ocsmt){display:flex;flex-wrap:nowrap}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) .tags:where(.svelte-14ocsmt) a.small{transition:background-color .3s ease,border-color .3s ease,color .3s ease}li.project.svelte-14ocsmt:before{display:none}li.project.svelte-14ocsmt:hover .video-wrap:where(.svelte-14ocsmt){width:13em;width:var(--width);left:.6em;left:var(--shift);transition:width 0s ease,left 0s ease}li.project.svelte-14ocsmt:hover .video-wrap:where(.svelte-14ocsmt) video:where(.svelte-14ocsmt){transform:translate(0);filter:brightness(100%);transition:filter 0s ease,translateX 0s ease}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt){border-color:rgba(var(--ids__hover-RGB),.3);transition:color 0s ease,border-color 0s ease}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt){transform:translate(1.2em);transform:translate(calc(var(--shift) * 2));transition:transform 0s ease,color 0s ease}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) p.client:where(.svelte-14ocsmt){color:rgb(var(--ids__hover-RGB));transition:color 0s ease}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) h3:where(.svelte-14ocsmt) a:where(.svelte-14ocsmt){color:rgb(var(--ids__hover-RGB));transition:color 0s ease}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) h3:where(.svelte-14ocsmt) a:where(.svelte-14ocsmt):after{content:"";position:absolute;top:-.5em;left:-7.8em;width:35em;width:var(--after-block-width);height:142%}@media (max-width: 767px){li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) h3:where(.svelte-14ocsmt) a:where(.svelte-14ocsmt):after{content:" ";position:absolute;top:0;left:-11.8em;width:24.5em;height:5.5em}}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) .tags:where(.svelte-14ocsmt) a.small{border-color:rgba(var(--ids__hover-RGB),.4);color:rgb(var(--ids__hover-RGB));transition:border-color 0s ease,color 0s ease}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) .tags:where(.svelte-14ocsmt) a.small{transition:border-color .3s ease}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) .tags:where(.svelte-14ocsmt) a.small:hover{cursor:pointer;border-color:rgba(var(--ids__hover-RGB),.8);transition:border-color 0s ease}@media (max-width: 767px){li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt){align-items:baseline;padding:0 0 0 1em}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt){position:relative;transition:transform .3s ease}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) p.client:where(.svelte-14ocsmt){font-size:.8em;transition:color .3s ease}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) h3:where(.svelte-14ocsmt){font-size:1.1em}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) h3:where(.svelte-14ocsmt) a:where(.svelte-14ocsmt){transition:color .3s ease}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) h3:where(.svelte-14ocsmt) a:where(.svelte-14ocsmt):after{z-index:3;content:" ";position:absolute;top:0;left:-11.8em;width:24.5em;height:5.5em}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) .tags:where(.svelte-14ocsmt){flex-direction:column;align-items:flex-end}li.project.svelte-14ocsmt .wrap:where(.svelte-14ocsmt) .tags:where(.svelte-14ocsmt) a.small{font-size:.8em}li.project.svelte-14ocsmt:hover .video-wrap:where(.svelte-14ocsmt){width:12.4em;width:calc(var(--width) - var(--shift));left:0}li.project.svelte-14ocsmt:hover .video-wrap:where(.svelte-14ocsmt) video:where(.svelte-14ocsmt){transform:translate(-.3em);transform:translate(calc(-1 * var(--shift) / 2));filter:none}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt){border-color:rgba(var(--ids__text-RGB),.3)}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt){transform:none}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) p.client:where(.svelte-14ocsmt),li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) hgroup:where(.svelte-14ocsmt) h3:where(.svelte-14ocsmt) a:where(.svelte-14ocsmt){color:rgb(var(--ids__text-RGB))}li.project.svelte-14ocsmt:hover .wrap:where(.svelte-14ocsmt) .tags:where(.svelte-14ocsmt) a.small{color:rgb(var(--ids__text-RGB));border-color:rgba(var(--ids__text-RGB),.3)}}
