[xo-pfs]{--pfs-min: 10;--pfs-max: 60;--min-viewport: 40;--max-viewport: 120;--m: (var(--pfs-max) - var(--pfs-min)) / (var(--max-viewport) - var(--min-viewport));--size: clamp( calc(var(--pfs-min) * 1rem), calc( var(--m) * 100vw + var(--pfs-min) * 1rem - var(--m) * var(--min-viewport) * 1rem ), calc(var(--pfs-max) * 1rem) )}.xo-hero-banner-3{margin-top:calc(-1 * var(--header-height, 89px))}@media(min-width:768px){.xo-hero-banner-3{margin-top:calc(-1 * var(--header-height, 46px))}}.xo-hero-banner-3__inner{position:relative;display:block;width:100%;aspect-ratio:375/500;overflow:hidden}@media(min-width:768px){.xo-hero-banner-3__inner{aspect-ratio:1440/540}}.xo-hero-banner-3__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.xo-hero-banner-3__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.xo-hero-banner-3__video .xo-video__inner{width:100%;height:100%;object-fit:cover}.xo-hero-banner-3__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:24px var(--xo-container-gap);color:var(--text-color, #fff)}.xo-hero-banner-3__text{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;max-width:430px;text-align:center;word-break:break-word}.xo-hero-banner-3__heading{font-family:var(--font-heading-family);font-weight:900;font-size:36px;line-height:.9;letter-spacing:-.72px}@media(min-width:768px){.xo-hero-banner-3__heading{font-size:50px;letter-spacing:-1px}}.xo-hero-banner-3__subheading{font-family:var(--font-body-family);font-weight:400;font-size:18px;line-height:22px;letter-spacing:-.36px}@media(min-width:768px){.xo-hero-banner-3__subheading{font-size:20px;line-height:24px;letter-spacing:-.4px}}.xo-hero-banner-3__buttons{display:flex;align-items:flex-start;justify-content:center;gap:8px;width:100%;max-width:330px}.xo-btn--hero-banner-3{flex:1 1 0;min-width:0;min-height:48px;padding:6px 8px;font-family:var(--font-body-family);font-weight:400;font-size:18px;line-height:22px;letter-spacing:-.36px}@media(min-width:768px){.xo-btn--hero-banner-3{flex:0 0 160px;width:160px}}.xo-btn--hero-banner-3-outline{border:1px solid #fff;background-color:transparent;color:#fff}.xo-btn--hero-banner-3-outline:after{background-color:#000}
/*# sourceMappingURL=/cdn/shop/t/394/assets/section-hero-banner-3.css.map */