.wf-article-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--wf-color-lilac-border);border-radius:var(--wf-radius-card);background:var(--wf-color-card);color:var(--wf-color-ink);text-decoration:none;transition:transform var(--wf-duration-hover) ease,border-color var(--wf-duration-hover) ease,box-shadow var(--wf-duration-hover) ease}.wf-article-card:hover{transform:translateY(-5px);border-color:var(--wf-color-chip-border);box-shadow:var(--wf-shadow-card-hover)}.wf-article-card:focus-visible{outline:3px solid var(--wf-color-brand-deep);outline-offset:3px}.wf-article-card .wf-article-card__media{position:relative;display:block;height:170px;background:var(--wf-color-lilac-ghost)}.wf-article-card .wf-article-card__media img.wf-article-card__photo{width:100%;height:100%;object-fit:cover}.wf-article-card .wf-article-card__placeholder{position:relative;display:grid;place-items:center;height:100%;overflow:hidden;color:color-mix(in srgb,var(--wf-color-brand) 45%,transparent)}.wf-article-card .wf-article-card__pattern{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wf-article-card .wf-article-card__placeholder .wf-icon{position:relative}.wf-article-card .wf-article-card__logo{position:absolute;top:12px;left:12px;width:auto;height:17px;filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--wf-color-ink) 40%,transparent))}.wf-article-card .wf-article-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;padding:18px 20px 20px}.wf-article-card .wf-tag{padding:4px 10px;font-size:var(--wf-text-tag);letter-spacing:.5px}.wf-article-card .wf-article-card__title{margin:0;font-family:var(--wf-font-display);font-size:var(--wf-text-lead);font-weight:600;line-height:1.38;letter-spacing:-.2px;text-transform:none;color:var(--wf-color-ink)}.wf-article-card .wf-article-card__meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;font-size:var(--wf-text-caption);font-weight:500;color:var(--wf-color-soft)}.wf-article-card .wf-article-card__date,.wf-article-card .wf-article-card__time{display:inline-flex;align-items:center;gap:5px}.wf-article-card .wf-article-card__meta .wf-icon{color:var(--wf-color-brand)}@media(prefers-reduced-motion:reduce){.wf-article-card,.wf-article-card:hover{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/woopf-article-card.css.map */