.blog-listing{padding:0 16px;width:100%}.blog-listing-container{margin:0 auto;max-width:1500px}.blog-listing-content{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.blog-listing-item{border:1px solid #474747;box-sizing:border-box;display:flex;flex-direction:column;height:100%}.blog-listing-item:nth-child(3n){border-right:none}.blog-item-feature-image{overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.blog-item-feature-image img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.blog-item-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:32px}h3{font-size:1.2rem;margin-bottom:4px}.post-intro{flex-grow:1;margin-top:8px}.small{color:#777;font-size:.875rem}.blog-listing-container a{color:inherit;display:block;outline:none;text-decoration:none}.blog-listing-container a:active .blog-listing-item,.blog-listing-container a:focus .blog-listing-item,.blog-listing-container a:hover .blog-listing-item{background-color:#1a1a1a;cursor:pointer}.blog-listing-container a:focus-visible{outline:2px solid #09f;outline-offset:2px}.blog-listing h1{color:#fff}@media (max-width:960px){.blog-listing-content{grid-template-columns:repeat(2,1fr)}.blog-listing-content>a:first-child{grid-column:span 2}}@media (max-width:640px){.blog-listing-content{grid-template-columns:1fr}.blog-listing-content>a:first-child{grid-column:auto}}