.hero-banner-os{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;height:var(--hbos-height-desktop)}.hero-banner-os__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner-os__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner-os__img--placeholder svg{width:100%;height:100%}.hero-banner-os__img--mobile{display:none}.hero-banner-os__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--hbos-overlay-color),var(--hbos-overlay-opacity));pointer-events:none}.hero-banner-os__content{position:relative;z-index:1;width:100%;max-width:var(--hbos-content-max-width);margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-banner-os__badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--hbos-badge-bg);border:var(--hbos-badge-border-width) solid var(--hbos-badge-border-color);border-radius:var(--hbos-badge-radius);padding:var(--hbos-badge-padding-y) var(--hbos-badge-padding-x);margin-bottom:24px}.hero-banner-os__badge-dot{width:8px;height:8px;min-width:8px;border-radius:50%;background-color:var(--hbos-badge-dot-color)}.hero-banner-os__badge-text{color:var(--hbos-badge-text-color);font-size:var(--hbos-badge-font-size-desktop);font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;white-space:nowrap}.hero-banner-os__heading{color:var(--hbos-heading-color);font-size:var(--hbos-heading-size-desktop);font-weight:var(--hbos-heading-weight);line-height:1.1;margin:0 0 20px}.hero-banner-os__description{color:var(--hbos-description-color);font-size:var(--hbos-description-size-desktop);font-weight:500;line-height:1.5;margin:0}.hero-banner-os__description p{margin:0}.hero-banner-os__divider{width:var(--hbos-divider-width-desktop);height:var(--hbos-divider-thickness);background-color:var(--hbos-divider-color);margin-top:var(--hbos-divider-margin-top);border-radius:var(--hbos-divider-thickness)}@media screen and (max-width:749px){.hero-banner-os{height:var(--hbos-height-mobile)}.hero-banner-os__img--desktop{display:none}.hero-banner-os__img--mobile{display:block}.hero-banner-os__content{padding:20px 16px}.hero-banner-os__badge{margin-bottom:16px}.hero-banner-os__badge-text{font-size:var(--hbos-badge-font-size-mobile)}.hero-banner-os__heading{font-size:var(--hbos-heading-size-mobile);margin-bottom:14px}.hero-banner-os__description{font-size:var(--hbos-description-size-mobile)}.hero-banner-os__divider{width:var(--hbos-divider-width-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-banner-our-story.css.map */