.machex-how-it-works-hero{position:relative;isolation:isolate;min-height:580px;display:flex;align-items:center;overflow:hidden;background:#0e2a24;background-image:var(--machex-how-it-works-hero-image);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff}.machex-how-it-works-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#051f1af5,#051f1ae0 34%,#051f1a94,#051f1a2e 82%,#051f1a0d),linear-gradient(180deg,#051f1a1a,#051f1a33)}.machex-how-it-works-hero__container{width:min(1400px,calc(100% - 64px));margin:auto;padding:92px 0 72px}.machex-how-it-works-hero__content{max-width:760px}.machex-how-it-works-hero__eyebrow{margin:0 0 18px;color:#c7a244;font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.machex-how-it-works-hero__eyebrow:after{content:"";display:block;width:54px;height:2px;margin-top:16px;background:#c7a244}.machex-how-it-works-hero__title{margin:0;max-width:720px;color:#fff;font-size:clamp(46px,5vw,68px);font-weight:800;line-height:1;letter-spacing:-.04em}.machex-how-it-works-hero__description{max-width:650px;margin:26px 0 0;color:#ffffffdb;font-size:18px;line-height:1.7}.machex-how-it-works-hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:38px}.machex-how-it-works-hero__button{min-height:60px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 28px;border-radius:10px;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.02em;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.machex-how-it-works-hero__button span:last-child{font-size:18px}.machex-how-it-works-hero__button--primary{background:#c7a244;color:#123126;border:1px solid #c7a244}.machex-how-it-works-hero__button--primary:hover{transform:translateY(-2px);background:#d6b258;border-color:#d6b258;box-shadow:0 14px 28px #c7a24447}.machex-how-it-works-hero__button--secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.26);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.machex-how-it-works-hero__button--secondary span:last-child{color:#c7a244}.machex-how-it-works-hero__button--secondary:hover{transform:translateY(-2px);border-color:#c7a244;background:#ffffff14}@media(max-width:989px){.machex-how-it-works-hero{min-height:520px}.machex-how-it-works-hero__container{width:min(100% - 40px,1180px);padding:80px 0 64px}}@media(max-width:749px){.machex-how-it-works-hero{min-height:auto;align-items:flex-end}.machex-how-it-works-hero__overlay{background:linear-gradient(180deg,#051f1a57,#051f1ad4,#051f1afa)}.machex-how-it-works-hero__container{width:min(100% - 28px,1180px);padding:180px 0 42px}.machex-how-it-works-hero__eyebrow{font-size:12px}.machex-how-it-works-hero__title{font-size:clamp(36px,11vw,50px)}.machex-how-it-works-hero__description{font-size:16px;line-height:1.6}.machex-how-it-works-hero__actions{display:grid;grid-template-columns:1fr;gap:12px}.machex-how-it-works-hero__button{width:100%}}@media(prefers-reduced-motion:reduce){.machex-how-it-works-hero__button{transition:none}.machex-how-it-works-hero__button:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/machex-how-it-works-hero.css.map */