.article-card{background-color:var(--card-background-color);color:var(--card-text-color);display:flex;flex-direction:column;gap:3.2rem;overflow:hidden;position:relative}.article-card__image-wrapper{aspect-ratio:var(--aspect-ratio,4/3);position:relative}.article-card__image-wrapper img,.article-card__image-wrapper svg{fill:var(--color-text);display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media(min-width:75em){.article-card__overlay{background:linear-gradient(0deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.4));height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition);width:100%}}.article-card__content{align-items:flex-start;background-color:var(--card-background-color);display:flex;flex-direction:column;flex-grow:1;gap:2.4rem}.article-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.4rem;line-height:normal;overflow:hidden;text-overflow:ellipsis}.article-card__description p{margin:0}.article-card__author{margin-top:auto}.article-card__title-excerpt-container{display:flex;flex-direction:column;gap:.8rem}.article-card__excerpt{-webkit-line-clamp:6;-webkit-box-orient:vertical;color:var(--color-text-60);display:-webkit-box;font-family:var(--font-heading-family);line-height:1.8rem;overflow:hidden;text-overflow:ellipsis}.article-card__content-default .article-card__excerpt,.article-card__content-default .article-card__read-button{display:none}.article-card__content-hover{background:var(--color-system-white);bottom:-100%;opacity:0;position:absolute;transition:bottom var(--transition),opacity var(--transition);width:100%;z-index:4}.article-card__date{color:var(--card-text-color-60)}.article-card__read-button{align-items:center;display:flex;gap:1.2rem;text-decoration:none}.article-card__read-button svg{transform:rotate(90deg)}.article-card:hover .article-card{cursor:pointer}.article-card:hover .article-card__overlay{opacity:1}.article-card:hover .article-card__content-hover{bottom:0;opacity:1;z-index:4}.article-card:hover .article-card__content-hover .article-card__content{padding:3.2rem 0}
.author-card{align-items:center;display:flex;gap:.8rem}.author-card__image{border-radius:50%;overflow:hidden}.author-card__image img{height:4.8rem;-o-object-fit:cover;object-fit:cover;width:4.8rem}.author-card__name{font-size:1.4rem}