.blog-banner-section{position:relative;width:100%}.blog-banner-section.full-width .banner-container{max-width:none;width:100%}.blog-banner-section .banner-link{display:block;text-decoration:none;color:inherit}.blog-banner-section .banner-link:hover .banner-container .banner-background img{transform:scale(1.05)}.blog-banner-section .banner-container{position:relative;width:100%;height:var(--mobile-height);display:flex;align-items:flex-end;overflow:hidden;border-radius:10px}@media screen and (min-width: 750px){.blog-banner-section .banner-container{height:var(--desktop-height)}}.blog-banner-section .banner-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.blog-banner-section .banner-background img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease-in-out}.blog-banner-section .banner-background.desktop-bg{display:none}@media screen and (min-width: 750px){.blog-banner-section .banner-background.desktop-bg{display:block}}.blog-banner-section .banner-background.mobile-bg{display:block}@media screen and (min-width: 750px){.blog-banner-section .banner-background.mobile-bg{display:none}}.blog-banner-section .banner-background.mobile-bg:only-child{display:block}.blog-banner-section .banner-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:linear-gradient(180deg,#02002000,rgba(2,0,32,var(--gradient-opacity)) 67.79%,#020020cc);pointer-events:none}.blog-banner-section .banner-content{position:relative;z-index:3;width:100%;padding:20px}@media screen and (min-width: 750px){.blog-banner-section .banner-content{padding:40px}}.blog-banner-section .banner-text{max-width:800px;display:flex;flex-direction:column;gap:12px}.blog-banner-section .banner-subheading{font-family:Inter,sans-serif;font-weight:400;font-size:var(--mobile-subheading-size);line-height:1.6;color:#fffc;margin:0}@media screen and (min-width: 750px){.blog-banner-section .banner-subheading{font-size:var(--desktop-subheading-size)}}.blog-banner-section .banner-heading{font-family:Epilogue,sans-serif;font-weight:600;font-size:var(--mobile-heading-size);line-height:1.2;color:#fff;margin:0;text-align:left}@media screen and (min-width: 750px){.blog-banner-section .banner-heading{font-size:var(--desktop-heading-size)}}.blog-banner-section:hover .banner-background img{transform:scale(1.02)}.blog-banner-section .banner-link:focus{outline:2px solid #ffffff;outline-offset:2px}.blog-banner-section .banner-background img[data-loading]{opacity:0;transition:opacity .3s ease-in-out}.blog-banner-section .banner-background img[data-loaded]{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/45/assets/blog-banner-section.css.map */