.hero-banner{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-banner__image-wrapper{position:relative;width:100%;height:100%}.hero-banner__image,.hero-banner__fallback-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.hero-banner__placeholder svg{width:100%;height:100%;max-width:192rem;max-height:80rem}.hero-banner__video-wrapper{position:relative;width:100%;height:100%}.hero-banner__video{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner__video--direct,.hero-banner__video--uploaded{object-fit:cover;object-position:center}.hero-banner__video--youtube iframe,.hero-banner__video--vimeo iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;pointer-events:none}.hero-banner__image-fallback{position:relative;width:100%;height:100%}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:2}.hero-banner__container{position:relative;z-index:3;width:100%;max-width:120rem;margin:0 auto;padding:0 1rem}.hero-banner__content{max-width:50rem;margin:0}.hero-banner[data-content-position=left] .hero-banner__content{margin:0 auto 0 0}.hero-banner[data-content-position=center] .hero-banner__content{margin:0 auto;text-align:center}.hero-banner[data-content-position=right] .hero-banner__content{margin:0 0 0 auto;text-align:right}.hero-banner[data-content-position=bottom-left] .hero-banner__container,.hero-banner[data-content-position=bottom-center] .hero-banner__container{align-self:flex-end;padding-bottom:3rem}.hero-banner[data-content-position=bottom-center] .hero-banner__content{margin:0 auto;text-align:center}.hero-banner[data-content-position=bottom-right] .hero-banner__container{align-self:flex-end;padding-bottom:3rem}.hero-banner[data-content-position=bottom-right] .hero-banner__content{margin:0 0 0 auto;text-align:right}.hero-banner__title{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:3.2rem;line-height:2.2rem;color:#fff;margin:0 0 2.4rem}.hero-banner__blocks{display:flex;flex-direction:column;gap:3.2rem}.hero-banner__paragraph{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:300;font-size:1.8rem;line-height:2.2;color:#fff;margin:0}.hero-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.hero-banner__paragraph p{margin:0 0 1.6rem;background-color:#00000080}.hero-banner__paragraph p:last-child{margin-bottom:0}.hero-banner__button-wrapper{display:flex;gap:1.6rem}.hero-banner[data-content-position=center] .hero-banner__button-wrapper,.hero-banner[data-content-position=bottom-center] .hero-banner__button-wrapper{justify-content:center}.hero-banner[data-content-position=right] .hero-banner__button-wrapper,.hero-banner[data-content-position=bottom-right] .hero-banner__button-wrapper{justify-content:flex-end}.hero-banner:after{background-color:#0009}.hero-banner__button{display:inline-flex;align-items:center;gap:.8rem;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;font-size:1.6rem;line-height:1.4;text-decoration:none;border-radius:.6rem;transition:all .3s ease;cursor:pointer;border:2px solid transparent;white-space:nowrap;padding:1.2rem 2.4rem;min-height:3rem}.hero-banner__button--primary{background-color:#e50012;color:#fff;border-color:#e50012}.hero-banner__button--primary:hover{background-color:#c40010;border-color:#c40010;transform:translateY(-2px)}.hero-banner__button--secondary{background-color:transparent;color:#fff;border-color:#fff}.hero-banner__button--secondary:hover{background-color:#fff;color:#2f2f2f}.hero-banner__button--text{background-color:transparent;color:#fff;border-color:transparent;text-decoration:underline}.hero-banner__button--text:hover{color:#e50012;text-decoration:none}.hero-banner__button-arrow{transition:transform .3s ease}.hero-banner__button:hover .hero-banner__button-arrow{transform:translate(2px)}@media (min-width: 30rem){.hero-banner__container{padding:0 2.4rem}.hero-banner__title{font-size:3.6rem}.hero-banner__paragraph{font-size:1.9rem}.hero-banner__button{font-size:1.7rem;padding:1.4rem 2.8rem}}@media (min-width: 36rem){.hero-banner__container{padding:0 2rem}.hero-banner__title{font-size:2.5rem;margin-bottom:2rem}.hero-banner__paragraph{font-size:1.25rem;line-height:1.6}.hero-banner__blocks{gap:2.5rem}.hero-banner__button{font-size:1.125rem;padding:1rem 2rem}}@media (min-width: 48rem){.hero-banner__container{padding:0 2.5rem}.hero-banner__title{font-size:2.75rem}.hero-banner__paragraph{font-size:1.3125rem}}@media (min-width: 64rem){.hero-banner__container{padding:0 3rem}.hero-banner__title{font-size:3rem;margin-bottom:2.5rem}.hero-banner__paragraph{font-size:1.375rem;line-height:2.125}.hero-banner__blocks{gap:3rem}}@media (min-width: 80rem){.hero-banner__container{padding:0 4rem}.hero-banner__content{max-width:60rem}}@media (min-width: 87.5rem){.hero-banner__container{padding:0 5rem}}@media (min-width: 120rem){.hero-banner__container{padding:0 26rem}.hero-banner__content{max-width:140.1rem}.hero-banner__title{font-size:3.2rem;line-height:2.2rem;margin-bottom:6.1rem}.hero-banner__paragraph{font-size:2.2rem;line-height:3.4rem;min-height:16.9rem}}@media (max-width: 47.9375rem){.hero-banner__video--youtube iframe,.hero-banner__video--vimeo iframe{width:120vw;height:67.5vw;min-height:120vh;min-width:213.33vh}}@media (prefers-contrast: high){.hero-banner__overlay{background-color:#000000e6}.hero-banner__button--secondary{border-width:3px}}@media (prefers-reduced-motion: reduce){.hero-banner__button,.hero-banner__button-arrow{transition:none}.hero-banner__button:hover,.hero-banner__button:hover .hero-banner__button-arrow{transform:none}.hero-banner__video--direct,.hero-banner__video--uploaded{animation-play-state:paused}}@media print{.hero-banner__video-wrapper,.hero-banner__video,.hero-banner__overlay{display:none}.hero-banner{min-height:auto;padding:2rem 0}.hero-banner__title,.hero-banner__paragraph{color:#000!important}.hero-banner__button{border:1px solid #000;color:#000;background:transparent}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hero-banner.css.map */