.article-card{--card-pad: 10px;position:relative;display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--card-pad);background-color:var(--color-background);border:2px solid var(--color-foreground);border-radius:16px}.article-card__media{position:relative;display:block;margin:calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)) 0}.article-card__img{display:block;width:100%;aspect-ratio:324 / 290;object-fit:cover;border-radius:14px 14px 0 0;background-color:var(--color-white-gray)}.article-card__category{display:inline-flex;position:absolute;left:var(--card-pad);bottom:-14px;z-index:1;align-items:center;font-family:var(--font-accent--family);font-weight:500;font-size:11px;line-height:1;color:#fff;background-color:var(--cat-bg, var(--color-primary));padding:4px 7px;border-radius:6px;white-space:nowrap}.article-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding-block-start:28px}.article-card__title{margin:0;font-family:var(--font-heading--family);font-weight:var(--font-heading--weight, 700);font-size:16px;line-height:1.2;color:var(--role-heading);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--title-lines, 3);overflow:hidden}.article-card{text-decoration:none;color:inherit}.article-card:hover .article-card__title{color:var(--color-primary)}.article-card__meta{margin:0;font-family:var(--font-body--family);font-size:14px;color:var(--color-gray)}.article-card__excerpt{margin:0;font-family:var(--font-body--family);font-size:14px;line-height:1.3;color:var(--color-foreground);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--excerpt-lines, 3);overflow:hidden}.article-card__more{align-self:flex-start;margin-block-start:auto;padding-block-start:12px;font-family:var(--font-accent--family);font-weight:500;font-size:var(--type-link);line-height:1.1;color:var(--btn-read-more-text);text-decoration:none;text-underline-offset:.2em}.article-card__more:hover{color:var(--btn-read-more-text-hover);text-decoration:underline}.article-card__category--inline{display:inline-flex;align-self:flex-start}@media(min-width:768px){.article-card{--card-pad: 14px}.article-card__category{bottom:-17px;font-size:14px;padding:6px 10px;border-radius:8px}.article-card__body{gap:18px;padding-block-start:28px}.article-card__title{font-size:24px}.article-card__excerpt{font-size:18px;line-height:1.3}.article-card__more{padding-block-start:16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/article-card.css.map */