.blog-articles{grid-gap:1rem;-moz-column-gap:var(--grid-mobile-horizontal-spacing);column-gap:var(--grid-mobile-horizontal-spacing);display:grid;row-gap:var(--grid-mobile-vertical-spacing)}.blog-articles .card-wrapper{width:100%}@media screen and (min-width:750px){.blog-articles{-moz-column-gap:var(--grid-desktop-horizontal-spacing);column-gap:var(--grid-desktop-horizontal-spacing);grid-template-columns:1fr 1fr;row-gap:var(--grid-desktop-vertical-spacing)}.blog-articles--collage>:nth-child(3n+1),.blog-articles--collage>:nth-child(3n+2):last-child{grid-column:span 2;text-align:center}.blog-articles--collage>:nth-child(3n+1) .card,.blog-articles--collage>:nth-child(3n+2):last-child .card{text-align:center}.blog-articles--collage>:nth-child(3n+1) .article-card__image--small .ratio:before,.blog-articles--collage>:nth-child(3n+2):last-child .article-card__image--small .ratio:before{padding-bottom:22rem}.blog-articles--collage>:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:44rem}.blog-articles--collage>:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:66rem}}@media screen and (min-width:990px){.blog-articles--collage>:nth-child(3n+1) .article-card__image--small .ratio .ratio:before,.blog-articles--collage>:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio:before{padding-bottom:27.5rem}.blog-articles--collage>:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:55rem}.blog-articles--collage>:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:82.5rem}}

/* Custom */

.blog-articles--container {
  display: grid;
}

@media only screen and (min-width: 768px) {
  .blog-articles--container {
    grid-template-columns: calc(25% - 1em) 1fr;
    gap: 1em;
  }
}

@media only screen and (max-width: 767px) {
  .blog-articles--right > .title--primary {
    margin-top: 2rem;
  }
}