[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{position:relative}.xo-hero-banner .xo-section{z-index:10}.xo-hero-banner__content{position:relative;display:flex;justify-content:center}.xo-hero-banner__content-inner{width:100%;position:absolute;z-index:100;top:35%;left:50%;transform:translate(-50%,-20%);display:flex;flex-direction:column;align-items:center;padding-top:1rem}@media(max-width:991px){.xo-hero-banner__content-inner{padding-top:3rem}}.xo-hero-banner__background{filter:brightness(80%);width:100%;height:100%}@media(max-width:991px){.xo-hero-banner__background{height:50vh}}.xo-hero-banner__background .xo-image__placeholder,.xo-hero-banner__background svg{width:100%;height:100%}.xo-hero-banner__background .xo-image{height:100%}.xo-hero-banner__background .xo-image__placeholder{display:flex}.xo-hero-banner__heading{text-align:center;word-wrap:break-word;color:rgba(var(--color-layer));font-family:var(--font-heading-family);font-size:clamp(7.8rem,calc(21.3333333333vw - .7333333333rem),39.8rem);line-height:calc(1 + .15 / var(--font-heading-scale));letter-spacing:calc(var(--font-heading-scale) * -1.995rem)}@media(max-width:991px){.xo-hero-banner__heading{letter-spacing:calc(var(--font-heading-scale) * -.39rem)}}.xo-hero-banner__video{width:70%;position:absolute;top:62%;z-index:100;display:flex;justify-content:center}@media(max-width:991px){.xo-hero-banner__video{width:85%}}.xo-hero-banner__video .xo-image__placeholder{display:flex;max-height:clamp(18.3rem,calc(44.375vw + .55rem),53.8rem)}.xo-hero-banner__video svg{height:100%}.xo-hero-banner__bg-svg{display:flex;position:absolute;bottom:0;z-index:10;width:100%}.xo-hero-banner__bg-svg svg{position:relative;top:0;transform:translateY(5px);fill:var(--color)}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-hero-banner.css.map */