.mm-section.mm-hero{overflow:hidden;min-height:820px;background:var(--mm-bg)}.mm-section.mm-hero .mm-anchor{position:absolute;top:0}.mm-hero .mm-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);row-gap:18px;padding-top:var(--mm-pt-m);padding-bottom:var(--mm-pb-m);color:var(--mm-text)}.mm-hero .mm-hero__badges{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.mm-hero .mm-hero__badge-fruit{background:var(--mm-fruit-dark);color:var(--mm-text);transition:background-color .35s ease}.mm-section.mm-hero .mm-badge{padding:6px 12px;font-size:12px;color:var(--mm-text)}.mm-hero .mm-hero__title{font-size:40px;line-height:1.02;color:var(--mm-text)}.mm-hero .mm-hero__text{font-size:16px;line-height:1.5;font-weight:500;max-width:560px;color:var(--mm-copy)}.mm-hero .mm-hero__switch{display:flex;flex-direction:column;gap:12px}.mm-hero .mm-hero__switch-label{margin:0;font-family:var(--FONT-STACK-SUBHEADING);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mm-label)}.mm-hero .mm-hero__pills{display:flex;gap:10px}.mm-hero .mm-hero__pill{flex:1 1 0;min-height:48px;padding:0 20px;border-radius:999px;border:2px solid var(--mm-ring);border-color:color-mix(in srgb,var(--mm-ring) 70%,transparent);background:transparent;color:var(--mm-text);font-family:var(--FONT-STACK-BODY);font-weight:800;font-size:15px;cursor:pointer;transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease}.mm-hero .mm-hero__pill[aria-pressed=true]{border-color:transparent;background:var(--mm-pill);color:#fff;box-shadow:0 0 0 3px var(--mm-ring)}.mm-hero .mm-hero__stage{position:relative;height:430px;margin:0 -16px}.mm-hero .mm-hero__circle{position:absolute;left:40px;top:30px;width:310px;height:310px;border-radius:50%;background:var(--mm-fruit);opacity:var(--mm-circle-opacity);transition:background-color .45s ease}.mm-hero .mm-hero__ring{display:none;position:absolute;border-radius:50%;border:2px dashed color-mix(in srgb,var(--mm-ring) 55%,transparent)}.mm-hero .mm-hero__can{position:absolute;object-fit:contain;transition:transform .45s ease,opacity .45s ease,left .45s ease,top .45s ease,width .45s ease,height .45s ease;will-change:transform,opacity}.mm-hero .mm-hero__can.is-front{left:190px;top:0;width:138px;height:430px;transform:rotate(4deg);opacity:1;z-index:2}.mm-hero .mm-hero__can.is-back{left:70px;top:30px;width:120px;height:380px;transform:rotate(-8deg);opacity:.95;z-index:1}.mm-hero .mm-hero__can.is-hidden{opacity:0;pointer-events:none;z-index:0}.mm-hero .mm-hero__sticker,.mm-hero .mm-hero__sticker[hidden]{display:none}.mm-hero .mm-hero__actions{position:relative;z-index:3;display:flex;flex-direction:column;gap:12px;margin-top:-40px;padding-bottom:24px}.mm-hero .mm-hero__cta{min-height:56px;width:100%;font-size:16px;background:var(--mm-btn-bg-m,#0f2e12);color:var(--mm-btn-text-m,#ffffff)}.mm-hero .mm-hero__cta-secondary{display:none}@media(min-width:768px){.mm-section.mm-hero{min-height:840px}.mm-hero .mm-hero__inner{grid-template-columns:minmax(0,640px) minmax(280px,1fr);grid-template-rows:max-content max-content max-content max-content 1fr;grid-template-areas:"badges stage" "title stage" "text stage" "switch stage" "actions stage";column-gap:40px;row-gap:28px;align-content:start;align-items:start;padding-top:var(--mm-pt);padding-bottom:var(--mm-pb)}.mm-hero .mm-hero__badges{grid-area:badges;gap:10px}.mm-section.mm-hero .mm-badge{padding:8px 14px;font-size:13px}.mm-hero .mm-hero__title{grid-area:title;font-size:clamp(48px,5.28vw,76px)}.mm-hero .mm-hero__text{grid-area:text;font-size:21px}.mm-section.mm-hero .mm-badge.mm-hide-mobile{display:inline-flex}.mm-hero .mm-hero__switch{grid-area:switch}.mm-hero .mm-hero__pills{gap:12px}.mm-hero .mm-hero__pill{flex:0 0 auto;min-height:52px;padding:0 26px;font-size:16px}.mm-hero .mm-hero__actions{grid-area:actions;flex-direction:row;align-items:center;gap:14px;margin-top:8px;padding-bottom:0}.mm-hero .mm-hero__cta{width:auto;min-height:60px;padding:0 32px;font-size:17px;background:var(--mm-btn-bg);color:var(--mm-btn-text)}.mm-hero .mm-hero__cta-secondary{display:inline-flex;min-height:60px;padding:0 26px;font-size:16px;font-weight:700}.mm-hero .mm-hero__stage{grid-area:stage;grid-row:1/span 5;align-self:start;height:740px;margin:0;transform-origin:top left;transform:scale(var(--mm-stage-scale,1))}.mm-hero .mm-hero__circle{left:90px;top:70px;width:560px;height:560px}.mm-hero .mm-hero__ring{display:block;left:150px;top:130px;width:440px;height:440px}.mm-hero .mm-hero__can.is-front{left:300px;top:20px;width:240px;height:748px}.mm-hero .mm-hero__can.is-back{left:60px;top:60px;width:205px;height:640px}.mm-hero .mm-hero__sticker{position:absolute;left:470px;top:560px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:var(--mm-sticker-bg);color:var(--mm-sticker-text);text-align:center;transform:rotate(10deg);box-shadow:0 12px 30px #00000040}.mm-hero .mm-hero__sticker[hidden]{display:none}.mm-hero .mm-hero__price{font-family:var(--FONT-STACK-HEADING);font-weight:700;font-size:30px;line-height:1}.mm-hero .mm-hero__sticker-sub{margin-top:4px;font-size:12px;font-weight:700}}@media(min-width:768px)and (max-width:1199px){.mm-hero .mm-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,42%)}.mm-hero .mm-hero__stage{--mm-stage-scale:.62;height:460px}}@media(min-width:1200px)and (max-width:1439px){.mm-hero .mm-hero__stage{--mm-stage-scale:.85;height:630px}}@media(prefers-reduced-motion:reduce){.mm-hero .mm-hero__can,.mm-hero .mm-hero__circle,.mm-hero .mm-hero__pill,.mm-section.mm-hero .mm-hero__badge-fruit{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/mm-swirl-hero.css.map */