.article-card{border:var(--spacing-px) solid var(--color-neutral-a20);border-radius:var(--border-radius-md-lg);background-color:var(--color-neutral-white);height:100%;box-shadow:var(--shadow-sm);color:inherit;transition:transform var(--transition),box-shadow var(--transition);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(calc(var(--spacing-px) * -2));text-decoration:none}.article-card:focus-visible{outline:var(--outline-purple-a15);outline-offset:0}.article-card__image-wrapper{--twic-ratio:61/36;background:linear-gradient(180deg, var(--color-primary-50), var(--color-neutral-white));overflow:hidden}.article-card__content{padding:var(--spacing-5);background:linear-gradient(180deg, var(--color-neutral-white) 0%, color-mix(in srgb, var(--color-primary-50) 20%, white) 100%);gap:var(--spacing-3);flex-direction:column;flex:1;display:flex}.article-card__title{color:var(--color-primary-800);transition:color var(--transition)}.article-card:hover .article-card__title{color:var(--color-primary-700)}.article-card__description{color:var(--color-neutral-a80);-webkit-line-clamp:3;text-overflow:ellipsis;--color-text:var(--color-neutral-a80);-webkit-box-orient:vertical;justify-content:center;display:-webkit-box;overflow:hidden}.article-card__meta{color:var(--color-text-muted);align-items:center;gap:var(--spacing-2);margin-top:auto;display:inline-flex}.article-card__meta-icon{flex-shrink:0}.article-card__date{color:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-copy-small)}