.article-card-grid{--reveal-step:1}.article-card-image{background:#ecece8;position:relative;overflow:hidden}.article-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.7,.3,1);display:block}.article-card h2{letter-spacing:-.3px;overflow-wrap:anywhere;margin:12px 0 6px;font-size:14px;font-weight:500;line-height:18px}.article-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;font-size:10px;line-height:14px;display:flex}.article-card-meta>span:first-child{overflow-wrap:break-word;min-width:0;max-width:100%}.article-card-meta>span:last-child{white-space:nowrap;flex-shrink:0;margin-left:auto}.article-card-meta>span:only-child{margin-left:0}.article-card:not(:has(.article-card-image)) h2{margin-top:0}.article-card-caption:not(:has(.article-card-meta)) h2{margin-bottom:0}.article-card-open{opacity:0;background:#fff;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:12px;line-height:16px;transition:opacity .16s ease-out,transform .16s ease-out;display:flex;position:absolute;inset:auto 10px 10px;transform:translateY(6px)}.article-card:focus-visible .article-card-open{opacity:1;transform:none}@media (min-width:1101px) and (hover:hover) and (pointer:fine){.article-card:hover .article-card-open{opacity:1;transform:none}.article-card:hover img{transform:scale(1.035)}}@media (max-width:600px){.article-card h2{margin-top:10px;font-size:13px}.article-card-meta{font-size:9px}.article-card-open{display:none}}@media (prefers-reduced-motion:reduce){.article-card-image img,.article-card-open{transition:none}.article-card:hover img{transform:none}}