@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.article-card{width:auto;display:flex;flex-direction:column;position:relative}.article-card .thumbnail{width:100%;height:240px;object-fit:cover}@media(max-width:991px){.article-card .thumbnail{height:auto;max-height:70vw}}.article-card .hover-cta{position:absolute;top:110px;left:50%;transform:translate(-50%) rotate(-8deg);padding:5px 10px 3px;border-radius:var(--joy-core-radius-2);background-color:var(--joy-color-primary-50);z-index:2;opacity:0;transition:opacity var(--joy-transition-duration-default) var(--joy-transition-timing-function)}.article-card .hover-cta span{font-family:var(--joy-font-family-title);font-size:var(--joy-font-size-primary-600);line-height:var(--joy-line-height-small);color:var(--joy-color-neutral-0)}.article-card:hover .hover-cta{opacity:1}.article-card .top-info{margin-top:var(--joy-core-spacing-4);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--joy-core-spacing-2)}.article-card .categories{display:flex;gap:var(--joy-core-spacing-2);flex-wrap:wrap;flex:1}.article-card .date{display:flex;align-items:center;gap:var(--joy-core-spacing-2)}.article-card .date span{color:var(--joy-color-neutral-40)}.article-card .article-text{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.article-card .title{margin-top:var(--joy-core-spacing-5)}.article-card .excerpt{margin-top:var(--joy-core-spacing-2)}.article-card .excerpt p{color:var(--joy-color-neutral-40);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}