.articles-wrapper.grid{margin:0 0 5rem}@media screen and (min-width:750px){.articles-wrapper.grid{margin-bottom:7rem}}@media screen and (max-width:749px){.articles-wrapper .article{width:100%}}.article{order:1;position:relative;width:100%;margin-bottom:30px;line-height:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;max-width:31.5%}.article.grid__item{padding:0}.open-articles{order:2;visibility:hidden;height:0;// transition: transform .5s ease-in;// transform: scaleY(0);//transform-origin: top;animation:ScaleOut .5s ease-out;width:100%;background-color:#fff;color:#fff;width:100vw;position:relative;margin-left:-50vw;left:50%;overflow:hidden}.open-articles .articles-slide-wrap{opacity:0;animation:fadeOutFromVisible .5s ease-out}.open-articles.open{visibility:visible;height:auto;// transform: scaleY(1);// transition: transform .5s ease-out;animation:ScaleIn .5s ease-in;padding:100px 20px 35px;margin-bottom:30px;margin-right:33%}.open-articles.open .articles-slide-wrap{opacity:1;animation:fadeInFromNone .5s ease-in}@keyframes fadeInFromNone{0%{opacity:0}to{opacity:1}}@keyframes fadeOutFromVisible{0%{opacity:1}to{opacity:0}}@keyframes ScaleIn{0%{visibility:hidden;height:0;transform:scaleY(0);transform-origin:top}to{visibility:visible;height:auto;transform:scaleY(1);transform-origin:top}}@keyframes ScaleOut{0%{visibility:visible;height:auto;transform:scaleY(1);transform-origin:top}to{visibility:hidden;height:0;transform:scaleY(0);transform-origin:top}}.blog-articles--collage article.article-card a,.blog-articles--collage article.article-card a:hover,.blog-articles--collage article.article-card a:hover h2{text-decoration:none}.grid--peek .article-card{box-sizing:border-box}.blog-articles--collage .posts-slider{max-width:1130px;margin-left:auto;margin-right:auto}.blog-articles--collage article.article-card{width:50%}.blog-articles--collage article.article-card img{// width: 100%;height:auto;max-width:520px}@media screen and (max-width:1100px){.blog-articles--collage article.article-card{padding:0 20px}}@media screen and (max-width:768px){.open-articles.open{padding-top:20px}.blog-articles--collage article.article-card{width:100%;padding:0}.blog-articles--collage article.article-card .article-card__info{padding:1.6rem}.article{max-width:48.5%}}.articles-slide-wrap{position:relative}.buttons-center{margin:0 0 20px}@media screen and (min-width:769px){.less-then-three{display:none}.buttons-center{margin:0;position:absolute;transform:translateY(-50%);top:50%;width:100%}.buttons-center .button--previous{left:-3.4%;position:absolute}.buttons-center .button--next{right:2.7%;position:absolute}}@media screen and (max-width:768px){.less-then-two{display:none}}.article-card__info{padding:3rem;text-align:left}.article-content:hover .article-card__title{text-decoration:underline;text-underline-offset:.3rem}@media screen and (max-width:530px){.article-content img{width:100%;height:auto}}.article-card__title{text-decoration:none;word-break:break-word}.article-card__link.link{padding:0}.article-card__link{text-underline-offset:.3rem}.article-content:hover .article-card__link{text-decoration-thickness:.2rem}.article-card__header{line-height:calc(.8 / var(--font-body-scale));margin-bottom:1.2rem}.article-card__header h2{margin:0 0 .6rem;font-family:Hero New Medium;color:#000;font-size:20px}.article-card__header h2:only-child{margin:0}.article-card__header h2:not(:first-child){margin-top:1rem}.article-card__header h2+span{display:inline-block;margin-top:.4rem}.article-card__footer{letter-spacing:.1rem;font-size:1.4rem}.article-card__footer:not(:last-child){margin-bottom:1rem}.article-card__footer:last-child{margin-top:auto}.article-card__excerpt{width:100%;color:#000;font-size:14px;line-height:1.6em;font-style:italic}.article-card__link:not(:only-child){margin-right:3rem}@media screen and (min-width:990px){.article-card__link:not(:only-child){margin-right:4rem}}.article-card__image--small{padding-bottom:11rem}.article-card__image--medium{padding-bottom:22rem}.article-card__image--large{padding-bottom:33rem}@media screen and (min-width:750px){.article-card__image--small{padding-bottom:14.3rem}.article-card__image--medium{padding-bottom:21.9rem}.article-card__image--large{padding-bottom:27.5rem}}@media screen and (min-width:990px){.article-card__image--small{padding-bottom:17.7rem}.article-card__image--medium{padding-bottom:30.7rem}.article-card__image--large{padding-bottom:40.7rem}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/component-article-card.css.map */