.hero-banner{position:relative;width:100%;overflow:hidden}.hero-banner__image{width:100%;height:auto;display:block;object-fit:cover;object-position:center}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;pointer-events:none}.hero-banner__content{position:absolute;bottom:0;left:0;right:0;padding:48px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%)}.hero-banner__heading{color:#fff;font-size:40px;font-weight:700;margin:0;line-height:1.2}.hero-banner__subheading{color:#ffffffe6;font-size:18px;font-weight:400;margin:0}.hero-banner__button{display:inline-block;margin-top:8px;padding:12px 28px;background:#fff;color:#111827;font-size:14px;font-weight:600;text-decoration:none;border-radius:6px;transition:background .2s ease,transform .2s ease}.hero-banner__button:hover{background:#f3f4f6;transform:translateY(-1px)}@media screen and (max-width:989px){.hero-banner__content{padding:32px 24px}.hero-banner__heading{font-size:28px}.hero-banner__subheading{font-size:15px}}@media screen and (max-width:749px){.hero-banner__content{padding:24px 16px}.hero-banner__heading{font-size:22px}.hero-banner__subheading{font-size:14px}.hero-banner__button{padding:10px 22px;font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-hero-banner.css.map */