.mb-hero{position:relative;isolation:isolate}.mb-hero:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:calc(var(--border-radius) + 1px);background:linear-gradient(135deg,#ffffff73,#ffffff14 35%,#ffffff38);z-index:-1;pointer-events:none}.mb-hero__viewport{overflow:hidden;border-radius:var(--border-radius);aspect-ratio:1240 / 588;touch-action:pan-y;position:relative;background:#050505;box-shadow:0 24px 70px #0000003d,0 10px 28px #00000024,inset 0 1px #ffffff2e}.mb-hero__viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,#ffffff0a,#0000 40%),radial-gradient(circle at 50% 50%,#0000 54%,#00000029),linear-gradient(180deg,#00000005,#0000001f)}.mb-hero__track{display:flex;width:100%;height:100%;transform:translateZ(0);transition:transform var(--mb-hero-transition-ms) cubic-bezier(.22,1,.36,1);will-change:transform;position:relative;z-index:0;user-select:none;-webkit-user-select:none}@media(prefers-reduced-motion:reduce){.mb-hero__track{transition:none}}.mb-hero__slide{flex:0 0 100%;height:100%;position:relative}.mb-hero__media{position:relative;width:100%;height:100%;overflow:hidden}.mb-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000,#00000014),linear-gradient(90deg,#0000000a,#0000 42%,#0000000a)}.mb-hero__video,.mb-hero__image{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform:scale(1.015);filter:saturate(1.08) contrast(1.03) brightness(1)}.mb-hero__video{object-position:center center}.mb-hero__controls{position:absolute;bottom:20px;width:100%;left:51%;transform:translate(-50%);display:flex;opacity:.9;z-index:4}.mb-hero__controls-carousel{display:flex;align-items:center;gap:10px;background-color:#fff;border-radius:99px;padding:8px}.mb-hero__controls button{background-color:#fff;color:#0009;height:34px;width:34px;border-radius:99px;cursor:pointer;border:none;box-shadow:none;display:flex;align-items:center;justify-content:center;transition:background-color .18s ease,color .18s ease,transform .18s ease}.mb-hero__arrow.mb-hero__arrow--next{scale:-1}.mb-hero__controls button:hover{background-color:var(--hover-light);color:#000;transform:scale(1.04)}.mb-hero__controls button:active{transform:scale(.96)}.mb-hero__autoplay{position:absolute;top:50%;transform:translateY(-50%);right:20px}.mb-hero__dots{display:flex}.mb-hero__dot{position:relative}.mb-hero__dot:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:10px;height:10px;border:1px solid black;border-radius:99px;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}.mb-hero__dot:hover:after{transform:scale(1.15)}.mb-hero__dot[aria-current=true]:after{background-color:#000}.mb-home-hero__content{display:flex;justify-content:center;padding:0 90px;position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;z-index:3;isolation:isolate}.mb-home-hero__content--backdrop:before{z-index:0;content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;pointer-events:none;background:radial-gradient(circle at 50% 54%,var(--backdrop-color, rgba(18, 18, 22, .22)) 0%,rgba(0,0,0,0) 62%),linear-gradient(180deg,#0000,#00000014);opacity:var(--backdrop-opacity, .34)}.mb-home-hero__content--backdrop.left:before{background:linear-gradient(90deg,var(--backdrop-color, rgba(18, 18, 22, .28)) 0%,rgba(18,18,22,.12) 34%,rgba(18,18,22,0) 68%),linear-gradient(180deg,#0000,#0000000f)}.mb-home-hero__content--backdrop.right:before{background:linear-gradient(-90deg,var(--backdrop-color, rgba(18, 18, 22, .28)) 0%,rgba(18,18,22,.12) 34%,rgba(18,18,22,0) 68%),linear-gradient(180deg,#0000,#0000000f)}.mb-home-hero__content.left{justify-content:flex-start}.mb-home-hero__content.right{justify-content:flex-end}.mb-home-hero__content-text{display:flex;width:min(54%,680px);flex-direction:column;gap:22px;color:#fff;position:relative;z-index:2;animation:mbHeroContentIn .85s cubic-bezier(.22,1,.36,1) both}@keyframes mbHeroContentIn{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media(prefers-reduced-motion:reduce){.mb-home-hero__content-text{animation:none}}.mb-home-hero__content.left .mb-hero__title,.mb-home-hero__content.left .mb-hero__pre-text,.mb-home-hero__content.left .mb-hero__post-text{text-align:left}.mb-home-hero__content.right .mb-hero__title,.mb-home-hero__content.right .mb-hero__pre-text,.mb-home-hero__content.right .mb-hero__post-text{text-align:right}.mb-hero__pre-text,.mb-hero__post-text{font-size:clamp(16px,1.4vw,20px);line-height:1.22;text-align:center;letter-spacing:-.015em;text-wrap:balance;text-shadow:0 2px 8px rgba(0,0,0,.36),0 14px 36px rgba(0,0,0,.24),0 0 1px rgba(0,0,0,.3)}.mb-hero__pre-text{color:var(--pre-text-color, #ffffff);font-weight:550}.mb-hero__post-text{color:var(--post-text-color, #ffffff);font-weight:450}.mb-hero__title{margin:0;color:var(--title-color, #ffffff);font-size:clamp(44px,5.4vw,78px);font-weight:760;line-height:.9;letter-spacing:-.06em;text-align:center;text-wrap:balance;text-shadow:0 2px 8px rgba(0,0,0,.42),0 18px 44px rgba(0,0,0,.28),0 0 1px rgba(0,0,0,.45)}.mb-hero__title .mb-highlight{color:var(--highlight-color, #16BFDA);text-shadow:0 0 24px rgba(22,191,218,.34),0 0 60px rgba(22,191,218,.2)}.mb-hero__cta{position:relative;z-index:5;isolation:isolate;overflow:hidden;border-radius:999px;padding:20px 42px;background-color:var(--cta-color, #ffffff);background-image:none;color:var(--cta-text-color, #000000);font-size:18px;font-weight:650;line-height:100%;letter-spacing:-.025em;display:flex;gap:10px;align-self:center;align-items:center;border:none;box-shadow:none;opacity:1;filter:none;mix-blend-mode:normal;transition:transform .2s ease,opacity .2s ease}.mb-hero__cta:before,.mb-hero__cta:after{display:none}.mb-hero__cta:hover{background-color:var(--cta-color, #ffffff);background-image:none;color:var(--cta-text-color, #000000);filter:none;opacity:.94;transform:translateY(-1px)}.mb-hero__cta:active{opacity:.88;transform:translateY(0) scale(.985)}.mb-hero__cta .mb-icon,.mb-hero__cta svg{color:currentColor;stroke:currentColor}.mb-home-hero__content.left .mb-hero__cta{align-self:flex-start}.mb-home-hero__content.right .mb-hero__cta{align-self:flex-end}@media(max-width:989px){.mb-hero:before{border-radius:calc(var(--border-radius) + 1px)}.mb-hero__viewport{aspect-ratio:1;box-shadow:0 18px 45px #0003,0 8px 20px #0000001f,inset 0 1px #ffffff29}.mb-hero__viewport:after{background:radial-gradient(circle at 50% 42%,#ffffff0a,#0000 38%),radial-gradient(circle at 50% 50%,#0000 46%,#00000029),linear-gradient(180deg,#00000003,#00000024)}.mb-hero__controls{justify-content:center;opacity:.6;bottom:15px;left:50%;padding:0}.mb-hero__controls-carousel{padding:4px}.mb-hero__dot:after{height:5px;width:5px}.mb-hero__controls button{height:15px;width:15px}.mb-hero__controls button .mb-icon{width:10px;height:10px}.mb-hero__autoplay{height:24px!important;width:24px!important}.mb-home-hero__content{padding:20px 20px 54px;align-items:center}.mb-hero__content{bottom:35px;left:50%;width:90%;gap:5px;padding:20px}.mb-home-hero__content-text{gap:15px;width:95%;padding:20px 10px}.mb-hero__title{font-size:38px;line-height:100%;letter-spacing:-.04em;margin:0}.mb-hero__pre-text,.mb-hero__post-text{font-size:16px}.mb-hero__cta{font-size:17px;padding:20px 24px;margin:0}.mb-hero__cta .mb-icon{width:10px;height:10px}.mb-home-hero__content.left,.mb-home-hero__content.right{justify-content:center}.mb-home-hero__content.left .mb-hero__title,.mb-home-hero__content.left .mb-hero__pre-text,.mb-home-hero__content.left .mb-hero__post-text,.mb-home-hero__content.right .mb-hero__title,.mb-home-hero__content.right .mb-hero__pre-text,.mb-home-hero__content.right .mb-hero__post-text{text-align:center}.mb-home-hero__content.left .mb-hero__cta,.mb-home-hero__content.right .mb-hero__cta{align-self:center}.mb-home-hero__content--backdrop.left:before,.mb-home-hero__content--backdrop.right:before,.mb-home-hero__content--backdrop:before{background:radial-gradient(circle at 50% 52%,#1212162e,#0000 62%),linear-gradient(180deg,#0000,#00000024);opacity:var(--backdrop-opacity, .34)}}@media(max-width:400px){.mb-hero__viewport{border-radius:15px}.mb-hero:before{border-radius:16px}.mb-home-hero__content{padding:0 10px 48px}.mb-home-hero__content-text{gap:10px}.mb-hero__title{font-size:34px;line-height:.9}.mb-hero__post-text,.mb-hero__pre-text{font-size:16px}.mb-hero__cta{font-size:17px;padding:15px 20px}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/mb-home-hero.css.map */