.modern-article-card{background:#fff;border-radius:0;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:box-shadow .3s ease,transform .3s ease;height:100%;display:flex;flex-direction:column;contain:layout style paint}@media (hover: hover) and (pointer: fine){.modern-article-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}}.modern-article-card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.modern-article-card__image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:#f5f5f5}@media screen and (max-width: 749px){.modern-article-card__image-wrapper{aspect-ratio:4 / 3}}.modern-article-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:auto}@media (hover: hover) and (pointer: fine){.modern-article-card:hover .modern-article-card__image{transform:scale(1.05)}}.modern-article-card__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%);padding:24px;display:flex;flex-direction:column;gap:12px;opacity:0;transition:opacity .3s ease;pointer-events:none}@media (hover: hover) and (pointer: fine){.modern-article-card:hover .modern-article-card__overlay{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion: reduce){.modern-article-card,.modern-article-card__image,.modern-article-card__overlay{transition:none}}.modern-article-card__overlay-title{color:#fff;font-size:18px;font-weight:600;line-height:1.3;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3)}@media screen and (min-width: 750px){.modern-article-card__overlay-title{font-size:20px}}.modern-article-card__overlay-button{display:inline-flex;align-items:center;gap:6px;background:#fffffff2;color:#000;padding:10px 18px;border-radius:50px;font-size:14px;font-weight:500;align-self:flex-start;transition:background .2s ease,transform .2s ease}@media (hover: hover) and (pointer: fine){.modern-article-card__overlay-button:hover{background:#fff;transform:translate(4px)}}.modern-article-card__overlay-button svg{width:16px;height:16px}.modern-article-card__content{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}@media screen and (min-width: 750px){.modern-article-card__content{padding:28px}}.modern-article-card__title{font-size:20px;font-weight:700;line-height:1.3;margin:0;color:#1a1a1a}@media screen and (min-width: 750px){.modern-article-card__title{font-size:22px}}@media screen and (min-width: 990px){.modern-article-card__title{font-size:24px}}.modern-article-card__excerpt{font-size:14px;line-height:1.6;color:#666;margin:0;flex:1}@media screen and (min-width: 750px){.modern-article-card__excerpt{font-size:15px}}.modern-article-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #f0f0f0}.modern-article-card__date{font-size:13px;color:#666;font-weight:400}@media screen and (min-width: 750px){.modern-article-card__date{font-size:14px}}.modern-article-card__likes{display:flex;align-items:center;gap:6px;font-size:14px;color:#666;font-weight:500}.modern-article-card__likes svg{width:18px;height:18px;color:#ff6b6b;fill:none;transition:all .3s ease}.modern-article-card:hover .modern-article-card__likes svg{fill:#ff6b6b;transform:scale(1.1)}@media screen and (max-width: 749px){.articles-wrapper .article{width:100%}}.article{display:flex;align-items:center}.article.grid__item{padding:0}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-article-card.css.map */