.kl-article-card{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--kl-color-line);border-radius:var(--kl-radius-lg);overflow:hidden;background:var(--kl-color-surface);box-shadow:var(--kl-shadow-sm);min-height:100%}.kl-article-card__media{position:relative;display:block;aspect-ratio:1.2;overflow:hidden;background:var(--kl-color-olive-soft)}.kl-article-card__media img,.kl-article-card__placeholder{width:100%;height:100%}.kl-article-card__media img{display:block;object-fit:cover;transition:transform var(--kl-duration-base) var(--kl-ease-standard)}.kl-article-card:hover .kl-article-card__media img{transform:scale(1.04)}.kl-article-card__placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--kl-color-olive-soft),var(--kl-color-roast-soft));color:var(--kl-color-olive);font-family:var(--kl-font-display);font-size:26px}.kl-article-card__content{display:grid;gap:var(--kl-space-3);padding:var(--kl-space-5);align-content:start}.kl-article-card__meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--kl-color-muted);font-size:var(--kl-type-body-sm);line-height:1.4}.kl-article-card__meta time,.kl-article-card__meta span{display:inline-flex;align-items:center;gap:6px}.kl-article-card__meta span:not(:first-child):before,.kl-article-card__meta time+span:before{content:"";width:4px;height:4px;border-radius:999px;background:var(--kl-color-line);display:inline-block;margin-right:4px}.kl-article-card__title{margin:0;font-family:var(--kl-font-display);font-size:clamp(24px,2vw,28px);line-height:1.2;color:var(--kl-color-wordmark)}.kl-article-card__title a{color:inherit;text-decoration:none}.kl-article-card__tags{display:flex;flex-wrap:wrap;gap:8px}.kl-article-card__tag{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:var(--kl-radius-full);background:var(--kl-color-olive-soft);color:var(--kl-color-olive);font-size:12px;font-weight:var(--kl-weight-semibold)}.kl-article-card__excerpt{margin:0;color:var(--kl-color-muted);font-size:var(--kl-type-body);line-height:1.7}.kl-article-card__cta{display:inline-flex;align-items:center;width:fit-content;color:var(--kl-color-roast);font-size:var(--kl-type-body-sm);font-weight:var(--kl-weight-semibold);text-decoration:none}.kl-article-card__cta:hover{color:var(--kl-color-roast-hover)}.kl-article-card--compact{grid-template-columns:120px minmax(0,1fr);grid-template-rows:none}.kl-article-card--compact .kl-article-card__media{aspect-ratio:auto;min-height:100%}.kl-article-card--compact .kl-article-card__content{padding:18px}.kl-article-card--compact .kl-article-card__title{font-size:20px}.kl-article-card--compact .kl-article-card__excerpt,.kl-article-card--compact .kl-article-card__tags{display:none}@media screen and (max-width:749px){.kl-article-card__content{gap:12px;padding:17px}.kl-article-card__meta{color:var(--kl-color-bark);font-size:12px;font-weight:var(--kl-weight-medium);line-height:1.35}.kl-article-card__title{font-size:23px;line-height:1.12;text-wrap:balance}.kl-article-card__tag{min-height:28px;padding:0 11px;font-size:11.5px}.kl-article-card__excerpt{color:var(--kl-color-bark);font-size:15px;line-height:1.58;text-wrap:pretty}.kl-article-card__cta{font-size:13px}.kl-article-card--compact{grid-template-columns:104px minmax(0,1fr)}.kl-article-card--compact .kl-article-card__content{gap:8px;padding:13px 14px}.kl-article-card--compact .kl-article-card__title{font-size:17px;line-height:1.16}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/kl-article-card.css.map */
