.article-card{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--ds-color-grey-40)}.article-card__item{display:flex;align-items:flex-start;text-decoration:none}.article-card__item:hover{text-decoration:none}.article-card__illustration{flex:0 0 25%;aspect-ratio:1/1;width:4.5rem}.article-card__header{flex:0 0 75%}.article-card__title{font-weight:400;font-size:.875rem;line-height:calc(10 / 7);margin:0 .5rem .5rem 0;color:var(--ds-color-grey-10)}.article-card__publish-date{color:var(--ds-color-grey-30);font-size:.75rem}@media(min-width:813px){.article-card:last-child{border-bottom:none}.article-card__illustration{aspect-ratio:16/9;width:6.75rem}.article-card__title{font-size:1rem;margin-bottom:.5rem;color:var(--ds-color-grey-20)}}.article-card.article-card--header{position:relative;border-bottom:none}.article-card--header .article-card__header{position:absolute;bottom:2.5rem;left:1.5rem;right:1.5rem;text-shadow:2px 2px 2px rgba(0,0,0,1);z-index:1}.article-card--header .article-card__item{display:block;box-shadow:var(--boxShadow1)}.article-card--header .article-card__title{font-size:1.25rem;line-height:1.2;font-weight:700;margin-bottom:0;color:#fff}.article-card--header .article-card__publish-date{font-size:.75rem;color:#fff}.article-card--header .article-card__illustration{width:100%;aspect-ratio:16/9}@media(min-width:813px){.article-card--header .article-card__header{bottom:3rem;left:3rem;right:3rem;width:calc(100% - 6rem)}.article-card--header .article-card__title{font-size:2rem;line-height:1.25}.article-card--header .article-card__publish-date{font-size:1rem}.article-card--header .article-card__illustration{height:30rem}}@media(min-width:813px){.article-card.article-card--stacked{margin-bottom:0;padding-bottom:0;border-bottom:none;height:100%}.article-card--stacked .article-card__item{display:flex;flex-direction:column-reverse;box-shadow:var(--boxShadow1);width:100%;height:100%}.article-card--stacked .article-card__illustration{width:100%;height:70%}.article-card--stacked .article-card__header{background-color:#fff;padding:1rem;flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between;width:100%}.article-card--stacked .article-card__title{font-size:1rem;line-height:1.25;font-weight:700}}
