.mbb-how-it-works-hero{position:relative;min-height:var(--mbb-hiw-height,560px);overflow:hidden;color:var(--mbb-hiw-text,#191513);background:var(--mbb-hiw-bg,#f7efe7);isolation:isolate}.mbb-how-it-works-hero *,.mbb-how-it-works-hero *:before,.mbb-how-it-works-hero *:after{box-sizing:border-box}.mbb-how-it-works-hero__media,.mbb-how-it-works-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.mbb-how-it-works-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);animation:mbbHiwHeroZoom 1.4s cubic-bezier(.22,1,.36,1) forwards}.mbb-how-it-works-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,rgba(249,243,236,calc(var(--mbb-hiw-overlay,.2) + .72)),rgba(249,243,236,calc(var(--mbb-hiw-overlay,.2) + .5)) 31%,rgba(249,243,236,var(--mbb-hiw-overlay,.2)) 55%,#f9f3ec05);pointer-events:none}.mbb-how-it-works-hero__pattern{position:absolute;inset:0 auto 0 0;z-index:2;width:56%;pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 1px 1px,rgba(193,132,43,.32) 1px,transparent 0);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 90%);mask-image:linear-gradient(90deg,#000 0%,transparent 90%)}.mbb-how-it-works-hero__container{position:relative;z-index:3;display:flex;min-height:var(--mbb-hiw-height,560px);align-items:center}.mbb-how-it-works-hero__content{position:relative;width:min(100%,520px);padding:58px 0;opacity:0;transform:translateY(26px);animation:mbbHiwFadeUp .85s .18s cubic-bezier(.22,1,.36,1) forwards}.mbb-how-it-works-hero__content--center{margin-inline:auto;text-align:center}.mbb-how-it-works-hero__content--right{margin-left:auto;text-align:right}.mbb-how-it-works-hero__eyebrow{display:block;margin-bottom:12px;color:var(--mbb-hiw-accent,#c1842b);font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;opacity:0;transform:translateY(12px);animation:mbbHiwFadeUp .6s .28s ease forwards}.mbb-how-it-works-hero__heading{max-width:480px;margin:0;color:var(--mbb-hiw-text,#191513);font-size:clamp(42px,5.2vw,76px);font-weight:700;line-height:.98;letter-spacing:-.045em;text-transform:uppercase;text-wrap:balance}.mbb-how-it-works-hero__content--center .mbb-how-it-works-hero__heading{margin-inline:auto}.mbb-how-it-works-hero__content--right .mbb-how-it-works-hero__heading{margin-left:auto}.mbb-how-it-works-hero__separator{display:flex;align-items:center;gap:12px;width:max-content;margin:18px 0 22px;color:var(--mbb-hiw-accent,#c1842b);opacity:0;transform:translate(-12px);animation:mbbHiwFadeRight .6s .4s ease forwards}.mbb-how-it-works-hero__content--center .mbb-how-it-works-hero__separator{margin-inline:auto}.mbb-how-it-works-hero__content--right .mbb-how-it-works-hero__separator{margin-left:auto}.mbb-how-it-works-hero__separator span{width:58px;height:2px;background:currentColor}.mbb-how-it-works-hero__separator svg{width:15px;height:15px;flex:0 0 15px}.mbb-how-it-works-hero__description{max-width:450px;color:#191513c7;font-size:16px;line-height:1.72;opacity:0;transform:translateY(16px);animation:mbbHiwFadeUp .65s .48s ease forwards}.mbb-how-it-works-hero__content--center .mbb-how-it-works-hero__description{margin-inline:auto}.mbb-how-it-works-hero__content--right .mbb-how-it-works-hero__description{margin-left:auto}.mbb-how-it-works-hero__description p{margin:0}.mbb-how-it-works-hero__signature{margin-top:24px;color:var(--mbb-hiw-accent,#c1842b);font-family:Brush Script MT,Segoe Script,cursive;font-size:clamp(30px,3vw,44px);line-height:1.1;transform:rotate(-2deg);opacity:0;animation:mbbHiwSignature .75s .58s cubic-bezier(.22,1,.36,1) forwards}.mbb-how-it-works-hero__button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:18px;margin-top:28px;padding:15px 24px;border:1px solid transparent;border-radius:5px;color:var(--mbb-hiw-button-color,#fff);background:var(--mbb-hiw-button-bg,#c88000);box-shadow:0 14px 30px #78490a33;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;opacity:0;transform:translateY(16px);animation:mbbHiwFadeUp .65s .7s ease forwards;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,background-color .35s ease}.mbb-how-it-works-hero__button svg{width:19px;height:19px;transition:transform .35s ease}.mbb-how-it-works-hero__button[aria-disabled=true]{pointer-events:none}.mbb-how-it-works-hero__step{position:absolute;top:50%;left:52%;z-index:4;display:grid;width:154px;height:154px;place-items:center;border:8px solid rgba(255,255,255,.92);border-radius:50%;color:#fff;background:#050505;box-shadow:0 22px 48px #0000003d;transform:translate(-50%,-50%) scale(.86);opacity:0;animation:mbbHiwBadgeIn .8s .55s cubic-bezier(.22,1,.36,1) forwards,mbbHiwBadgeFloat 4s 1.4s ease-in-out infinite}.mbb-how-it-works-hero__step span{font-size:72px;font-weight:700;line-height:1}@media(hover:hover)and (pointer:fine){.mbb-how-it-works-hero__button:hover{transform:translateY(-4px);box-shadow:0 20px 40px #78490a47;filter:brightness(.95)}.mbb-how-it-works-hero__button:hover svg{transform:translate(5px)}.mbb-how-it-works-hero__step:hover{animation-play-state:paused;box-shadow:0 28px 58px #0000004d}}@media(max-width:1100px){.mbb-how-it-works-hero__content{width:min(48%,500px)}.mbb-how-it-works-hero__step{left:55%;width:132px;height:132px}.mbb-how-it-works-hero__step span{font-size:62px}}@media(max-width:749px){.mbb-how-it-works-hero{min-height:var(--mbb-hiw-mobile-height,720px)}.mbb-how-it-works-hero__container{min-height:var(--mbb-hiw-mobile-height,720px);align-items:flex-end}.mbb-how-it-works-hero__image{object-position:center top}.mbb-how-it-works-hero__overlay{background:linear-gradient(180deg,#f7efe705 15%,#f7efe7bd 46%,#f7efe7f5 72%,#f7efe7)}.mbb-how-it-works-hero__pattern{width:100%;opacity:.12;-webkit-mask-image:linear-gradient(180deg,transparent 20%,#000 68%,#000);mask-image:linear-gradient(180deg,transparent 20%,#000 68%,#000)}.mbb-how-it-works-hero__content,.mbb-how-it-works-hero__content--center,.mbb-how-it-works-hero__content--right{width:100%;max-width:none;margin:0;padding:330px 0 42px;text-align:left}.mbb-how-it-works-hero__heading,.mbb-how-it-works-hero__content--center .mbb-how-it-works-hero__heading,.mbb-how-it-works-hero__content--right .mbb-how-it-works-hero__heading{max-width:390px;margin:0;font-size:46px}.mbb-how-it-works-hero__separator,.mbb-how-it-works-hero__content--center .mbb-how-it-works-hero__separator,.mbb-how-it-works-hero__content--right .mbb-how-it-works-hero__separator{margin:16px 0 20px}.mbb-how-it-works-hero__description,.mbb-how-it-works-hero__content--center .mbb-how-it-works-hero__description,.mbb-how-it-works-hero__content--right .mbb-how-it-works-hero__description{max-width:420px;margin:0;font-size:15px}.mbb-how-it-works-hero__signature{margin-top:20px;font-size:34px}.mbb-how-it-works-hero__button{width:100%;margin-top:24px}.mbb-how-it-works-hero__step{top:215px;left:auto;right:22px;width:104px;height:104px;border-width:5px;transform:scale(.86)}.mbb-how-it-works-hero__step span{font-size:50px}}@media(max-width:420px){.mbb-how-it-works-hero__content,.mbb-how-it-works-hero__content--center,.mbb-how-it-works-hero__content--right{padding-top:100px}.mbb-how-it-works-hero__heading,.mbb-how-it-works-hero__content--center .mbb-how-it-works-hero__heading,.mbb-how-it-works-hero__content--right .mbb-how-it-works-hero__heading{font-size:40px}.mbb-how-it-works-hero__step{top:190px;right:14px;width:92px;height:92px}.mbb-how-it-works-hero__step span{font-size:44px}}@keyframes mbbHiwFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes mbbHiwFadeRight{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes mbbHiwSignature{0%{opacity:0;transform:translateY(16px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@keyframes mbbHiwHeroZoom{0%{opacity:.72;transform:scale(1.09)}to{opacity:1;transform:scale(1.04)}}@keyframes mbbHiwBadgeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes mbbHiwBadgeFloat{0%,to{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-9px)}}@media(max-width:749px){@keyframes mbbHiwBadgeIn{0%{opacity:0;transform:scale(.72) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes mbbHiwBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}}@media(prefers-reduced-motion:reduce){.mbb-how-it-works-hero *,.mbb-how-it-works-hero *:before,.mbb-how-it-works-hero *:after{animation:none!important;transition:none!important}.mbb-how-it-works-hero__content,.mbb-how-it-works-hero__eyebrow,.mbb-how-it-works-hero__separator,.mbb-how-it-works-hero__description,.mbb-how-it-works-hero__signature,.mbb-how-it-works-hero__button,.mbb-how-it-works-hero__step{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mbb-how-it-works-hero.css.map */