.card-article{background:rgb(var(--color-background));border-radius:var(--button-radius);margin:0 .7rem 1.6rem;overflow:hidden;position:relative}.card-article .media{border-radius:var(--button-radius) var(--button-radius) 0 0;position:relative;z-index:0}.card-article .card-content{padding:1.5rem}.card-article .card-tagline{color:#ccc;font-family:var(--font-heading-family-condensed);font-size:clamp(3rem,5vw,4.8rem);font-weight:var(--font-heading-weight);letter-spacing:.01em;margin-block-end:2rem;padding-block-end:1rem;position:relative}.card-article .card-tagline:after{border-bottom:.3rem solid #ccc;bottom:0;content:"";left:0;position:absolute;width:5rem}.card-article .card-heading{color:rgb(var(--color-brand-primary));line-height:1;margin:0 0 .5rem;padding:0}.card-article .card-heading>a{color:inherit;font-size:clamp(1.6rem,3vw,2.4rem);font-family:var(--font-heading-family);letter-spacing:.01em;text-decoration:none}.card-article .card-heading>a:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute}.card-article p{font-size:clamp(1rem,2vw,1.4rem);font-weight:var(--font-body-weight-light);line-height:1.6}.card-article .card-author{font-family:var(--font-body-family);font-size:1.4rem;font-weight:var(--font-body-weight-black);margin-block:2rem 1rem;padding:0}.card-article .card--featured .card-heading>a{font-size:clamp(2.4rem,3vw,3.2rem)}.card-article .card--featured .card-author{font-size:1rem;letter-spacing:.02em}.card-article .card--featured .card-content{padding-inline:0}.card-article .card--featured p{font-size:clamp(1.2rem,2vw,1.4rem)}.card-article-link{border-bottom:.2rem solid rgb(var(--color-button));color:inherit;display:inline-block;font-family:var(--font-body-family);font-size:clamp(.8rem,2vw,1rem);font-weight:var(--font-body-weight-black);letter-spacing:.05em;padding-block:.5rem .2rem;position:relative;text-transform:uppercase;text-decoration:none}.card-article-link svg{transform:scaleX(0);transform-origin:left center;transition:transform var(--duration-default) ease;width:0}@media(hover:hover){.card-article .media.media--hover-effect{overflow:hidden}.card-article .media.media--hover-effect>img{transition:none}.card-article{transition:all var(--duration-default) ease}.card-article:hover{box-shadow:0 0 10rem rgba(var(--color-foreground),.2);z-index:1}.card-article:hover .card-article-link{border-color:transparent;color:rgb(var(--color-brand-primary))}.card-article:hover .card-article-link svg{transform:scaleX(1);width:auto}}@media(min-width:40em){.card-article .card-content{padding:3rem}}
/*# sourceMappingURL=/cdn/shop/t/255/assets/component-card-article.css.map */