.hero-wrapper{margin-top:-.02rem}.hero-banner{position:relative;height:calc(100svh - var(--promo-bar-height, 60px));padding:0 2rem 2rem;background-color:var(--color-light)}@media screen and (max-width: 749px){.hero-banner{height:calc(100svh - var(--promo-bar-height, 42px));padding:0 .8rem .8rem}}.hero-banner.section-rounded{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.hero-banner__inner{position:relative;height:100%}.hero-banner__background,.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.8rem;pointer-events:none;overflow:hidden}.hero-banner__overlay:empty{display:block;z-index:2}.hero-banner__content{position:absolute;z-index:3;top:0;left:0;right:0;width:100%;height:100%;display:flex;padding:10rem 6rem 6rem;color:var(--color-light)}@media screen and (max-width: 989px){.hero-banner__content{left:0;right:0;padding-bottom:3.9rem}}@media screen and (max-width: 749px){.hero-banner__content{padding:10rem 2rem 0}}@media screen and (min-width: 750px){.hero-banner__content--text-desktop-left{text-align:left}.hero-banner__content--text-desktop-center{text-align:center}.hero-banner__content--text-desktop-right{text-align:right}}@media screen and (max-width: 749px){.hero-banner__content--text-mobile-left{text-align:left}.hero-banner__content--text-mobile-center{text-align:center}.hero-banner__content--text-mobile-right{text-align:right}}.hero-banner__content-inner{max-width:30%;width:100%;padding:0 2rem 3.7rem}@media screen and (max-width: 989px){.hero-banner__content-inner{max-width:40%}}@media screen and (max-width: 749px){.hero-banner__content-inner{max-width:100%}}.hero-banner__media{position:relative;z-index:0;padding:0;height:100%}.hero-banner__media>*{object-fit:cover}.hero-banner__media iframe{position:absolute;z-index:5;top:50%;left:50%;width:auto;height:auto;min-width:100%;min-height:100%;max-width:none;max-height:none;aspect-ratio:16 / 9;transform:translate(-50%,-50%)}.hero-banner__product{position:absolute;z-index:3;left:auto;bottom:2rem;right:2rem;width:100%;max-width:33.5rem;opacity:0;transition:opacity var(--duration-default) var(--duration-long)}@media screen and (max-width: 749px){.hero-banner__product{left:.8rem;bottom:.8rem;right:.8rem;width:auto;max-width:100%}}.hero-banner__title{margin-bottom:3.2rem}@media screen and (max-width: 749px){.hero-banner__title{margin-bottom:3.5rem}}.hero-banner__title,.hero-banner__actions{opacity:0;transform:translateY(100%);transition:all var(--duration-long) ease-out}.hero-banner__actions{transition-delay:.1s}.hero-banner__addition-text{opacity:.5}.hero-banner__addition-text,.hero-banner__addition-text h1{font-weight:400;font-size:1.2rem;line-height:1.1;letter-spacing:.09em}@media screen and (min-width: 750px){.hero-banner--position-desktop-top-left .hero-banner__content{align-items:flex-start;justify-content:flex-start}.hero-banner--position-desktop-top-center .hero-banner__content{align-items:flex-start;justify-content:center}.hero-banner--position-desktop-top-right .hero-banner__content{align-items:flex-start;justify-content:flex-end}.hero-banner--position-desktop-middle-left .hero-banner__content{align-items:center;justify-content:flex-start}.hero-banner--position-desktop-middle-center .hero-banner__content{align-items:center;justify-content:center}.hero-banner--position-desktop-middle-right .hero-banner__content{align-items:center;justify-content:flex-end}.hero-banner--position-desktop-bottom-left .hero-banner__content{align-items:flex-end;justify-content:flex-start}.hero-banner--position-desktop-bottom-center .hero-banner__content{align-items:flex-end;justify-content:center}.hero-banner--position-desktop-bottom-right .hero-banner__content{align-items:flex-end;justify-content:flex-end}.hero-banner--position-desktop-middle-center .hero-banner__product{right:50%;transform:translate(50%)}.hero-banner--position-desktop-middle-right .hero-banner__product,.hero-banner--position-desktop-bottom-right .hero-banner__product{right:auto;left:2rem}}@media screen and (max-width: 749px){.hero-banner--position-mobile-top .hero-banner__content{align-items:flex-start}.hero-banner--position-mobile-middle .hero-banner__content{align-items:center}.hero-banner--position-mobile-bottom .hero-banner__content{align-items:flex-end}}.is-loaded .hero-banner__title,.is-loaded .hero-banner__actions{opacity:1;transform:none}.is-loaded .hero-banner__product{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/710/assets/section-hero-banner.css.map */