.card-article{position:relative;display:flex;flex-direction:column;height:100%;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);border-radius:.8rem;overflow:hidden;box-shadow:0 .1rem .4rem rgba(var(--color-shadow),.06);transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease}.card-article:hover{box-shadow:0 .8rem 2.4rem rgba(var(--color-shadow),.16);transform:translateY(-.3rem);border-color:rgba(var(--color-foreground),.2)}.card-article__link{display:flex;flex-direction:column;color:inherit;text-decoration:none;height:100%}.card-article__link:hover,.card-article__link:focus{color:inherit}.card-article__media{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:rgba(var(--color-foreground),.04)}.card-article__image,.card-article__image-placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.card-article__placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.5}.card-article:hover .card-article__image{transform:scale(1.04)}.card-article__body{display:flex;flex-direction:column;gap:.8rem;padding:1.8rem 2rem 2rem;flex:1 1 auto}.card-article__tag{align-self:flex-start;font-size:1.1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-button));padding:.3rem .8rem;background:rgba(var(--color-button),.08);border-radius:.4rem}.card-article__title{margin:0;font-size:1.9rem;line-height:1.3;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.card-article__excerpt{margin:0;font-size:1.4rem;line-height:1.55;color:rgba(var(--color-foreground),.72);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-article__meta{margin-top:auto;padding-top:.6rem;font-size:1.25rem;color:rgba(var(--color-foreground),.55);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.card-article__meta-sep{opacity:.6}@media screen and (min-width:750px){.card-article__title{font-size:2.1rem}.card-article__body{padding:2rem 2.4rem 2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card-article.css.map */