.article-card{flex-direction:column;gap:16px;display:flex;position:relative}.article-card__media{clip-path:polygon(0 0,100% 0,100% calc(100% - 32px),calc(100% - 32px) 100%,0 100%);aspect-ratio:416/300;background:var(--surface);position:relative;overflow:hidden}.article-card__image{object-fit:cover;transition:transform var(--dur) var(--ease)}.article-card:hover .article-card__image{transform:scale(1.03)}.article-card__body{flex-direction:column;gap:8px;display:flex}.article-card__category{font-family:var(--font-mono);letter-spacing:-.05em;text-transform:uppercase;letter-spacing:-.05em;color:var(--muted);font-size:16px;font-weight:500;line-height:1.4}.article-card__title{font-family:var(--font-mono);letter-spacing:-.05em;font-size:24px;font-weight:600;line-height:1.32}.article-card__link:after{content:"";position:absolute;inset:0}.article-card__date{font-family:var(--font-sans);letter-spacing:0;color:var(--muted);font-size:16px;font-weight:400;line-height:1.5}@media (prefers-reduced-motion:reduce){.article-card__image{transition:none}.article-card:hover .article-card__image{transform:none}}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 16px;display:grid}@media (max-width:1024px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px}}@media (max-width:480px){.article-grid{grid-template-columns:1fr}}@media (max-width:768px){.article-grid{row-gap:24px}.article-grid .article-card__media{aspect-ratio:340/300}.article-grid .article-card__body{gap:8px}}