.article-card{display:flex;flex-direction:column;background:var(--color-secondary);border-radius:16px;overflow:hidden;width:420px;box-shadow:0 2px 2px #00000026;cursor:pointer}@media only screen and (max-width: 480px){.article-card{width:300px;height:100%;aspect-ratio:2 / 2.8}.article-card .article-card__image{height:50%}.article-card .article-card__content{display:flex;width:100%;height:50%}.article-card .article-card__content .article-card__header{display:flex;height:100%;width:100%}.article-card .article-card__content .article-card__header .article-card__name{display:flex;flex-direction:column;width:100%;height:100%}.article-card .article-card__content .article-card__header .article-card__name h3{width:100%;height:100%;flex:1;font-size:1.2rem}}.article-card__image{width:fit-content;height:260px;overflow:hidden}.article-card__image a{width:100%;display:flex;align-items:center;height:100%}.article-card__image a img{width:100%;height:100%;object-fit:cover}.article-card__content{display:flex;flex-direction:column;padding:18px 24px 16px}.article-card__content .article-card__meta{display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:4px;justify-content:space-between}.article-card__content .article-card__meta span,.article-card__content .article-card__meta p{color:var(--color-light);font-size:1rem}.article-card__content .article-card__header .article-card__name h3 a{font-size:1.25rem;font-weight:600;line-height:140%;width:100%;display:flex;color:var(--color-primary)}.article-card:hover .article-card__content .article-card__header .article-card__name h3 a{color:var(--color-accent)}.article-card__content .article-card__header .article-card__name .article-card__read-more{color:var(--color-primary);font-size:.9rem}.article-card:hover .article-card__content .article-card__header .article-card__name .article-card__read-more{color:var(--color-accent)}.all-articles .article-card{width:100%;height:100%;aspect-ratio:2 / 1.6}.all-articles .article-card .article-card__image{height:50%;width:100%}.all-articles .article-card .article-card__content{display:flex;width:100%;height:50%}.all-articles .article-card .article-card__content .article-card__header{display:flex;height:100%;width:100%}.all-articles .article-card .article-card__content .article-card__header .article-card__name{display:flex;flex-direction:column;width:100%;height:100%}.all-articles .article-card .article-card__content .article-card__header .article-card__name h3{width:100%;height:100%;flex:1;font-size:1.2rem}@media only screen and (max-width: 1280px){.all-articles .article-card{aspect-ratio:2 / 2.2}.all-articles .article-card .article-card__image{height:40%}.all-articles .article-card .article-card__content{height:60%}}@media only screen and (max-width: 1080px){.all-articles{grid-template-columns:1fr 1fr!important}.all-articles .article-card{aspect-ratio:2 / 1.8}.all-articles .article-card .article-card__image{height:55%}.all-articles .article-card .article-card__content{height:45%}}@media only screen and (max-width: 980px){.all-articles .article-card .article-card__image,.all-articles .article-card .article-card__content{height:50%}}@media only screen and (max-width: 860px){.all-articles .article-card{aspect-ratio:2 / 2.6}.all-articles .article-card .article-card__image,.all-articles .article-card .article-card__content{height:50%}}@media only screen and (max-width: 700px){.all-articles{grid-template-columns:1fr!important}.all-articles .article-card{aspect-ratio:2 / 1.6}.all-articles .article-card .article-card__image{height:60%}.all-articles .article-card .article-card__content{height:40%}}@media only screen and (max-width: 560px){.all-articles .article-card{aspect-ratio:2 / 1.8}.all-articles .article-card .article-card__image,.all-articles .article-card .article-card__content{height:50%}}@media only screen and (max-width: 480px){.all-articles .article-card{aspect-ratio:2 / 2.2}.all-articles .article-card .article-card__image{height:60%}.all-articles .article-card .article-card__content{height:40%}}@media only screen and (max-width: 380px){.all-articles .article-card{aspect-ratio:2 / 2.4}.all-articles .article-card .article-card__image,.all-articles .article-card .article-card__content{height:50%}}@media only screen and (max-width: 320px){.all-articles .article-card{aspect-ratio:2 / 2.6}.all-articles .article-card .article-card__image{height:40%}.all-articles .article-card .article-card__content{height:60%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/article-card.css.map */