.articles-wrapper.grid{margin:0 0 5rem}@media screen and (min-width:750px){.articles-wrapper.grid{margin-bottom:7rem}}.articles-wrapper .article{max-width:100%}@media screen and (max-width:749px){.articles-wrapper .article{width:100%}}.article{display:flex;align-items:center}.article.grid__item{padding:0}.article-card{display:flex;flex:0 1 100%;flex-direction:column;align-items:center;align-self:center;margin-bottom:4.6rem}@media screen and (min-width:750px){.article-card{position:relative;padding:0 5rem;margin-bottom:0}}@media screen and (min-width:1020px){.article-card{height:100%;padding:0 5rem}}.article-card__tags{display:flex;gap:1.6rem;align-self:flex-start;padding:0;margin:0 0 1.2rem;text-align:left;list-style:none}@media screen and (min-width:750px){.article-card__tags{position:absolute;left:calc(100% - 4.4rem);transform:rotate(-90deg) translate(-100%);transform-origin:top left}}@media screen and (min-width:1020px){.article-card__tags{left:calc(100% - 9.4rem)}}.article-card__tags a{color:rgb(var(--color-foreground))}.article-card__info{display:flex;flex-grow:1;flex-direction:column;padding:1.6rem 0 0}.article-content{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;height:100%;color:inherit;text-decoration:none}.article-card__image-wrapper{display:grid;flex:1 1 100%;grid-template-rows:1fr;grid-template-columns:1fr}.article-card__comment-count{position:absolute;top:.9rem;left:.9rem}.article-card__image{overflow:hidden}@media screen and (max-width:749px){.article-card__image{width:calc(100% + var(--page-width-padding) + var(--page-width-padding));margin-left:calc(0rem - var(--page-width-padding))}}.article-content img{display:block;width:100%;max-width:75rem;height:100%;object-fit:cover;transition:transform var(--duration-long) ease}.article-content:hover img{transform:scale(1.02)}.article-card__details{display:inline}.article-card__excerpt{margin:0 0 2rem}.article-card__details span:nth-child(2):before{padding-right:1rem;padding-left:1rem;content:"\2013"}.article-card__image-wrapper>a{display:block}.article-card__title{text-decoration:none}.article-card__header h2{margin:0 0 1.6rem}.article-card__header h2:not(:first-child){margin-top:1.2rem}.article-card__footer:not(:last-child){margin-bottom:1rem}.article-card__footer:last-child{margin-top:auto}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-article-card.css.map */