.mj-hero{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 78% 20%,rgba(15,27,42,.95),transparent 60%),linear-gradient(180deg,#131417,#0f1b2a 58%,#15171b);color:var(--text-color)}.mj-hero.mj-tone-light{background:radial-gradient(80% 65% at 74% 28%,rgba(18,144,122,.12),transparent 62%),linear-gradient(180deg,#f4f8f780,#e9f1ee73 55%,#eef4f29e),url(mj-tex-grain-light.jpg) top left / 1100px auto repeat!important}.mj-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:min(86vh,820px);padding-top:calc(var(--header-height, 8rem) + 4rem);padding-bottom:7rem}.mj-hero__badge{margin-bottom:2.2rem}.mj-hero__badge a{text-decoration:none}.mj-hero__badge .mj-hero__badge-live{display:none}.mj-hero__badge.is-live-now .mj-hero__badge-live{display:inline-flex}.mj-hero__badge.is-live-now .mj-hero__badge-idle{display:none}.mj-hero.mj-tone-light .mj-hero__badge-idle{background:#12907a14;border-color:#12907a66;color:#0f7c69}.mj-hero.mj-tone-light .mj-hero__badge-idle .mj-dot{background:#12907a}.mj-hero__heading{font-size:clamp(3.6rem,6.6vw,7.6rem);color:var(--heading-color);margin:1.6rem 0 0}.mj-hero__subtext{max-width:52ch;font-size:1.7rem;line-height:1.65;opacity:.85;margin:2.2rem 0 0}.mj-hero.mj-tone-light .mj-hero__subtext{opacity:.92}.mj-hero__actions{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:3.4rem}.mj-hero__stats{display:flex;flex-wrap:wrap;gap:3.4rem;margin-top:4.4rem;padding-top:3rem;border-top:1px solid rgba(18,144,122,.22)}.mj-hero__stat{display:flex;flex-direction:column;gap:.4rem}.mj-hero__stat-num{font-size:clamp(2.6rem,3.4vw,3.8rem);color:#0f8a72;line-height:1}.mj-hero__stat-label{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.mj-hero__slides{position:relative;display:grid;margin-top:2.4rem;padding-bottom:3.4rem}.mj-hero__slide{grid-area:1 / 1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:4rem;opacity:0;transform:translate(24px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);pointer-events:none;visibility:hidden}.mj-hero__slide.is-active{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:.1s}.mj-hero__media{display:grid;place-items:center;position:relative;padding-bottom:3rem}.mj-hero__media:after{content:"";position:absolute;bottom:1rem;left:18%;right:18%;height:2.2rem;border-radius:50%;background:radial-gradient(ellipse at center,rgba(23,44,54,.26),transparent 70%);pointer-events:none}.mj-hero__card{position:relative;width:clamp(22rem,25vw,32rem);border-radius:16px;overflow:hidden;box-shadow:0 28px 50px #172c364d;animation:mj-hero-float 6s ease-in-out infinite alternate}@keyframes mj-hero-float{0%{translate:0 0}to{translate:0 -10px}}.mj-hero__card-img{display:block;width:100%;height:auto}.mj-hero__card-placeholder{aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(160deg,#12907a1f,#10222be6)}.mj-hero__card-placeholder svg{width:70%;opacity:.5}.mj-hero__dots{position:absolute;bottom:0;left:0;display:flex;gap:1rem}.mj-hero__dot{width:2.6rem;height:.5rem;padding:0;border-radius:100px;border:0;background:#12907a40;cursor:pointer;transition:background .3s ease,width .3s ease}.mj-hero__dot.is-active{background:#12907a;width:4.2rem}.mj-hero__scroll-hint{position:absolute;bottom:2.4rem;left:50%;translate:-50% 0;z-index:3;width:2.6rem;height:4.2rem;border:1.5px solid rgba(18,144,122,.5);border-radius:100px}.mj-hero__scroll-hint span{position:absolute;top:.7rem;left:50%;translate:-50% 0;width:.4rem;height:.8rem;border-radius:100px;background:#12907a;animation:mj-scroll-hint 1.8s ease-in-out infinite}@keyframes mj-scroll-hint{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(1.4rem)}to{opacity:0;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){html.js .mj-hero:not(.is-entering)[data-mj-entered] .mj-hero__badge,html.js .mj-hero:not(.is-entering)[data-mj-entered] .mj-eyebrow,html.js .mj-hero:not(.is-entering)[data-mj-entered] .mj-hero__stats,html.js .mj-hero:not(.is-entering)[data-mj-entered] .mj-hero__slides{opacity:0}.mj-hero.is-entering .mj-hero__badge{animation:mj-enter-rise .7s cubic-bezier(.16,1,.3,1) .05s backwards}.mj-hero.is-entering .mj-eyebrow{animation:mj-enter-rise .7s cubic-bezier(.16,1,.3,1) .18s backwards}.mj-hero.is-entering .mj-hero__stats{animation:mj-enter-rise .9s cubic-bezier(.16,1,.3,1) 1.1s backwards}.mj-hero.is-entering .mj-hero__slides{animation:mj-enter-rise 1s cubic-bezier(.16,1,.3,1) .35s backwards}}@keyframes mj-enter-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes mj-enter-headline{0%{opacity:0;transform:translateY(44px);clip-path:inset(0 0 100% 0)}60%{clip-path:inset(0 0 -10% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 -10% 0)}}@keyframes mj-enter-drop{0%{opacity:0;transform:translateY(-46px)}60%{opacity:1}78%{transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:989px){.mj-hero__inner{grid-template-columns:1fr;min-height:0;padding-top:calc(var(--header-height, 7rem) + 3rem);padding-bottom:6rem;gap:4rem}.mj-hero__slide{grid-template-columns:1fr;gap:2.6rem}.mj-hero__media{order:-1;padding-bottom:2.4rem}.mj-hero__card{width:clamp(18rem,52vw,25rem)}.mj-hero__dots{left:50%;translate:-50% 0}.mj-hero__heading{font-size:clamp(3.6rem,11vw,6.2rem)}.mj-hero__stats{gap:1.8rem;justify-content:space-between}.mj-hero__scroll-hint{display:none}.mj-hero__actions{flex-direction:column;align-items:stretch}.mj-hero__actions .button-element{width:100%;text-align:center}.mj-hero__actions .button-element .button{width:100%}}@media(prefers-reduced-motion:reduce){.mj-hero__scroll-hint span{animation:none}}@media(max-width:749px){.mj-hero__inner{padding-top:calc(var(--header-height, 7rem) + 1.2rem);padding-bottom:4rem;gap:2.2rem}.mj-hero__slides{margin-top:1rem;padding-bottom:2.6rem}.mj-hero__slide{gap:1.4rem}.mj-hero__media{padding-bottom:.6rem}.mj-hero__card{width:clamp(15rem,44vw,20rem)}.mj-hero__badge{margin-bottom:1rem}.mj-hero__subtext{margin-top:1.2rem;font-size:1.5rem}.mj-hero__actions{margin-top:2rem;gap:1rem}.mj-hero__stats{margin-top:2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mj-hero.css.map */