.hero-banner{position:relative}.hero-banner__media{position:relative;width:100%}.hero-banner__image{width:100%;height:auto;object-fit:cover}.hero-banner__content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;z-index:2}.hero-banner__box{padding:2rem;width:100%}@media (max-width: 750px){.hero-banner__box{padding:1rem}.hero-banner__heading{font-size:calc(var(--font-heading-scale) * 2rem)}}.hero-banner__desktop,.hero-banner__mobile{display:flex;justify-content:center;width:100%}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-hero-banner.css.map */