.hero-mm{position:relative;overflow:hidden;isolation:isolate;padding:72px 40px;background:radial-gradient(120% 130% at 15% 15%,#6b7c42,#4a5730 55%,#384326);color:#f6f2e4}.hero-mm__vortex{position:absolute;top:50%;right:-140px;width:720px;height:720px;transform:translateY(-50%);z-index:0;opacity:.18;pointer-events:none}.hero-mm__vortex-svg{width:100%;height:100%;animation:hmm-spin 70s linear infinite}.hmm-ring{fill:none;stroke:#f6f2e4}.hmm-ring--1{stroke-width:1;stroke-dasharray:2 12}.hmm-ring--2{stroke-width:1;stroke-dasharray:16 6;transform-origin:250px 250px;animation:hmm-spin-reverse 90s linear infinite}.hmm-ring--3{stroke-width:1.5;stroke-dasharray:1 8}@keyframes hmm-spin{to{transform:rotate(360deg)}}@keyframes hmm-spin-reverse{to{transform:rotate(-360deg)}}.hero-mm__grid{position:relative;z-index:1;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px}.hero-mm__copy{max-width:480px}.hero-mm__eyebrow{font-family:var(--font-body-family);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#d9b65c;margin:0 0 20px;opacity:0;animation:hmm-fade-up .7s cubic-bezier(.16,1,.3,1) forwards}.hero-mm .hero-mm__heading{font-family:var(--font-heading-family);font-weight:600;font-size:56px;line-height:1.08;letter-spacing:-.01em;margin:0 0 22px;color:#f6f2e4!important;text-shadow:0 2px 24px rgba(0,0,0,.18);opacity:0;animation:hmm-fade-up .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s}.hero-mm__heading em{font-style:italic;color:#d9b65c}.hero-mm__subheading{font-family:var(--font-body-family);font-size:17px;line-height:1.6;color:#f6f2e4d9;margin:0 0 32px;opacity:0;animation:hmm-fade-up .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s}.hero-mm__subheading p{margin:0}.hero-mm__button{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body-family);font-weight:600;font-size:15px;background:#f6f2e4;color:#2c3319;padding:15px 28px;border-radius:999px;text-decoration:none;opacity:0;animation:hmm-fade-up .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.3s;transition:transform .25s ease,background .25s ease}.hero-mm__button svg{transition:transform .25s ease}.hero-mm__button:hover{background:#fff;transform:translateY(-2px)}.hero-mm__button:hover svg{transform:translate(3px)}.hero-mm__visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:420px}.hero-mm__image{width:100%;max-width:380px;opacity:0;transform:translateY(24px) scale(.97);animation:hmm-fade-up .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.15s}.hero-mm__image img{width:100%;height:auto;display:block;filter:drop-shadow(0 30px 40px rgba(0,0,0,.25))}.hero-mm__card{position:absolute;right:0;bottom:8%;max-width:260px;background:#21281499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(246,242,228,.14);border-radius:16px;padding:18px 20px;opacity:0;transform:translateY(20px);animation:hmm-fade-up .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.5s}.hero-mm__card-title{font-family:var(--font-body-family);font-weight:600;font-size:14px;margin:0 0 6px}.hero-mm__card-text{font-family:var(--font-body-family);font-size:12.5px;line-height:1.5;color:#f6f2e4bf;margin:0 0 12px}.hero-mm__card-footer{display:flex;align-items:center;gap:8px}.hero-mm__stars{display:flex;gap:2px;color:#d9b65c}.hero-mm__rating-text{font-family:var(--font-body-family);font-size:11.5px;color:#f6f2e4b3}@keyframes hmm-fade-up{to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:989px){.hero-mm__grid{grid-template-columns:1fr;text-align:center}.hero-mm__copy{max-width:100%;margin:0 auto}.hero-mm__heading{font-size:38px}.hero-mm__visual{min-height:340px;margin-top:24px}.hero-mm__card{position:static;margin-top:24px;max-width:320px}}@media screen and (max-width:749px){.hero-mm{padding:48px 20px}.hero-mm__heading{font-size:30px}.hero-mm__vortex{opacity:.1}}@media(prefers-reduced-motion:reduce){.hero-mm__eyebrow,.hero-mm__heading,.hero-mm__subheading,.hero-mm__button,.hero-mm__image,.hero-mm__card,.hero-mm__vortex-svg,.hmm-ring--2{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hero-mixmate.css.map */