.blog-index{flex-wrap:wrap;margin-top:4em}.blog-index,.blog-index__post{display:flex;justify-content:space-between}.blog-index__post{background-color:var(--grey04);border-radius:8px;flex-direction:column;overflow:hidden}.blog-index--multiple_colors article:nth-child(4n+1){background-color:var(--mint)}.blog-index--multiple_colors article:nth-child(4n+2){background-color:var(--beige)}.blog-index--multiple_colors article:nth-child(4n+3){background-color:var(--green)}.blog-index--multiple_colors article:nth-child(4n+3) .blog-index__post-button-wrapper a,.blog-index--multiple_colors article:nth-child(4n+3) .blog-index__post-summary,.blog-index--multiple_colors article:nth-child(4n+3) .blog-index__post-timestamp,.blog-index--multiple_colors article:nth-child(4n+3) .blog-index__post-title a{color:#fff}.blog-index--multiple_colors article:nth-child(4n+3) .blog-index__post-button-wrapper path{stroke:#fff}.blog-index--multiple_colors article:nth-child(4n+4){background-color:var(--purple)}.blog-index__post:nth-child(n+2){margin-top:30px}.blog-index__post-image-wrapper{display:block;overflow:hidden;position:relative}.blog-index__post-image-wrapper:before{content:"";display:block;padding-bottom:50%;width:100%}.blog-index__post-image-wrapper img{display:block;height:100%;object-fit:cover;position:absolute;top:0;width:100%}.blog-index__post-content{padding:24px 32px 0}.blog-index__post-timestamp{color:var(--grey01);display:block;margin:0 0 16px}.blog-index__post-title a{color:var(--midnight)}.blog-index__post-summary{font-size:18px;font-weight:400;line-height:25px;margin-top:16px}.blog-index__post-button-wrapper{margin:0 32px 24px 0;text-align:right}.blog-index__post-button-wrapper a{color:var(--midnight);display:block;font-weight:600;margin-top:24px}.blog-index__post-button-wrapper svg{margin-left:8px;vertical-align:middle;width:14px}@media (min-width:600px){.blog-index__post:nth-child(n+2){margin-top:0}.blog-index__post:nth-child(n+3){margin-top:40px}.blog-index__post{width:calc(50% - 12px)}}