.article-card{gap:0;padding:.8rem;color:rgb(var(--brand-text));background:rgb(var(--brand-surface));border:1px solid rgb(var(--brand-border));border-radius:var(--card-radius);box-shadow:var(--shadow-card);transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.article-card .article-card__media,.article-card .article-card__image{border-radius:var(--image-radius)}.article-card .article-card__info{flex:1 0 auto;gap:.8rem;padding:1.6rem 1rem 1rem}.article-card--page .article-card__info{padding:1.2rem}.article-card .article-card__meta{font-size:calc(1.3rem * var(--font-body-scale, 1));color:rgb(var(--brand-muted))}.article-card .article-card__title{font-size:calc(1.8rem * var(--font-heading-scale, 1));line-height:1.3}.article-card .article-card__title-link{color:rgb(var(--brand-text));text-decoration:none}.article-card .article-card__title-link:hover{color:rgb(var(--brand-primary-solid));text-decoration:none}.article-card .article-card__excerpt{font-size:calc(1.5rem * var(--font-body-scale, 1));line-height:1.6;color:rgb(var(--brand-muted))}.article-card .article-card__tags{gap:.6rem}.article-card .article-card__tag{padding:.3rem 1rem;font-size:1.2rem;font-weight:var(--font-body-weight-bold);letter-spacing:0;text-transform:none;color:rgb(var(--brand-accent));background:rgb(var(--brand-primary-soft));border-radius:999px}.article-card .article-card__tag a{position:relative;z-index:2;color:inherit;text-decoration:none}.article-card .article-card__link{gap:.6rem;min-height:4.4rem;padding-top:.4rem;font-weight:var(--font-body-weight-bold);text-decoration:none;color:rgb(var(--brand-primary-solid))}@media(hover:hover){.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover, var(--shadow-card))}.article-card:hover .article-card__media img{transform:scale(1.02)}}@media(prefers-reduced-motion:reduce){.article-card:hover,.article-card:hover .article-card__media img{transform:none}}.animations-disabled .article-card:hover,.animations-disabled .article-card:hover .article-card__media img{transform:none}@media(min-width:750px){.article-card{padding:1rem}.article-card .article-card__title{font-size:calc(2rem * var(--font-heading-scale, 1))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-article-card.css.map */