.page-width{max-width:120rem;margin:0 auto;padding:0 1.5rem}.blog-posts__heading{margin:0 0 3rem;font-size:2.4rem;font-weight:600;line-height:1.3;text-align:center}.blog-posts__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.blog-post{display:flex;flex-direction:column;height:100%}.blog-post__image-wrapper{position:relative;margin-bottom:1.5rem;overflow:hidden;border-radius:.4rem;aspect-ratio:16/9}.blog-post__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-post__image-wrapper:hover .blog-post__image{transform:scale(1.05)}.blog-post__content{flex:1;display:flex;flex-direction:column}.blog-post__title{margin:0 0 1rem;font-size:1.6rem;font-weight:600;line-height:1.4}.blog-post__title a{text-decoration:none;color:inherit}.blog-post__title a:hover{text-decoration:underline;text-underline-offset:0.3rem}.blog-post__meta{margin-bottom:1rem;font-size:1.2rem;line-height:1.5;opacity:.8}.blog-post__meta-separator{margin:0 .5rem}.blog-post__author,.blog-post__date{display:inline-block}.blog-post__excerpt{margin-bottom:1.5rem;font-size:1.4rem;line-height:1.6;opacity:.9;flex:1}.blog-post__read-more{display:inline-block;font-size:1.4rem;font-weight:500;text-decoration:none;border-bottom:1px solid;padding-bottom:.2rem;width:fit-content;transition:opacity .2s ease}.blog-post__read-more:hover{opacity:.8}.blog-posts__view-all{margin-top:4rem;text-align:center}.blog-posts__view-all .button{display:inline-block;padding:1.2rem 3rem;font-size:1.4rem;font-weight:500;text-decoration:none;color:#fff;background-color:#1a1a1a;border:1px solid #1a1a1a;border-radius:.4rem;transition:all .2s ease;cursor:pointer}.blog-posts__view-all .button:hover{color:#1a1a1a;background-color:#fff}.blog-posts__placeholder{padding:4rem;text-align:center;background-color:#f7f7f7;border-radius:.4rem}@media screen and (min-width:750px){.page-width{padding:0 5rem}.blog-posts__heading{font-size:3.2rem;margin-bottom:4rem}.blog-posts__grid{grid-template-columns:repeat(3,1fr);gap:3rem}.blog-post__title{font-size:1.8rem}.blog-post__meta{font-size:1.3rem}.blog-post__excerpt{font-size:1.5rem}.blog-posts__view-all .button{font-size:1.6rem;padding:1.4rem 4rem}}@media screen and (min-width:1024px){.blog-posts__grid{gap:4rem}.blog-post__title{font-size:2rem}}@media (prefers-reduced-motion:reduce){.blog-post__image,.blog-post__read-more,.blog-posts__view-all .button{transition:none}}@media print{.blog-post__image-wrapper{break-inside:avoid}.blog-post__read-more,.blog-posts__view-all{display:none}}