.card-article{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid var(--color-line);border-radius:20px;overflow:hidden;background:#fff;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease),border-color .45s}.card-article:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(var(--color-ink-rgb),.1);border-color:transparent}.card-article:has(.card-article__link:focus-visible){outline:2px solid var(--color-ink);outline-offset:4px}.card-article__media{position:relative;height:330px;overflow:hidden;background:var(--color-placeholder-bg)}.card-article__image{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease-out)}.card-article:hover .card-article__image{transform:scale(1.05)}.card-article__category{position:absolute;top:16px;left:16px;height:26px;padding:0 12px;border-radius:999px;display:inline-flex;align-items:center;background:var(--color-sage);font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.card-article__body{flex:1;display:flex;flex-direction:column;padding:26px 28px 30px}.card-article__meta{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--color-grey)}.card-article__meta .icon{width:14px;height:14px}.card-article__title{font-size:1.625rem;line-height:1.2;letter-spacing:-.01em;margin:12px 0 10px}.card-article__link:focus-visible{outline:0}.card-article__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.card-article__excerpt{font-size:.9375rem;color:var(--color-grey);margin-bottom:18px}.card-article__more{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;padding-bottom:2px;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1.5px no-repeat;transition:background-size .4s var(--ease-out)}.card-article:hover .card-article__more{background-size:100% 1.5px}.card-article:hover .button__arrow{transform:translate(4px)}@media(max-width:768px){.card-article__media{height:240px}.card-article__body{padding:20px 20px 24px}.card-article__title{font-size:1.375rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-card-article.css.map */