.section.blog-listing{padding:8rem 0}.section.blog-listing .blog-listing-container{display:grid;grid-template-columns:repeat(3,1fr)}.section.blog-listing .blog-listing-container .blog-listing-item{background-color:var(--blue);cursor:pointer;height:0;padding-bottom:100%;position:relative}.section.blog-listing .blog-listing-container .blog-listing-item figure{height:100%;position:absolute;width:100%;z-index:1}.section.blog-listing .blog-listing-container .blog-listing-item figure img{height:100%;object-fit:cover;transition:all .3s cubic-bezier(.86,0,.07,1);width:100%}.section.blog-listing .blog-listing-container .blog-listing-item .gradient{background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 50%);height:100%;position:absolute;transition:all .3s cubic-bezier(.86,0,.07,1);width:100%;z-index:1}.section.blog-listing .blog-listing-container .blog-listing-item .content{bottom:2rem;display:flex;flex-direction:column;gap:2rem;left:4rem;position:absolute;z-index:2}.section.blog-listing .blog-listing-container .blog-listing-item .content h4,.section.blog-listing .blog-listing-container .blog-listing-item .content p{color:var(--text-color-negative)}.section.blog-listing .blog-listing-container .blog-listing-item .content h4{font-weight:400;margin:0}.section.blog-listing .blog-listing-container .blog-listing-item .logo{position:absolute;right:3rem;top:3rem;z-index:0}.section.blog-listing .blog-listing-container .blog-listing-item .logo .slogantext{display:none}.section.blog-listing .blog-listing-container .blog-listing-item .logo svg{color:#fff;width:15rem}.section.blog-listing .blog-listing-container .blog-listing-item .tags{align-items:center;display:flex;gap:1rem;left:1rem;position:absolute;top:1rem;z-index:2}.section.blog-listing .blog-listing-container .blog-listing-item .tags .badge{line-height:normal}.section.blog-listing .blog-listing-container .blog-listing-item:hover .gradient{opacity:0}.section.blog-listing .blog-listing-container .blog-listing-item:hover img{width:0}.section.blog-listing .blog-listing-container .blog-listing-item:hover .button{background-color:var(--grey);color:var(--text-color)}.section.blog-listing .blog-listing-container .blog-listing-item:hover .button .icon{transform:translateX(1rem)}.section.blog-listing .blog-pagination{align-items:center;display:flex;justify-content:center;padding-top:4rem}.section.blog-listing .blog-pagination svg{color:var(--text-color);width:1.5rem}@media only screen and (max-width:1023px){.section.blog-listing .blog-listing-container{grid-template-columns:1fr 1fr}}@media only screen and (max-width:750px){.section.blog-listing .blog-listing-container{grid-template-columns:1fr}}