.articles-list.svelte-v7f09y{margin:55px 0 0;display:block;width:calc(100% + 40px);transform:translate3d(-20px,0,0)}.articles-thumbnail-container.svelte-v7f09y{max-width:100%;margin-bottom:20px;position:relative}.image-container.svelte-v7f09y{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-v7f09y{width:100%;opacity:0;transform:scale(1.1);transition:all 1.25s var(--primary-ease);overflow:hidden;position:relative;aspect-ratio:4 / 3}.image-container.show .image-wrapper{opacity:1;transform:scale(1)}.image-wrapper.svelte-v7f09y: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-v7f09y{width:100%;height:100%;object-fit:cover;display:block;transition:transform 4s var(--custom-ease-3)}.articles-thumbnail-container.svelte-v7f09y .label:where(.svelte-v7f09y){padding:25px 20px}.articles-thumbnail-container.svelte-v7f09y .category:where(.svelte-v7f09y){text-transform:uppercase;margin-bottom:20px;font-weight:600}@media screen and (min-width:769px){.articles-list.svelte-v7f09y{margin:115px 0 120px;display:grid;grid-template-columns:calc(50% - 40px) calc(50% - 40px);grid-column-gap:6.666%;grid-row-gap:150px;width:100%;transform:none}.articles-thumbnail-container.svelte-v7f09y{max-width:560px;margin-bottom:0}.articles-thumbnail-container.svelte-v7f09y .label:where(.svelte-v7f09y){padding:50px 20px}.articles-thumbnail-container.even.svelte-v7f09y{transform:translate3d(0,100px,0)}.articles-thumbnail-container.svelte-v7f09y:hover:not(.no-hover) .image-wrapper:where(.svelte-v7f09y){transform:scale(.95) rotateY(9deg)}.articles-thumbnail-container.even.svelte-v7f09y:hover:not(.no-hover) .image-wrapper:where(.svelte-v7f09y){transform:scale(.95) rotateY(-9deg)}.articles-thumbnail-container.svelte-v7f09y:hover:not(.no-hover) .image:where(.svelte-v7f09y){transform:scale(1.1)}}
