.blog-listing__posts-wrapper{display:grid;gap:var(--gap-m)}.blog-listing__posts-wrapper li,ul.blog-listing__posts-wrapper{list-style:none;margin:0;padding:0}.blog-listing__post{display:grid;gap:var(--gap);grid-template-columns:1fr 1.1fr;img{transition:scale 125ms ease}&:hover img{scale:1.02}}.blog-listing__post-image{border:1px solid var(--clr-stroke-2);border-radius:var(--corner);box-shadow:var(--shadow-lighter);height:auto;max-width:1200px;width:100%}.blog-listing__post-content-wrapper{display:grid;gap:var(--gap-s)}.blog-listing__post-content-wrapper>*{margin-block:0}.blog-listing__post-title-link{color:var(--clr-title)}.blog-listing__post-meta{align-items:center;display:flex;gap:1.5rem}.posts__author,.posts__date{color:var(--clr-text);font-size:.8rem}.blog-listing__more-posts-pre-title{align-items:center;display:flex;gap:var(--gap-s);margin-top:var(--gap-m)}.blog-listing__more-posts-pre-title .more-posts-link-text{white-space:nowrap;width:fit-content}.blog-listing__more-posts-arrow{align-items:center;display:flex;margin-right:auto;width:100%}.blog-listing__more-posts-pre-title{font-weight:700}.blog-listing__more-posts-arrow.animated.visible{animation:wipe 1s ease forwards}@keyframes wipe{0%{width:0}to{width:100%}}@media (max-width:768px){.blog-listing__post{grid-template-columns:1fr}}.blog-listing__posts-wrapper{container:posts/inline-size}@container posts (max-width: 700px){.blog-listing__post{grid-template-columns:1fr}}