.blog-index{column-gap:16px;display:grid;grid-template-columns:repeat(3,1fr);row-gap:42px}.blog-index__post{background-color:var(--color-background-section-alternate);display:flex;flex:0 0 100%;flex-flow:column nowrap}.blog-index__post--large{flex-flow:row nowrap;grid-column:span 3}.blog-index__post--small:nth-of-type(3n+2){animation-delay:0s}.blog-index__post--small:nth-of-type(3n+3){animation-delay:.3s}.blog-index__post--small:nth-of-type(3n+4){animation-delay:.6s}.blog-index__post .featured-tag{background-color:var(--color-background-translucent);left:0;padding:4px 12px;position:absolute;top:30px}.blog-index__post .featured-tag .featured-tag-text{color:var(--color-text-hyperlink);font-size:.875rem;font-weight:900;letter-spacing:1px;text-transform:uppercase}.blog-index__post-content{display:flex;flex:1 0 auto;flex-flow:column nowrap;padding:26px}.blog-index__post-image-wrapper{display:block;height:0;overflow:hidden;padding-top:50%;position:relative;width:100%}.blog-index__post-image-wrapper--large{flex:0 0 41.66667%;height:100%;padding-top:0;width:0}.blog-index__post-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.blog-index__post--large .blog-index__post-content{flex:0 0 58.33333%;padding:50px 60px}.blog-index__post .blog-index__post-image{transform:none;transition:transform 2.4s ease}.blog-index__post:hover .blog-index__post-image{transform:scale(1.2)}.blog-index__post-title{font-size:1.25rem}.blog-index__post-timestamp{display:block}.blog-index__post-author{align-items:center;display:flex}.blog-index__post-author-image{border-radius:50%;height:auto;margin-right:.35rem;width:30px}.blog-index__post-summary{display:-webkit-box;margin-top:auto;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.blog-index__post-button{font-size:.875rem;letter-spacing:2px;text-transform:uppercase}@media screen and (max-width:900px){.blog-index{grid-template-columns:repeat(2,1fr)}.blog-index__post--large{grid-column:span 2}.blog-index__post--small:nth-of-type(2n+2){animation-delay:0s}.blog-index__post--small:nth-of-type(2n+3){animation-delay:.3s}}@media screen and (max-width:767px){.blog-index__post--large{flex-flow:column nowrap}.blog-index__post-image-wrapper--large{flex:unset;height:0;padding-top:50%;width:100%}.blog-index__post--large .blog-index__post-content{flex:unset;padding:26px}}@media screen and (max-width:500px){.blog-index{grid-template-columns:repeat(1,1fr)}.blog-index__post--large{grid-column:span 1}.blog-index__post--small:nth-of-type(1n+2){animation-delay:0s}}