.blog-articles>.container{margin-top:3.125rem}@media screen and (min-width:768px){.blog-articles>.container{margin-top:5rem}}.blog-articles .container-content .container-content{padding:0}.blog-articles__wrapper{grid-column-gap:0}@media screen and (min-width:480px){.blog-articles__wrapper{grid-column-gap:1.875rem}}.blog-articles__heading{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.blog-articles__subtitle{font-family:var(--font-primary-family);font-size:.875rem;font-weight:300;letter-spacing:.3125rem;line-height:.9625rem;margin-bottom:.625rem}@media screen and (min-width:768px){.blog-articles__subtitle{font-size:1rem;line-height:1.1rem}}.blog-articles__title{font-family:var(--font-secondary-family);font-size:1.25rem;font-weight:700;line-height:1.375rem;margin-bottom:2.5rem}@media screen and (min-width:768px){.blog-articles__title{font-size:1.4375rem;line-height:1.58125rem}}.blog-article{border-radius:var(--border-radius);overflow:hidden;position:relative}.blog-article__link:hover{text-decoration:none}.blog-article__image .img{padding-bottom:50%}.blog-article__date{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:var(--color-white);-webkit-box-shadow:0 0 6px -3px rgba(0,0,0,.5);box-shadow:0 0 6px -3px rgba(0,0,0,.5);-ms-flex-direction:column;flex-direction:column;left:.9375rem;padding:.3125rem .625rem;position:absolute;text-align:center;top:.9375rem}.blog-article__date span{color:var(--color-black);font-size:1.5rem;line-height:2.125rem}.blog-article__date span:nth-child(2){font-size:.75rem;line-height:1.0625rem;text-transform:uppercase}.blog-article__meta{-webkit-box-orient:vertical;-webkit-box-direction:normal;border:1px solid hsla(0,0%,61%,.17);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:.9375rem}.blog-article__title{color:var(--color-black);font-family:var(--font-secondary-family);font-size:1rem;font-weight:700;line-height:1.5625rem;margin-bottom:.9375rem}.blog-article__title:hover{text-decoration:none}@media screen and (min-width:1024px){.blog-article__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;height:3.125rem;overflow:hidden}}.blog-article__button{-webkit-box-pack:start;-ms-flex-pack:start;font-size:.8125rem;justify-content:flex-start;line-height:1.15625rem;padding:0}.blog-article__button .icon{margin:.125rem 0 0;width:.5rem}.blog-article__button .icon path{stroke:var(--color-link)}