.mi{background:#283f16;font-family:var(--font-body-family),sans-serif;--mi-accent: var(--color-accent, #d4ff87)}.mi__wrap{position:relative;height:calc(var(--mi-steps, 5) * 80vh + 40vh)}.mi__wrap--strip{height:calc((var(--mi-steps, 5) + 1) * 75vh)}.mi__stage{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;padding:6vh 2rem}.mi__title{position:relative;z-index:1;margin:0;text-align:center;font-family:var(--font-accent-serif, Georgia),serif;font-weight:400;font-size:4.8rem;line-height:54px;letter-spacing:-.04em;color:#fff}.mi__title em{font-style:italic}.mi__cubes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.mi__cube{position:absolute;width:7rem;height:auto;object-fit:contain;animation:miFloat 7s ease-in-out infinite}.mi__cube--1{left:14%;top:26%}.mi__cube--2{left:80%;top:30%;animation-delay:.6s}.mi__cube--3{left:30%;top:68%;animation-delay:1.1s}.mi__cube--4{left:82%;top:74%;animation-delay:.3s;filter:blur(2px)}@keyframes miFloat{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-16px) rotate(4deg)}}.mi__dots{position:absolute;z-index:4;right:3rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.7rem}.mi__dot{width:8px;height:8px;border-radius:40px;border:1px solid #f3f4ea;background:transparent;transition:all .3s ease}.mi__dot.is-on{width:16px;height:16px;border:0;background:var(--mi-accent)}.mi__featured{position:relative;z-index:2;width:100%;max-width:120rem;height:60vh;min-height:40rem}.mi__feat{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:4rem 6rem;border-radius:6rem;background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;color:#fff;opacity:0;transform:translateY(3rem) scale(.98);transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.mi__feat.is-active{opacity:1;transform:none;pointer-events:auto}.mi__feat-img{max-width:50rem;max-height:20vh;width:auto;height:auto;object-fit:contain;margin-bottom:.8rem;margin-top:-15rem}.mi__feat-label{font-family:PT Mono,ui-monospace,monospace;font-size:1.4rem;color:#fff}.mi__feat-title{margin:0;font-family:var(--font-accent-serif, Georgia),serif;font-weight:400;font-size:4rem;line-height:1;letter-spacing:-.02em;text-transform:capitalize;color:#fff}.mi__feat-dose{font-family:PT Mono,ui-monospace,monospace;font-size:1.4rem;color:#fff}.mi__feat-body{margin:0;max-width:64rem;font-size:1.5rem;line-height:1.5;color:#ffffffd9}.mi__strip{position:relative;z-index:2;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.mi__strip::-webkit-scrollbar{display:none}.mi__strip-track{display:flex;align-items:stretch;gap:3.2rem;width:max-content;padding:0 1.5rem}.mi__card{box-sizing:border-box;flex:0 0 auto;width:min(76vw,32rem);display:flex;flex-direction:column;align-items:center;gap:1.3rem;padding:1.6rem 1.6rem 2.8rem;border:1px solid rgba(255,255,255,.28);border-radius:2.4rem;background:#ffffff4d;text-align:center;color:#fff}.mi__card-media{width:100%;aspect-ratio:4 / 3;border-radius:1.6rem;overflow:hidden;background:#ffffff1f}.mi__card-img{display:block;width:100%;height:100%;object-fit:cover}.mi__card-img--placeholder{fill:#ffffff59;background:#ffffff14}.mi__card-title{margin:.4rem 0 0;font-family:var(--font-accent-serif, Georgia),serif;font-weight:400;font-size:3.2rem;line-height:.95;letter-spacing:-.02em;color:#fff}.mi__card-sub{margin:0;max-width:34rem;font-size:1.5rem;line-height:1;color:#fff;letter-spacing:-.01em}.mi__strip.is-swoosh{overflow:visible}.mi__strip.is-swoosh .mi__strip-track{position:relative;display:block;width:100%;height:100%;padding:0}.mi__strip.is-swoosh .mi__card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);will-change:transform,opacity,filter}@media screen and (min-width:990px){.mi__title{font-size:10rem;line-height:1.1;letter-spacing:-.02em;width:1000px;max-width:100%;margin-top:80px}.mi__feat{padding:4rem 9rem}.mi__feat-title{font-size:5rem}.mi__feat-body{font-size:1.6rem}.mi__card{width:44.8rem;gap:2rem;padding:2rem 2rem 4rem;border-radius:3.2rem}.mi__card-media{border-radius:2rem}.mi__card-title{font-size:4rem}.mi__card-sub{font-size:1.6rem}}@media screen and (max-width:749px){.mi__featured{height:auto;min-height:44rem}.mi__feat{padding:3rem 2rem}.mi__feat-title{font-size:3.2rem}.mi__dots{right:auto;left:50%;top:auto;bottom:1.5rem;transform:translate(-50%);flex-direction:row}.mi__feat-img{max-width:20rem;margin-top:-10rem}}@media(prefers-reduced-motion:reduce){.mi__wrap,.mi__wrap--strip{height:auto}.mi__stage{position:static;height:auto}.mi__featured{height:auto}.mi__feat{position:relative;opacity:1;transform:none;margin-bottom:2rem}.mi__cube{animation:none}.mi__dots{display:none}}@media screen and (max-width:500px){.mi__title{width:300px;margin-bottom:30px}}@media screen and (max-width:749px){.mi__stage{--mi-top-clear: 8rem;height:100vh;height:100svh;gap:2rem;padding:var(--mi-top-clear) 2rem 2rem}.mi__wrap[data-mi-type=featured] .mi__stage{justify-content:flex-start}.mi__title{flex:0 0 auto;font-size:4.4rem;line-height:4.6rem}.mi__featured{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;height:auto;min-height:0;margin-top:5rem}.mi__feat{position:relative;inset:auto;grid-area:1 / 1;justify-content:flex-start;gap:1rem;padding:0 2rem 2.4rem;border-radius:3rem}.mi__feat-img{max-width:16rem;max-height:13rem;margin-top:-5rem;margin-bottom:.4rem}.mi__feat-title{font-size:3rem}.mi__feat-body{font-size:1.4rem;line-height:1.45}.mi__dots{position:static;grid-area:2 / 1;justify-self:center;transform:none;margin-top:1.6rem}}@media screen and (max-width:749px)and (max-height:700px){.mi__title{font-size:3.8rem;line-height:4rem}.mi__feat-img{max-height:10rem}.mi__feat-body{font-size:1.3rem}}@media screen and (min-width:990px){.mi__wrap--strip .mi__card{width:min(58rem,36vw,calc((100vh - 30rem)*1.1));min-width:45rem;gap:2rem;padding:2.4rem 2.4rem 4.4rem;border-radius:3.6rem}.mi__wrap--strip .mi__card-media{border-radius:2.4rem}.mi__wrap--strip .mi__card-title{font-size:5.2rem}.mi__wrap--strip .mi__card-sub{max-width:44rem;font-size:2.2rem;letter-spacing:-.01em;line-height:1}}.mi__wrap--strip .mi__cube--1{width:9.6rem;rotate:18deg}.mi__wrap--strip .mi__cube--2{width:5.2rem;rotate:-34deg;scale:-1 1}.mi__wrap--strip .mi__cube--3{width:7.6rem;rotate:62deg}.mi__wrap--strip .mi__cube--4{width:4.6rem;rotate:-14deg;scale:-1 1}@media screen and (min-width:990px){.mi__wrap--strip .mi__cube--1{width:12rem}.mi__wrap--strip .mi__cube--2{width:6.4rem}.mi__wrap--strip .mi__cube--3{width:9.2rem}.mi__wrap--strip .mi__cube--4{width:5.6rem}}.mi__card-img{object-position:var(--mi-img-x, 50%) var(--mi-img-y, 50%);transform:scale(var(--mi-img-zoom, 1));transform-origin:var(--mi-img-x, 50%) var(--mi-img-y, 50%)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-meet-ingredients.css.map */