.article-card{border-radius:var(--border-radius-xl);position:relative;overflow:hidden}.article-card--compact{border-radius:0;height:100%}.article-card--background{background-color:var(--color-white);border-radius:var(--border-radius-lg)}.article-card__link{text-decoration:none}.article-card__link:hover .article-card__image{transform:scale(1.1)}.article-card--compact .article-card__link{flex-direction:column;height:100%;display:flex}.article-card__image-wrapper{aspect-ratio:4/5;position:relative;overflow:hidden}.article-card--compact .article-card__image-wrapper{aspect-ratio:4/3;border-radius:var(--border-radius-lg)}.article-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-long)ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.article-card__content{flex-direction:column;justify-content:space-between;gap:1.6rem;display:flex}.article-card:not(.article-card--compact) .article-card__content{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);border-radius:var(--border-radius-lg);z-index:1;background-color:#ffffffb3;padding:1.6rem;position:absolute;bottom:.8rem;left:.8rem;right:.8rem}.article-card--compact .article-card__content{flex:1}.article-card--background .article-card__content{padding:1.6rem}.article-card__meta{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.article-card__date{color:var(--color-bark);border-radius:var(--border-radius-full);border:.1rem solid var(--color-bark);padding:.8rem 1rem;line-height:1}.article-card__tags{flex-wrap:wrap;gap:.4rem;display:flex}.article-card__tag{color:var(--color-bark);border-radius:var(--border-radius-full);border:.1rem solid var(--color-bark);padding:.8rem 1rem;line-height:1}@media screen and (min-width:768px){.article-card__content{padding:2.4rem}.article-card--compact .article-card__content{padding:2.4rem 0 0}.article-card--background .article-card__content{padding:2.4rem}}