.hero-homepage{display:flex;width:100%;height:765px;overflow:hidden}.hero-homepage__left{position:relative;width:50%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 var(--spacing-7);padding-left:max(var(--spacing-7),calc((100vw - 1440px) / 2 + var(--spacing-7)));flex-shrink:0}.hero-homepage__bg-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-homepage__image-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-homepage__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0c2045cc;z-index:1}.hero-homepage__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--spacing-4);max-width:480px}.hero-homepage__heading,.hero-homepage__heading p{color:var(--color-white);font-size:40px;line-height:1.1;font-weight:400;margin:0}.hero-homepage__description{color:var(--color-white);font-size:18px;line-height:1.2;font-weight:400;margin:0}.hero-homepage__ctas{display:flex;flex-wrap:wrap;align-items:flex-start;gap:15px}.hero-homepage__ctas .component-button{flex-shrink:0}.hero-homepage__right{position:relative;flex:1;height:100%;overflow:hidden}.hero-homepage__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-homepage__video,.hero-homepage__right-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-homepage__right-placeholder{width:100%;height:100%;background-color:#d8d8d8}.hero-homepage__controls{position:absolute;bottom:calc(var(--spacing-7) * 2);right:var(--spacing-7);z-index:3;display:flex;gap:var(--spacing-2)}.hero-homepage__control-btn{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:pointer;transition:opacity .2s ease}.hero-homepage__control-btn:hover{opacity:.8}.hero-homepage__control-btn--pause{width:54px;height:54px}.hero-homepage__control-btn--mute{width:54px;height:54px;border-radius:50%;background-color:#0000001a}@media screen and (min-width:750px)and (max-width:1440px){.hero-homepage{height:53.125vw}.hero-homepage__left{width:calc(732 / 1440 * 100vw);padding:0 calc(40 / 1440 * 100vw)}.hero-homepage__content{max-width:calc(480 / 1440 * 100vw);gap:calc(16 / 1440 * 100vw)}.hero-homepage__heading,.hero-homepage__heading p{font-size:calc(40 / 1440 * 100vw)}.hero-homepage__description{font-size:1.25vw}.hero-homepage__ctas{gap:calc(15 / 1440 * 100vw);width:max-content;max-width:none}.hero-homepage__controls{bottom:calc(80 / 1440 * 100vw);right:calc(40 / 1440 * 100vw);gap:calc(8 / 1440 * 100vw)}.hero-homepage__control-btn--pause{width:3.75vw;height:3.75vw}.hero-homepage__control-btn--pause svg{width:3.75vw;height:3.75vw}.hero-homepage__control-btn--mute{width:3.75vw;height:3.75vw}.hero-homepage__control-btn--mute svg{width:calc(20 / 1440 * 100vw);height:calc(20 / 1440 * 100vw)}}@media screen and (max-width:768px){.hero-homepage{flex-direction:column;position:relative;height:auto;padding:calc(var(--spacing-4) + 4px);gap:var(--spacing-8);padding-top:94px}.hero-homepage__left{position:static;width:100%;height:auto;padding:0;flex-shrink:unset}.hero-homepage__content{max-width:100%;margin-bottom:20px}.hero-homepage__heading,.hero-homepage__heading p{font-size:28px;line-height:1.15}.hero-homepage__description{font-size:16px;line-height:1.2}.hero-homepage__ctas{gap:15px}.hero-homepage__right{position:relative;z-index:2;flex:none;width:100%;aspect-ratio:1;height:auto;border-radius:15px;overflow:hidden}.hero-homepage__media,.hero-homepage__video,.hero-homepage__right-image,.hero-homepage__right-placeholder{border-radius:15px}.hero-homepage__controls{bottom:var(--spacing-3);right:var(--spacing-3)}.hero-homepage__control-btn--pause{width:40px;height:40px}.hero-homepage__control-btn--pause svg{width:40px;height:40px}.hero-homepage__control-btn--mute{width:40px;height:40px}.hero-homepage__control-btn--mute svg{width:20px;height:20px}.hero-homepage--extra-padding .hero-homepage__right{margin-bottom:calc(var(--spacing-7) * 2)}}@media screen and (max-width:360px){.hero-homepage__ctas{flex-direction:column;align-items:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/hero-homepage.css.map */