.related-posts{display:grid;gap:21px;grid-template-columns:1fr 2fr}.related-posts .content{padding-right:24px}.related-posts .posts{display:grid;gap:45px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.related-posts .blog{color:var(--color-base);display:flex;flex-flow:column nowrap;font-weight:300;width:100%}.related-posts .blog .image-wrapper{aspect-ratio:21/13;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.related-posts .blog .image-wrapper .image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .5s var(--scale-transition);width:100%}.related-posts .blog:hover .image-wrapper .image{transform:scale(1.1)}.related-posts .blog .overlay{background-color:var(--color-base);height:100%;left:0;mix-blend-mode:hard-light;opacity:.7;position:absolute;top:0;transition:opacity .5s var(--scale-transition);width:100%}.related-posts .blog:hover .overlay{opacity:0}.related-posts .blog .date-and-read-time{color:#858a95;font-size:.778rem;margin-bottom:10px}.related-posts .blog .title{color:var(--color-base);margin-bottom:10px;min-height:3.55rem}.related-posts .blog .summary,.related-posts .blog .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-posts .blog .summary{margin-bottom:30px}.related-posts .blog:hover .button{color:var(--color-base)}@media screen and (max-width:767px){.related-posts{grid-template-columns:1fr}.related-posts .content{padding-right:0}.related-posts .posts{gap:20px}}