.blog-index{color:#fff;display:flex;flex-wrap:wrap;gap:2rem;margin:50px auto}.blog-index-col{display:grid;flex:1}@media (max-width:900px){.blog-index-col--2{display:none}}.blog-index__post{background-color:var(--color-accent);border-radius:var(--border-radius);display:flex;flex-direction:column;margin-bottom:2rem;max-height:700px;overflow:hidden;padding:6rem 2rem 2rem;position:relative;transition:var(--transition-duration) var(--transition-timing-function)}.blog-index__post .clickable{z-index:4}.blog-index__post:focus-within,.blog-index__post:hover{transform:translateY(-1rem)}.blog-index__post:focus-within{outline:2px solid var(--color-primary)}.blog-index-col--1 .blog-index__post:nth-child(odd),.blog-index-col--2 .blog-index__post:nth-child(2n){padding-top:25rem}.blog-index__post:after{background:linear-gradient(to bottom,transparent 0,var(--color-accent) 100%);content:"";z-index:1}.blog-index__post-bg,.blog-index__post:after{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.blog-index__post-bg{max-width:none;object-fit:cover;object-position:center;z-index:0}.blog-index__post-link,.blog-index__post-summary,.blog-index__post-title{position:relative;z-index:2}.blog-index__post-title{color:var(--color-white);margin-bottom:0;margin-top:auto}.blog-index__post-title a{color:var(--color-white);font-weight:700;text-decoration:none}.blog-index__post-title a:focus,.blog-index__post-title a:hover{text-decoration:underline}.blog-index__post-link{align-items:center;display:flex;gap:.5rem;margin-top:2rem}.blog-index__post-link svg{height:1em;fill:currentColor}