.projects-list.svelte-12f7lab{margin-top:41px;display:block;width:calc(100% + 40px);transform:translate3d(-20px,0,0);margin-bottom:60px}.thumbnail-container.svelte-12f7lab{max-width:calc(100% - 32px);width:100%;margin-bottom:33px;display:block;position:relative}.thumbnail-container.even.svelte-12f7lab{transform:translateZ(0)}.image-container.svelte-12f7lab{position:relative;transform:translate3d(0,100px,0);transition:transform .95s var(--primary-ease);z-index:1;perspective:1000px}.image-container.show{transform:translateZ(0)}.image-wrapper.svelte-12f7lab{width:100%;opacity:0;transform:scale(1.1);transition:all 1.25s var(--primary-ease);overflow:hidden;position:relative;aspect-ratio:3 / 4}.image-container.show .image-wrapper{opacity:1;transform:scale(1)}.image-container.svelte-12f7lab .image-wrapper:where(.svelte-12f7lab):after{content:"";display:block;position:absolute;top:-2px;left:0;width:100%;height:100%;background-color:var(--color-sub-white-1);z-index:3;transition:transform 1.25s var(--primary-ease);transform:scale(1.12);transform-origin:top}.image-container.show .image-wrapper:after{transform:scaleY(0)}.image.svelte-12f7lab{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 4s var(--custom-ease-3);display:block}.label.svelte-12f7lab{position:absolute;right:-20px;bottom:29px;text-align:right;z-index:2;transform:translateZ(0);transform-style:preserve-3d}.project-title.svelte-12f7lab{margin-bottom:0;visibility:hidden}@media screen and (min-width:769px){.projects-list.svelte-12f7lab{display:grid;grid-template-columns:auto auto;grid-column-gap:6.666%;grid-row-gap:160px;margin-bottom:215px;margin-top:0;transform:none;width:auto}.thumbnail-container.svelte-12f7lab{max-width:560px;max-height:758px;width:auto;margin-bottom:0}.thumbnail-container.even.svelte-12f7lab{transform:translate3d(0,100px,0)}.image-container.svelte-12f7lab:hover:not(.no-hover) .image-wrapper:where(.svelte-12f7lab){transform:scale(.95) rotateY(9deg)}.image-container.even.svelte-12f7lab:hover:not(.no-hover) .image-wrapper:where(.svelte-12f7lab){transform:scale(.95) rotateY(-9deg)}.image-container.svelte-12f7lab:hover:not(.no-hover) .image:where(.svelte-12f7lab){transform:scale(1.1)}.label.svelte-12f7lab{bottom:50px}.project-title.svelte-12f7lab{margin-bottom:-10px}}