.hero{display:flex;position:relative}.hero--fixed{min-height:560px;max-height:100vh}.hero--full{min-height:100vh}.hero__media{position:absolute;top:0;left:0;height:100%;width:100%}.hero_cta_graphic{min-width:460px}.cta-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.cta-container{position:absolute;top:50%;transform:translateY(-50%);left:auto;right:0}@media (min-width: 768px){.hero__media img:nth-child(2){left:50%;width:50%}.page-width-desktop{max-width:var(--page-width);padding:0 4rem}.round_corners,.round_corners_desktop{border-radius:10px}}.hero__graphic{width:100%;text-align:center}.hero__heading{max-width:320px;padding-bottom:.5rem}.hero__paragraph{max-width:320px}.hero__content{flex:1;position:relative;overflow:hidden}.hero--adapt .hero__content{position:absolute;left:0;top:0;width:100%;height:100%}.hero__blocks{position:absolute;display:flex;flex-direction:column;z-index:1;width:100%}.hero__buttons{display:flex;flex-direction:row;flex-wrap:wrap}.hero__heading--light,.hero__paragraph--light{color:rgb(var(--color-white))}.hero__buttons--light .button{background:rgb(var(--color-white));color:rgb(var(--color-gray-900))}.hero__heading:not(:first-child){margin-top:2rem}.hero__paragraph+.hero__heading{margin-top:1rem}:not(.hero__heading)+.hero__paragraph{margin-top:1rem}.hero__buttons:not(:first-child){margin-top:.5rem}.hero__graphic .hero__liquid{flex-basis:100%}.hero__liquid:not(:first-child){margin-top:1rem}.hero--overlay-solid:before{content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:#0003;z-index:1}.hero video+video{display:none}@media (max-width: 767px){.hero__blocks--center{align-items:center;text-align:center}.hero__blocks--left{align-items:flex-start;text-align:left}.hero__blocks--right{align-items:flex-end;text-align:right}.hero__blocks--right .hero__buttons{justify-content:flex-end}.hero__blocks--left .hero__buttons{justify-content:flex-start}.hero__blocks--center .hero__buttons{justify-content:center}.hero__buttons{flex-direction:column;margin-left:-.5rem;margin-top:-.5rem;margin-bottom:20px}.hero__buttons>*{margin-top:.5rem}.hero__blocks .button.button--contained:only-child{margin-bottom:20px}.hero--overlay-gradient .hero__blocks--bottom:before{content:"";position:absolute;left:0;right:0;bottom:0;height:125%;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);z-index:-1}.hero__blocks--top{left:0;top:0}.hero__blocks--bottom{left:0;bottom:1rem}.hero__blocks--space-between{left:0;bottom:0;height:100%;padding-top:1rem;padding-bottom:1rem;justify-content:space-between}.hero__blocks--middle{left:0;top:50%;transform:translateY(-50%)}.round_corners{border-radius:5px}.round_corners_desktop{border-radius:unset}.mobile_buttons_light{background:rgb(var(--color-white));color:rgb(var(--color-gray-900))}.mobile_color_scheme--light{color:rgb(var(--color-white))}.mobile_color_scheme--dark{color:rgb(var(--color-gray-900))}.mobile_display_none{display:none}.hero__graphic.graphic-space_between{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;width:100%}.hero__graphic.graphic-space_between .button{width:fit-content}.hero__graphic.graphic-space_between .media{width:100%}}@media (min-width: 767px){.hero--fixed{min-height:640px}.hero__graphic{width:100%}.hero video:not(:last-child){display:none}.hero video+video{display:block}.hero__blocks--desktop-left,.hero__blocks--desktop-right{padding:3rem}.hero--overlay-gradient .hero__blocks--desktop-middle.hero__blocks--desktop-left:before{content:"";position:absolute;left:0;top:0;bottom:0;width:50%;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent);z-index:-1}.hero--overlay-gradient .hero__blocks--desktop-middle.hero__blocks--desktop-right:before{content:"";position:absolute;right:0;top:0;bottom:0;width:50%;background:linear-gradient(270deg,rgba(0,0,0,.3),transparent);z-index:-1}.hero--overlay-gradient .hero__blocks--desktop-middle.hero__blocks--desktop-center:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);z-index:-1}.hero__blocks .hero__blocks .button.button--contained:only-child{margin-bottom:10px}.hero__blocks--desktop-left{align-items:flex-start;text-align:left}.hero__blocks--desktop-center{align-items:center;text-align:center}.hero__blocks--desktop-right{align-items:flex-end;text-align:right}.hero__blocks--desktop-middle.hero__blocks--desktop-left,.hero__blocks--desktop-middle.hero__blocks--desktop-right{top:0;bottom:0;justify-content:center}.hero__blocks--desktop-middle.hero__blocks--desktop-center{top:50%;left:50%;transform:translate(-50%,-50%)}.hero__blocks--desktop-bottom{bottom:1rem}.hero__blocks--desktop-left .hero__buttons{justify-content:flex-start}.hero__blocks--desktop-right .hero__buttons{justify-content:flex-end}.hero__blocks--desktop-center .hero__buttons--desktop-horizontal{justify-content:center}.hero__blocks--desktop-center .hero__buttons--desktop-vertical{align-items:center}.hero__buttons--desktop-horizontal{flex-direction:row}.hero__buttons--desktop-horizontal>*+*{margin-left:.5rem}.hero__buttons--desktop-vertical{flex-direction:column}.hero__buttons--desktop-vertical>*+*{margin-top:.5rem}.hero--overlay-gradient .hero__blocks--desktop-bottom:before{content:"";display:block;position:absolute;background-image:linear-gradient(0deg,rgba(0,0,0,.6),transparent);z-index:-1;left:0;right:0;bottom:0;height:100%}.desktop_buttons_light{background:rgb(var(--color-white));color:rgb(var(--color-gray-900))}}.hero_graphic_buttons{display:flex;gap:.5rem;flex-wrap:wrap}.hero_graphic_buttons .button{width:fit-content}.hero_graphic_buttons--desktop-vertical{flex-direction:column}.hero_graphic_buttons--desktop-horizontal{flex-direction:row}@media (min-width:767px){.hero_graphic_buttons.hero_graphic_buttons--desktop-vertical.hero_graphic_buttons--desktop-left_aligned{align-items:flex-start}.hero_graphic_buttons.hero_graphic_buttons--desktop-vertical.hero_graphic_buttons--desktop-center{align-items:center}.hero_graphic_buttons.hero_graphic_buttons--desktop-vertical.hero_graphic_buttons--desktop-right_aligned{align-items:flex-end}.hero_graphic_buttons.hero_graphic_buttons--desktop-horizontal.hero_graphic_buttons--desktop-left_aligned{justify-content:flex-start}.hero_graphic_buttons.hero_graphic_buttons--desktop-horizontal.hero_graphic_buttons--desktop-center{justify-content:center}.hero_graphic_buttons.hero_graphic_buttons--desktop-horizontal.hero_graphic_buttons--desktop-right_aligned{justify-content:flex-end}}@media (max-width:768px){.hero_graphic_buttons--mobile-vertical{flex-direction:column;align-items:center}.hero_graphic_buttons--mobile-horizontal{flex-direction:row;justify-content:center}}.hero__fallback{display:none;position:absolute;left:0;width:50%;top:0;bottom:0;overflow:hidden}.hero__fallback:before{content:"";filter:blur(99px);width:100%;height:100%;display:block;background-size:cover;background-position:center}@media (min-width: 768px){.hero--fallback .hero__fallback{display:block}}@media (min-width: 1280px){.hero__full-width,.hero__blocks--desktop-left .hero__blocks--desktop-right{padding:3rem calc((100vw - 1280px + 6rem)/2)}}@media (max-width: 320px){.hero__blocks{margin-bottom:10px;padding:0}}@media (max-width: 375px){.hero__blocks--space-between{padding:2rem!important}.hero__blocks .button.button--contained:only-child{margin-bottom:30px}.hero__blocks{margin-bottom:0;padding:0}}@media (max-width: 320px){.hero__blocks .button.button--contained:only-child{margin-bottom:25px}}@media (max-width: 425px){.hero__blocks .button.button--contained:only-child{margin-bottom:0}}h1.p{font-size:14px;line-height:1.5}.hero video{border-radius:10px}.graphic_subheading_color_scheme--dark{color:rgb(var(--color-gray-900))}.graphic_subheading_color_scheme--light{color:rgb(var(--color-white))}.hero__graphic .media{display:none}@media (max-width: 767px){.hero__graphic .media.mobile{display:block}}@media (min-width: 768px){.hero__graphic .media.desktop{display:block}}.hero__blocks_wrapper{width:fit-content}.hero .text-align-left{text-align:left}.hero .text-align-center{text-align:center}.hero .text-align-right{text-align:right}@media (min-width: 768px){.hero .desktop-text-align-left{text-align:left}.hero .desktop-text-align-left .hero__heading,.hero__paragraph.desktop-text-align-left{margin-right:auto}.hero .desktop-text-align-center{text-align:center}.hero .desktop-text-align-center .hero__heading,.hero__paragraph.desktop-text-align-center{margin-left:auto;margin-right:auto}.hero .desktop-text-align-right{text-align:right}.hero .desktop-text-align-right .hero__heading,.hero__paragraph.desktop-text-align-right{margin-left:auto}}
/*# sourceMappingURL=/cdn/shop/t/772/assets/section-hero.css.map */