.article-card{display:flex;flex-direction:column;flex:0 0 82%;overflow:hidden;border-radius:20px;background:#fff;color:var(--text-color-1);box-shadow:0 10px 30px #0f1b2d0f;transition:box-shadow .3s ease,transform .3s ease}@media(min-width:640px){.article-card{flex-basis:calc((100% - 20px)/2)}}@media(min-width:1024px){.article-card{flex-basis:calc((100% - 60px) / 3.3)}}.article-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0f1b2d1f}.article-card:focus-visible{outline:3px solid #1C99E6;outline-offset:3px}.article-card-image{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(140deg,#1b3766,#1c99e6)}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.article-card:hover .article-card-image img{transform:scale(1.05)}.article-card-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:20px 22px 22px}.article-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-family:var(--font-display);font-size:var(--fs-label);font-weight:500;color:var(--text-color-2)}.article-card-topic{font-weight:600;color:#1c7fd0}.article-card-dot{width:3px;height:3px;border-radius:9999px;background:#9aa3ae}.article-card-title{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:600;line-height:1.4;color:var(--text-color-1)}.article-card-desc{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-family:var(--font-text);font-size:var(--fs-small);font-weight:var(--fw-regular);line-height:1.6;color:var(--text-color-2)}.article-card-read{display:inline-flex;align-items:center;gap:8px;margin-top:auto;font-family:var(--font-display);font-size:var(--fs-label);font-weight:600;color:#1c7fd0}.article-card-read span{transition:transform .25s ease}.article-card:hover .article-card-read span{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.article-card,.article-card-image img,.article-card-read span{transition:none}}