@media screen and (max-width:749px){.articles-wrapper .article{width:100%}}.blog__title.h1{font-size:32px}.blog__title{font-weight:700;color:var(--gradient-base-accent-1)}.article{display:flex;align-items:center}.article.grid__item{padding:0}.grid--peek .article-card{position:relative;box-sizing:border-box}.article-card__image-wrapper>a{display:block}.article-card__title{text-decoration:none;word-break:break-word}.article-card__title a:after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.article-card__link.link{padding:0}.article-card__link{text-underline-offset:.3rem}.article-card .card__heading{margin-bottom:20px;font-size:20px;font-weight:700}.blog-articles .article-card .card__information{padding-left:1.5rem;padding-right:1rem}.blog__posts .article-card .card__information{position:initial}.article-card__info{font-size:14px;position:absolute;top:5px;right:-10px}.circle-divider{margin-bottom:10px;padding:10px;background:#000;color:#fff;min-width:118px;display:inline-block;line-height:normal}.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{font-family:SFUIDisplay-Light,sans-serif!important;font-size:17px!important;color:#02083c!important}.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 .ratio:before{padding-bottom:11rem}.article-card__image--medium .ratio:before{padding-bottom:22rem}.article-card__image--large .ratio:before{padding-bottom:33rem}@media screen and (min-width:750px){.article-card__image--small .ratio:before{padding-bottom:14.3rem}.article-card__image--medium .ratio:before{padding-bottom:21.9rem}.article-card__image--large .ratio:before{padding-bottom:27.5rem}}@media screen and (min-width:990px){.article-card__image--small .ratio:before{padding-bottom:17.7rem}.article-card__image--medium .ratio:before{padding-bottom:30.7rem}.article-card__image--large .ratio:before{padding-bottom:40.7rem}}@supports not (inset: 10px){.articles-wrapper.grid{margin:0 0 5rem}@media screen and (min-width:750px){.articles-wrapper.grid{margin-bottom:7rem}}}@media only screen and (max-width:1024px){.blog__title.h1{font-size:28px}}@media only screen and (max-width:990px){.article-card .card__heading{font-size:24px}.title-wrapper-with-link{margin:0 0 1.5rem}}@media only screen and (max-width:768px){.blog__title.h1{font-size:26px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-article-card.css.map */