.m-article-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;height:100%;display:flex;flex-direction:column}.m-article-card:hover{transform:translateY(-8px)}.m-button--link:before{display:none!important}.m-article-card__readmore:after{display:none!important}.m-article-card__content{padding:24px;flex-grow:1;display:flex;flex-direction:column}.m-article-card__image{display:block;overflow:hidden;position:relative;aspect-ratio:16/10}.m-article-card__image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.m-article-card:hover .m-article-card__image:after{opacity:1}.m-article-card__image .m-image,.m-article-card__image svg{transition:transform .8s cubic-bezier(.25,.46,.45,.94);width:100%;height:100%;object-fit:cover}.m-article-card:hover .m-article-card__image .m-image,.m-article-card:hover .m-article-card__image svg{transform:scale(1.05)}.m-article-card__tags,.m-article-card__date{font-size:12px;line-height:1.5;font-weight:600;display:inline-block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;color:rgb(var(--color-button));background:rgba(var(--color-button),.1);padding:4px 12px;border-radius:20px;margin-right:8px}.m-article-card__date{background:rgba(var(--color-accent),.1);color:rgb(var(--color-accent))}.m-article-card__title{font-size:20px;line-height:1.4;font-weight:700;margin-bottom:12px;color:#f3f3f3}@media screen and (min-width: 640px){.m-article-card__title{font-size:22px}}.m-article-card__title a{color:inherit;text-decoration:none;transition:color .3s ease}.m-article-card__title a:hover{color:rgb(var(--color-button))}.m-article-card__excerpt{color:#718096;margin-bottom:20px;line-height:1.6;font-size:15px;flex-grow:1}.m-article-card__readmore{display:inline-flex;align-items:center;padding:12px 24px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));text-decoration:none;border-radius:25px;font-weight:600;font-size:14px;transition:all .3s ease;align-self:flex-start;margin-top:auto}.m-article-card__readmore:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(var(--color-button),.3);background:rgb(var(--color-button-text));color:rgb(var(--color-button))}.m-article-card__readmore:after{content:"\2192";margin-left:8px;transition:transform .3s ease}.m-article-card__readmore:hover:after{transform:translate(4px)}.m-article-card--view-list{flex-direction:row;align-items:stretch;height:auto}@media screen and (min-width: 640px){.m-article-card--view-list{display:grid;column-gap:2rem;grid-template-columns:300px 1fr}}@media screen and (min-width: 768px){.m-article-card--view-list{column-gap:3rem;grid-template-columns:350px 1fr}}@media screen and (min-width: 1024px){.m-article-card--view-list{column-gap:4rem;grid-template-columns:400px 1fr}}.m-article-card--view-list .m-article-card__image{aspect-ratio:4/3}.m-article-card--view-list .m-article-card__content{padding:32px}.m-article-card--view-list .m-article-card__title{font-size:24px;line-height:1.3;margin-bottom:16px}@media screen and (min-width: 640px){.m-article-card--view-list .m-article-card__title{font-size:28px}}.m-article-card--view-list .m-article-card__excerpt{font-size:16px;line-height:1.6;margin-bottom:24px}.m-article-card.animate--slide-in{animation:slideInUp .6s ease-out forwards}.m-article-card.animate--fade-in{animation:fadeIn .6s ease-out forwards}.m-article-card.animate--scale-in{animation:scaleIn .6s ease-out forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 639px){.m-article-card{margin-bottom:24px}.m-article-card__content{padding:20px}.m-article-card__title{font-size:18px}.m-article-card__excerpt{font-size:14px}.m-article-card__readmore{padding:10px 20px;font-size:13px}}@media (prefers-color-scheme: dark){.m-article-card{background:#f3f3f3;color:#e2e8f0}.m-article-card__title{color:#2e2e2e}.m-article-card__excerpt{color:#3a3a3a}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-article-card.css.map */