.article-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--card);transition:transform var(--duration-base) var(--easing-emphasized),box-shadow var(--duration-base) var(--easing-standard)}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.article-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.article-card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.article-card-meta{display:flex;align-items:center;gap:var(--space-2)}.article-card-title{font-family:var(--font-base);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--foreground);line-height:var(--line-height-md);margin:0}.article-card-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-tile{position:relative;overflow:hidden;border-radius:var(--radius-md);background:var(--muted)}.media-tile-img{display:block;width:100%;height:100%;object-fit:cover}.media-tile-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.media-tile-square{aspect-ratio:1/1}.media-tile-landscape{aspect-ratio:16/10}.media-tile-portrait{aspect-ratio:3/4}.media-tile-wide{aspect-ratio:21/9}