.hero-container{align-self:stretch;height:600px;position:relative;background:#fffbfe;overflow:hidden}.hero-video-wrapper{width:100%;height:600px;left:0;top:0;position:absolute;overflow:hidden;display:flex;align-items:center}.hero-video{position:absolute;object-fit:cover;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);width:100%}.desktop-video video{width:100%;height:auto;left:0;display:block}.mobile-video video{display:none}.hero-overlay{width:100%;height:600px;left:0;top:0;position:absolute;background:linear-gradient(180deg,#0000,#000000b3);pointer-events:none;z-index:1}.hero-content{width:100%;height:550px;padding-bottom:25px;left:0;top:25px;position:absolute;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;display:inline-flex;z-index:2}.hero-content .page-width{width:100%}.hero-text-wrapper{width:550px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;display:flex}.hero-text-content{align-self:stretch;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4px;display:flex}.hero-title{color:#fff;font-size:42px;font-family:Roboto Condensed,sans-serif;font-weight:400;line-height:50.4px;word-wrap:break-word}.hero-title h1{color:#fff;margin-bottom:4px}.mobile-title{display:none}.hero-subtitle{align-self:stretch;opacity:.8;color:#efecf0;font-size:28px;font-family:Roboto Condensed,sans-serif;font-weight:400;letter-spacing:.28px;word-wrap:break-word;line-height:normal;max-width:500px}.mobile-subtitle{display:none}.hero-actions{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px;display:flex}.button-group-banner{justify-content:flex-start;align-items:flex-start;gap:16px;display:inline-flex}.button-banner{padding:12px 30px;border-radius:3px;justify-content:center;align-items:flex-start;gap:10px;display:flex;cursor:pointer;transition:opacity .3s ease;color:#fff;font-size:20px;letter-spacing:.2px;text-transform:uppercase;text-decoration:none}.desktop-subtitle p{margin-bottom:0}.button-banner:hover{opacity:.9}.button-primary{background:#db008b}.button-secondary{background:#3d3d3d}.button-text{text-align:center;color:#fff;font-size:20px;font-family:Roboto Condensed,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.2px;word-wrap:break-word}.mobile-button-text{display:none}.reviews-section{justify-content:center;align-items:center;gap:10px;display:inline-flex}.reviews-text{text-align:center;color:#efecf0;font-size:14px;font-family:Roboto,sans-serif;font-weight:400;line-height:22px;word-wrap:break-word}@media (max-width: 1199px){.hero-container,.hero-video-wrapper{height:570px}.hero-content{height:540px}}@media (max-width: 1024px){.hero-container,.hero-overlay,.hero-video-wrapper{height:400px}.hero-content{height:400px;top:-15px}}@media (max-width: 749px){.hero-container{height:579px;width:100%;max-width:100%;margin:0 auto}.hero-video-wrapper{width:100%;height:200px;left:0;top:0;overflow:hidden}.desktop-video video{display:none}.mobile-video video{display:block;width:100%;height:auto;left:50%;top:50%;margin-top:0;object-fit:cover}.hero-overlay{width:100%;height:200px;left:0;background:#0000}.hero-content{width:calc(100% - 40px);max-width:400px;height:auto;padding-top:30px;padding-bottom:0;left:50%;transform:translate(-50%);top:200px;align-items:center;gap:27px}.hero-text-wrapper{width:100%;align-items:center;gap:27px}.hero-text-content{align-items:center;gap:5px}.desktop-title{display:none}.mobile-title{display:block}.hero-title{text-align:center;color:#db008b;font-size:40px;font-weight:300;line-height:48px}.hero-title h2{color:#db008b;font-size:40px;font-weight:300;line-height:48px;margin-bottom:5px}.desktop-subtitle{display:none}.mobile-subtitle{display:block}.hero-subtitle{text-align:center;color:#333;font-size:27px;font-weight:300;letter-spacing:.27px;opacity:1}.hero-actions{align-self:stretch;gap:16px}.button-group-banner{width:100%;flex-direction:column;gap:16px}.button-banner{align-self:stretch;padding:10px 20px}.desktop-button-text{display:none}.mobile-button-text{display:block}.button-text{font-size:24px;letter-spacing:.24px;width:100%}.reviews-text{color:#333;font-weight:300}.mobile-subtitle p{margin-bottom:0}.reviews-section{width:100%}}@media (prefers-reduced-motion: reduce){.hero-video{animation:none}.button-banner{transition:none}}@media (prefers-reduced-data: reduce){.desktop-video video,.mobile-video video{display:none}.hero-container{background:#333}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hero-banner.css.map */
