.banners-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,minmax(1px,1fr));grid-template-rows:1fr 1fr}.banners-grid a{aspect-ratio:1;overflow:hidden;position:relative}@media (min-width:1280px){.banners-grid a:hover .text-wrapper:before{opacity:0;transition-delay:.2s}.banners-grid a:hover .text-wrapper:after{opacity:.8;transition-delay:.2s}.banners-grid a:hover .text-wrapper div{top:50%;transform:translateY(-50%);transition-delay:.2s}.banners-grid a:hover .text-wrapper div i,.banners-grid a:hover .text-wrapper div p{opacity:1;transition-delay:.2s}}.banners-grid a:nth-child(3){grid-column:span 2;grid-row:span 2}.banners-grid a:nth-child(5){aspect-ratio:564/272;grid-column:span 2;grid-row:2/3}.banners-grid img{display:block;height:100%;object-fit:cover;width:100%}.banners-grid .text-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.banners-grid .text-wrapper div{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:10px;position:absolute;text-align:center;top:100%;transform:translateY(-63px);transition:all .2s ease-in-out;width:100%;z-index:4}.banners-grid .text-wrapper:before{background:linear-gradient(180deg,rgba(0,56,33,0),#003821)}.banners-grid .text-wrapper:after,.banners-grid .text-wrapper:before{content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;transform-origin:center bottom;transition:all .2s ease-in-out;width:100%;z-index:1}.banners-grid .text-wrapper:after{background:linear-gradient(180deg,rgba(0,56,33,0),#003821 41.15%);opacity:0}.banners-grid .text-wrapper b,.banners-grid .text-wrapper p{color:#fff;position:relative}.banners-grid .text-wrapper b{font-size:24px;font-weight:400;line-height:1.2;text-transform:uppercase}.banners-grid .text-wrapper b+p{margin-top:6px}.banners-grid .text-wrapper p{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box!important;height:calc((var(--fontSize)*var(--lineHeight))*4);opacity:0;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease-in-out}.blog-banner .headline{float:left}.blog-banner .wrapper{grid-gap:32px;clear:both;display:grid;gap:32px;grid-template-columns:repeat(3,minmax(1px,1fr))}.blog-banner .wrapper a{display:flex;flex-direction:column;padding-bottom:61px;position:relative}.blog-banner figure{aspect-ratio:460/220;margin-bottom:24px;width:100%}.blog-banner img{display:block;height:100%;object-fit:cover;width:100%}.blog-banner b{color:#292929;font-size:20px;font-weight:600;line-height:1.2}.blog-banner b+p{margin-top:8px}.blog-banner p{color:#666}.blog-banner i{background-color:#00975a;border-radius:4px;bottom:0;color:#fff;font-size:14px;font-style:normal;left:0;padding:8px 16px;position:absolute;text-transform:uppercase;width:fit-content}@media (min-width:1280px){.blog-banner b:hover{color:#00975a}.blog-banner i:hover{background-color:#bcac95}}