.center.svelte-1udyrqm{justify-content:center;display:flex}.articles__article.svelte-1udyrqm{cursor:pointer;perspective:1000px;animation-name:animateIn;animation-duration:.35s;animation-delay:calc(var(--animation-order) * .1s);animation-timing-function:ease-in-out;animation-fill-mode:both;display:block;position:relative}.svelte-1udyrqm,.svelte-1udyrqm:after,.svelte-1udyrqm:before{box-sizing:border-box;margin:0}.articles__article.svelte-1udyrqm,.articles__article.svelte-1udyrqm:before{width:calc(var(--base-grid) * 35);height:calc(var(--base-grid) * 35);box-shadow:1px 1px 1px 1px #000}.articles__link.svelte-1udyrqm{background-color:var(--primary-color);border:2px solid var(--secondary-color);width:100%;height:100%;display:block}.articles__link.svelte-1udyrqm:after{content:"";top:50%;right:calc(var(--base-grid) * 3);width:calc(var(--base-grid) * 2);height:calc(var(--base-grid) * 2);margin-top:calc(var(--base-grid) * -1);clip-path:polygon(75% 0,100% 50%,75% 100%,0 100%,25% 50%,0 0);background-color:var(--secondary-color);opacity:0;transition:opacity .5s ease-in,transform .3s ease-in-out;position:absolute}.articles__content.svelte-1udyrqm{background-color:var(--secondary-color);color:var(--primary-text-color);padding:calc(var(--base-grid) * 2);flex-direction:column;display:flex;position:absolute;inset:0}.articles__content--lhs.svelte-1udyrqm{clip-path:polygon(0 0,51% 0,51% 100%,0 100%)}.articles__content--rhs.svelte-1udyrqm{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);transition:transform .5s ease-in-out,background-color .4s ease-in-out}.articles__title.svelte-1udyrqm{font-size:calc(var(--base-grid) * 4);letter-spacing:-.02em;font-weight:700;line-height:1.125}.articles__footer.svelte-1udyrqm{background:var(--secondary-color);font-size:calc(var(--base-grid) * 2);line-height:calc(var(--base-grid) * 2);margin-top:auto;padding:1vh;display:flex}.articles__link.svelte-1udyrqm:hover .articles__content--rhs:where(.svelte-1udyrqm){background-color:var(--secondary-color);transform:rotateY(-50deg)}.articles__link.svelte-1udyrqm:hover:after{opacity:1;transform:translateX(calc(var(--base-grid) * 1.5));transition:opacity .5s ease-in,transform .3s ease-in-out .25s}
