.card-article{background:rgb(var(--color-light-grey));height:100%;display:flex;flex-direction:column;border-radius:var(--radius-small);overflow:hidden}.card-article__image{display:block;aspect-ratio:358 / 230;position:relative;z-index:1;margin-bottom:1.6rem}.card-article__body{flex:1;display:flex;flex-direction:column;padding:0 1.6rem 1.6rem}.card-article:not(:has(.card-article__image)) .card-article__body{padding:2.4rem}.card-article__entry{color:rgb(var(--color-brand-navy-blue-600))}.card-article__category{color:rgb(var(--color-brand-pink-300));display:block;margin:0 0 .8rem}.card-article__title{font-size:calc(var(--font-heading-scale) * 2.4rem);line-height:calc(1.2 / var(--font-heading-scale));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .8rem;overflow:hidden}.card-article__meta{color:rgb(var(--color-brand-navy-blue-600));display:flex;flex-flow:row wrap;align-items:center;gap:.4rem;margin:1.6rem 0 0}.card-article__meta li{display:flex;align-items:center;gap:.4rem}.card-article__meta li:not(:last-child):after{color:rgb(var(--color-brand-navy-blue-600));content:"\2022";display:inline}.card-article__meta .link{color:rgb(var(--color-brand-navy-blue))}.card-article__reviewed{color:rgb(var(--color-brand-green-300));display:flex;align-items:center;gap:.4rem}.card-article__tags{display:flex;flex-flow:row wrap;gap:.8rem;padding-top:1.6rem;margin-top:auto}@media screen and (min-width: 990px){.card-article{border-radius:var(--radius-medium)}.card-article__image{aspect-ratio:410 / 230}.card-article__body{padding:0 2.4rem 2.4rem}.card-article--featured{flex-flow:row wrap;gap:1.6rem}.card-article--featured .card-article__image{aspect-ratio:516 / 367;width:45.422535%;border-bottom-left-radius:0;border-top-right-radius:var(--radius-medium);margin:0}.card-article--featured .card-article__body{flex:1;padding:3.2rem}.card-article--featured .card-article__category,.card-article--featured .card-article__title,.card-article--featured .card-article__entry{font-size:105%;margin:0 0 2.4rem}}.card-article--inline{display:grid;grid-template-columns:15rem auto}.card-article--inline .card-article__image{aspect-ratio:initial;margin:0}.card-article--inline .card-article__body{display:flex;flex-flow:row wrap;align-items:center;padding:2.4rem}@media screen and (min-width: 1200px){.card-article--inline{grid-template-columns:26rem auto}}
/*# sourceMappingURL=/cdn/shop/t/310/assets/component-article-card.css.map */