.blog-listing{position:relative}.blog-listing__list{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));position:relative;width:100%}.blog-listing__post{background:#000;border-radius:24px;contain:paint;display:flex;flex-direction:column;gap:8px;height:360px;justify-content:flex-end;padding:24px;position:relative}.blog-listing__post:hover .blog-listing__post-background img{scale:1.05}.blog-listing__post:before{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMDIiIGhlaWdodD0iMTMwIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMzAyIDEzMCI+PGcgZmlsdGVyPSJ1cmwoI2EpIiBvcGFjaXR5PSIuMyI+PGNpcmNsZSBjeD0iMTUxLjUiIGN5PSItNjYuNSIgcj0iODQuNSIgZmlsbD0iI2ZmZiIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJhIiB3aWR0aD0iMzkxLjYiIGhlaWdodD0iMzkxLjYiIHg9Ii00NC4zIiB5PSItMjYyLjMiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUdhdXNzaWFuQmx1ciByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfMTI1Nl8zNzMzIiBzdGREZXZpYXRpb249IjU1LjY1Ii8+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==") no-repeat top;background-size:150% 169px;content:"";inset:0;position:absolute}.blog-listing__post:after{background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTciIGhlaWdodD0iMjMzIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjE3IDIzMyI+PGcgZmlsdGVyPSJ1cmwoI2EpIj48Y2lyY2xlIGN4PSIxOTYuNSIgY3k9IjE5Ni41IiByPSI4NC41IiBmaWxsPSIjRjhBRjNCIi8+PC9nPjxkZWZzPjxmaWx0ZXIgaWQ9ImEiIHdpZHRoPSIzOTEuNiIgaGVpZ2h0PSIzOTEuNiIgeD0iLjciIHk9Ii43IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz48ZmVHYXVzc2lhbkJsdXIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzEyNTZfMzczNSIgc3RkRGV2aWF0aW9uPSI1NS42NSIvPjwvZmlsdGVyPjwvZGVmcz48L3N2Zz4=") no-repeat 100% 100%;background-size:69% 169px;content:"";inset:0;opacity:.3;position:absolute}.blog-listing__post-background{height:100%;inset:0;margin:0;position:absolute;width:100%;z-index:-1}.blog-listing__post-background:before{background:rgba(0,0,0,.3);bottom:0;content:"";height:100%;left:0;position:absolute;width:100%;z-index:2}.blog-listing__post-background img{display:block;height:100%;object-fit:cover;transition:opacity 1s ease-in-out,scale .3s ease-in-out;width:100%;z-index:1}.blog-listing__post-title{font-size:18px;font-weight:700;line-height:120%;margin-bottom:0}.blog-listing__post-date{font-size:12px;font-weight:400;line-height:124%;opacity:.8}.blog-listing__post-date,.blog-listing__post-title{padding-right:49px}.blog-listing__post-button{bottom:24px;height:36px;position:absolute;right:24px;width:36px}.blog-listing__post-button .button__icon{position:absolute}.blog-listing__post-link{height:100%;inset:0;position:absolute;width:100%;z-index:5}.blog-listing__post-overlay:after{backdrop-filter:blur(15px);bottom:0;content:"";height:151px;left:0;mask-image:linear-gradient(180deg,transparent,#000 62.5%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 62.5%);pointer-events:none;position:absolute;width:100%;z-index:-1}