.blog-author-heading,.blog-tag-heading{padding:0 16px}.blog-index{display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1232px}.blog-index__post{display:flex;flex-direction:column;justify-content:flex-end}.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:5px;width:30px}.blog-index__post-author,.blog-index__post-image--small,.blog-index__post-tags,.blog-index__post-timestamp{margin:0 0 11px}.blog-index__post-image-wrapper{border-radius:24px 24px 0 0;max-height:212px;overflow:hidden;position:relative}.blog-index__post-image-wrapper:before{background-color:#000;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.blog-index__post-image{height:100%;max-width:100%;min-height:212px;object-fit:cover;width:100%}.blog-index__post-content{background:#d7d2cb;border-radius:0 0 32px 32px;color:#000;display:flex;flex:1 1 338px;flex-direction:column;min-height:310px;padding:32px;position:relative}.blog-index_no-img{border-radius:24px 24px 32px 32px;height:100%}.blog-index__post-title{font-family:Banque Gothique RR Extra Bold Ext Cond,sans-serif;font-size:24px;font-weight:700;line-height:100.6%;margin:0 0 16px;text-transform:uppercase}.blog-index__post-title-link,.blog-index__post-title-link:focus,.blog-index__post-title-link:hover{color:#000;font-weight:700;text-transform:uppercase}.blog-index__post-summary{font-family:Albert Sans,sans-serif;font-size:14px;font-weight:400;letter-spacing:.04em;line-height:normal;max-width:307px}.blog-index__post-button-wrapper{margin:32px 0 0}.blog-index__post-button{background-color:transparent;border-color:#000;color:#000;font-size:12px;letter-spacing:.04em}.blog-index__post-button:focus,.blog-index__post-button:hover{background-color:#000;border-color:#000;color:#fff}@media only screen and (max-width:1024px){.blog-index{gap:38px;grid-template-columns:repeat(2,1fr)}.blog-index__post-content{flex:1 1 358px}}@media only screen and (max-width:767px){.blog-index{gap:24px;grid-template-columns:1fr}.blog-index__post-content{flex:1 1 auto}}@media (min-width:1025px) and (max-width:1200px){.blog-index__post-content{flex:1 1 418px}}