.article-card{display:block}.article-card__image{aspect-ratio:300/185;object-fit:cover}.article-card h2{font-size:1.6rem}.article-card-extended__image{aspect-ratio:320/300;object-fit:cover}.article-card-extended h2{max-width:184px;margin-inline:auto}.article-card-extended:hover .article-card-extended__title span{background-size:100% 100%}.article-card-extended__title span{background-image:linear-gradient(transparent calc(100% - 2px),#000 10px);background-repeat:no-repeat;background-size:0% 100%;transition:background-size 1s;background-position:0 -5px}.article-card:hover .article-card__title span{background-size:100% 100%}.article-card__title span{background-image:linear-gradient(transparent calc(100% - 1px),#000 10px);background-repeat:no-repeat;background-size:0% 100%;transition:background-size 1s;background-position:0 0}.article-card--column{display:grid;column-gap:13px;grid-template-columns:.5fr .5fr;margin-top:50px}.article-card--column img{grid-row-start:1;grid-row-end:5;margin-bottom:0;aspect-ratio:1/1}.article-card--column p{margin-bottom:0}.article-card--column h2{margin-bottom:0;margin-top:10px;grid-column:2}.article-card--column p:last-child{grid-column:2;grid-row:4}.article-card__title span.p-l{font-size:1.6rem}@media screen and (min-width: 1024px){.article-card{padding:0}.article-card .label-lg.mb-40{margin-bottom:30px}.article-card__image{aspect-ratio:291/229;object-fit:cover}.article-card h2{margin-bottom:10px;min-height:42px;margin-top:0}.article-card .label-lg.mb-15{margin-bottom:10px}.article-card p.label-sm.mb-40{margin-bottom:30px}.article-card__date.label-sm.mb-40{margin-bottom:0!important}.article-card-extended__image{aspect-ratio:605/576;max-height:576px;height:100%}.article-card-extended__grid{grid-template-rows:auto auto;grid-template-columns:auto auto;padding:0;margin-top:15px;margin-bottom:0}.article-card-extended__grid h2{grid-column-start:1;margin-bottom:0;margin-top:10px;grid-column-end:3;grid-row:2;text-align:left}.article-card-extended__grid p{margin-bottom:0}.article-card-extended__grid p:nth-of-type(1){text-align:left}.article-card-extended__grid p:nth-of-type(2){text-align:right}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/article-card.css.map */
