body:has(.stepmojo-home-reference){--stepmojo-home-max: var(--stepmojo-reference-hero-max, 86rem);--stepmojo-home-cream: #fffaf1;--stepmojo-home-paper: #fffdf9;--stepmojo-home-ink: #2f2b28;--stepmojo-home-green: #5a7f4e;--stepmojo-home-green-dark: #3f5e36;--stepmojo-home-coral: #e76545;--stepmojo-home-blue: #5d95bf;--stepmojo-home-line: #e7e1d7;background:var(--stepmojo-home-paper)}#MainContent .stepmojo-home-reference.section{position:relative;width:100%;max-width:none;overflow:visible;padding:var(--stepmojo-reference-hero-padding-top) max(1.5rem,calc((100vw - var(--stepmojo-home-max)) / 2)) var(--stepmojo-reference-hero-padding-bottom);background:var(--stepmojo-reference-hero-background)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__inner{width:100%;max-width:var(--stepmojo-home-max);min-height:var(--stepmojo-reference-hero-min-height, clamp(20rem, 23vw, 21.5rem));margin-inline:auto;grid-template-columns:var(--stepmojo-reference-hero-columns, minmax(20rem, .76fr) minmax(32rem, 1.24fr));gap:var(--stepmojo-reference-hero-gap, clamp(1.35rem, 3vw, 3.25rem))}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__inner:before{bottom:1rem;left:-4rem;width:13rem;height:7rem;border:0;border-radius:50% 70% 40% 60%;background:#5a7f4e14;transform:rotate(15deg)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__inner:after{top:0;right:-4rem;width:14rem;height:7rem;border:0;border-radius:60% 45% 70% 40%;background:#f5c4511a;transform:rotate(-12deg)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__content{z-index:2;max-width:var(--stepmojo-reference-hero-content-max, 35rem);padding-block:.65rem}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__heading{max-width:10ch;color:var(--stepmojo-home-ink);font-size:var(--stepmojo-reference-hero-heading, clamp(3.35rem, 4.55vw, 4.85rem));font-weight:750;line-height:.95;letter-spacing:-.055em}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__heading>span{display:block}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-heading-accent{margin-top:.08em;color:var(--stepmojo-home-green)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__text{max-width:var(--stepmojo-reference-hero-text-max, 31rem);margin-top:1.05rem;color:#3c3935;font-size:var(--stepmojo-reference-hero-copy, clamp(1rem, 1.35vw, 1.18rem));line-height:1.52}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.3rem}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__btn{min-height:3.2rem;padding-inline:1.45rem;border-width:1px;border-radius:999px;font-weight:760}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__btn--primary{border-color:var(--stepmojo-home-green-dark);background:var(--stepmojo-home-green);color:#fff}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__btn--secondary{border-color:var(--stepmojo-home-green);background:#ffffffd1;color:var(--stepmojo-home-green-dark)}body:has(.stepmojo-home-reference) #MainContent .stepmojo-home-reference .button.stepmojo-hero__btn--secondary{border:1px solid var(--stepmojo-home-green);background:#fff;color:var(--stepmojo-home-green-dark);box-shadow:none}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__btn--primary:hover,body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__btn--primary:focus-visible{background:var(--stepmojo-home-green-dark)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__btn--secondary:hover,body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__btn--secondary:focus-visible{background:#f1f6ed}body:has(.stepmojo-home-reference) #MainContent .stepmojo-home-reference .button.stepmojo-hero__btn--secondary:hover,body:has(.stepmojo-home-reference) #MainContent .stepmojo-home-reference .button.stepmojo-hero__btn--secondary:focus-visible{border-color:var(--stepmojo-home-green-dark);background:#f1f6ed;color:var(--stepmojo-home-green-dark)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__media{display:grid;align-self:stretch;overflow:visible;height:var(--stepmojo-reference-hero-media-height, clamp(23.5rem, 25vw, 24.25rem));min-height:var(--stepmojo-reference-hero-media-height, clamp(19rem, 22vw, 21.5rem));max-height:var(--stepmojo-reference-hero-media-max-height, 24.25rem);place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__media:before{content:none}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__mosaic{height:100%;max-height:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:.6rem}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__mosaic--count-4 .stepmojo-hero__tile:first-child{grid-row:1 / span 2}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__tile:nth-child(2){grid-column:2 / span 2}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__tile:nth-child(3),body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__tile:nth-child(4){grid-row:2}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__tile-link{height:100%;max-height:none;overflow:hidden;border:1px solid rgb(231 225 215 / 80%);border-radius:.9rem;background:#ffffffc2;box-shadow:0 .65rem 1.5rem #3f5e3612}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__image{width:100%;height:100%;padding:clamp(.2rem,.6vw,.45rem);object-fit:contain}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__proof{right:50%;bottom:clamp(-3.8rem,-4vw,-3.15rem);left:auto;width:min(53rem,74vw);min-height:4.6rem;padding:.45rem .75rem;transform:translate(50%)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__proof li{justify-content:flex-start;gap:.75rem;min-height:3.7rem;padding:.55rem 1.15rem;text-align:left}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__proof li:before{content:none}body:has(.stepmojo-home-reference) .stepmojo-hero__proof-icon{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--stepmojo-home-green);color:#fff}body:has(.stepmojo-home-reference) .stepmojo-hero__proof-icon .stepmojo-icon{width:1.35rem;height:1.35rem}body:has(.stepmojo-home-reference) .stepmojo-hero__proof-copy{display:grid;gap:.08rem}body:has(.stepmojo-home-reference) .stepmojo-hero__proof-copy strong{color:var(--stepmojo-home-ink);font-size:.88rem;line-height:1.2}body:has(.stepmojo-home-reference) .stepmojo-hero__proof-copy small{color:#66615b;font-size:.7rem;font-weight:500;line-height:1.3}@media screen and (min-width:990px){#MainContent .stepmojo-home-reference.section{padding-bottom:clamp(6.5rem,7vw,7rem)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__proof{bottom:clamp(-6.25rem,-6vw,-5.75rem);z-index:3}}body:has(.stepmojo-home-reference) .stepmojo-party-guide-shopify-section{background:#fff}body:has(.stepmojo-home-reference) #stepmojo-party-guide.stepmojo-party-guide-section{padding-block:clamp(4.2rem,6vw,5.4rem) 2.1rem}body:has(.stepmojo-home-reference) .stepmojo-party-guide{width:min(100%,77rem);margin-inline:auto;gap:1.65rem}body:has(.stepmojo-home-reference) .stepmojo-party-guide__intro h2{margin:0;color:var(--stepmojo-home-ink);font-size:clamp(1.85rem,3vw,2.35rem);letter-spacing:-.025em}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.2vw,2.2rem)}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps:before{top:2.55rem;right:7%;left:7%;border-top:1px dashed rgb(90 127 78 / 35%)}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps li{grid-template-columns:4.8rem minmax(0,1fr);gap:.9rem;align-items:center;justify-items:start;text-align:left}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps li>.stepmojo-party-guide__step-icon{width:4.8rem;height:4.8rem}body:has(.stepmojo-home-reference) .stepmojo-party-guide__step-icon .stepmojo-icon{width:2.15rem;height:2.15rem}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps strong{margin-top:0;color:var(--stepmojo-home-ink);font-size:.88rem}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps p{margin:.35rem 0 0;color:#5f5b55;font-size:.72rem;line-height:1.45}body:has(.stepmojo-home-reference) .stepmojo-themes-section{background:#fff}body:has(.stepmojo-home-reference) #stepmojo-collections.stepmojo-themes{padding-block:1.7rem 1.4rem}body:has(.stepmojo-home-reference) .stepmojo-themes__inner{width:min(100%,77rem);margin-inline:auto}body:has(.stepmojo-home-reference) .stepmojo-themes__eyebrow,body:has(.stepmojo-home-reference) .stepmojo-themes__label,body:has(.stepmojo-home-reference) .stepmojo-themes__count{display:none}body:has(.stepmojo-home-reference) .stepmojo-themes__heading{margin:0;color:var(--stepmojo-home-ink);font-size:clamp(1.85rem,3vw,2.35rem);letter-spacing:-.025em}body:has(.stepmojo-home-reference) .stepmojo-themes__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}body:has(.stepmojo-home-reference) .stepmojo-themes__card{min-height:12rem;border-radius:1rem;box-shadow:none}body:has(.stepmojo-home-reference) .stepmojo-themes__link{grid-template-columns:minmax(9rem,.9fr) minmax(10rem,1.1fr)}body:has(.stepmojo-home-reference) .stepmojo-themes__media{min-height:12rem}body:has(.stepmojo-home-reference) .stepmojo-themes__image{padding:.45rem}body:has(.stepmojo-home-reference) .stepmojo-themes__meta{padding:1.15rem}body:has(.stepmojo-home-reference) .stepmojo-themes__title{margin-bottom:.45rem;font-size:clamp(1.25rem,2vw,1.7rem)}body:has(.stepmojo-home-reference) .stepmojo-themes__description{display:-webkit-box;overflow:hidden;margin:0;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:.72rem}body:has(.stepmojo-home-reference) .stepmojo-themes__preview-note{display:none}body:has(.stepmojo-home-reference) .stepmojo-themes__card-cta{min-height:2rem;margin-top:.65rem;padding:.35rem .7rem;font-size:.68rem}body:has(.stepmojo-home-reference) #MainContent .stepmojo-story.section{padding-block:.7rem 2.8rem;background:#fff}body:has(.stepmojo-home-reference) .stepmojo-story__inner{position:relative;width:min(100% - 3rem,77rem);min-height:11.5rem;grid-template-columns:minmax(0,1fr) 19rem;gap:1rem;margin-inline:auto;border:1px solid #f2dfba;border-radius:1.15rem;background:radial-gradient(circle at 7% 70%,rgb(93 149 191 / 12%),transparent 10rem),linear-gradient(100deg,#fff9e9,#fffdf8);box-shadow:none}body:has(.stepmojo-home-reference) .stepmojo-story__content{grid-column:1;grid-row:1;max-width:none;padding:clamp(1.4rem,3vw,2.1rem)}body:has(.stepmojo-home-reference) .stepmojo-story__heading{margin:0;color:var(--stepmojo-home-ink);font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.025em}body:has(.stepmojo-home-reference) .stepmojo-story__benefits{display:grid;grid-template-columns:repeat(4,minmax(8rem,1fr));gap:.75rem 1.2rem;margin:1.2rem 0 0;padding:0;list-style:none}body:has(.stepmojo-home-reference) .stepmojo-story__benefits li{display:grid;grid-template-columns:1.15rem minmax(0,1fr);gap:.45rem;align-items:start;color:#504c47;font-size:.68rem;line-height:1.45}body:has(.stepmojo-home-reference) .stepmojo-story__benefits li span{display:grid;width:1.05rem;height:1.05rem;place-items:center;border-radius:50%;background:var(--stepmojo-home-green);color:#fff;font-size:.62rem;font-weight:800}body:has(.stepmojo-home-reference) .stepmojo-story__media{grid-column:2;grid-row:1;min-height:11.5rem;border:0;border-radius:0;background:transparent;box-shadow:none}body:has(.stepmojo-home-reference) .stepmojo-story__image{height:100%;aspect-ratio:auto;padding:.5rem 1rem;object-fit:contain}body:has(.stepmojo-home-reference) .stepmojo-story__callout{position:absolute;z-index:2;right:1rem;bottom:1rem;display:grid;width:5.6rem;height:5.6rem;place-items:center;margin:0;padding:.7rem;border-radius:46% 54% 48% 52%/52% 46% 54% 48%;background:var(--stepmojo-home-coral);color:#fff;font-size:.72rem;font-weight:800;line-height:1.25;text-align:center;transform:rotate(-4deg)}body:has(.stepmojo-home-reference) :is(a,button,input):focus-visible{outline:3px solid color-mix(in srgb,var(--stepmojo-home-blue) 76%,white);outline-offset:3px}@media screen and (max-width:1180px){body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__inner{grid-template-columns:var(--stepmojo-reference-hero-columns, minmax(18rem, .82fr) minmax(27rem, 1.18fr))}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps li{grid-template-columns:4.2rem minmax(0,1fr)}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps li>.stepmojo-party-guide__step-icon{width:4.2rem;height:4.2rem}body:has(.stepmojo-home-reference) .stepmojo-story__benefits{grid-template-columns:repeat(2,minmax(10rem,1fr))}}@media screen and (max-width:989px){#MainContent .stepmojo-home-reference.section{padding:2.2rem 1.5rem 4rem}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__inner{min-height:0;grid-template-columns:1fr;gap:1rem}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__content,body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__media{grid-column:1}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__media{min-height:18.5rem;max-height:20rem}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__proof{width:min(42rem,calc(100vw - 3rem))}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps:before{content:none}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(.stepmojo-home-reference) .stepmojo-themes__grid{grid-template-columns:1fr}body:has(.stepmojo-home-reference) .stepmojo-story__inner{grid-template-columns:minmax(0,1fr) 15rem}}@media screen and (max-width:749px){#MainContent .stepmojo-home-reference.section{padding:1.9rem 1rem 2.5rem}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__inner{row-gap:0}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__content{display:contents}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__age,body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__heading,body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__text,body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__actions{grid-column:1;order:1}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__age:empty{display:none}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__heading{font-size:clamp(3rem,15vw,4.55rem)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__media{order:2;min-height:16rem;max-height:none;margin-top:2rem}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,8rem)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__mosaic--count-4 .stepmojo-hero__tile:first-child,body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__tile:nth-child(2),body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__tile:nth-child(3),body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__tile:nth-child(4){grid-column:auto;grid-row:auto}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__proof{grid-column:1;order:3;position:static;width:100%;margin-top:.5rem;transform:none}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__proof li{padding-inline:.7rem}body:has(.stepmojo-home-reference) #stepmojo-party-guide.stepmojo-party-guide-section{padding-block:2.6rem 1.4rem}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps{grid-template-columns:1fr}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps li{grid-template-columns:4rem minmax(0,1fr)}body:has(.stepmojo-home-reference) .stepmojo-party-guide__steps li>.stepmojo-party-guide__step-icon{width:4rem;height:4rem}body:has(.stepmojo-home-reference) .stepmojo-themes__link{grid-template-columns:minmax(8.5rem,.8fr) minmax(0,1.2fr)}body:has(.stepmojo-home-reference) .stepmojo-themes__media,body:has(.stepmojo-home-reference) .stepmojo-themes__meta{grid-row:1}body:has(.stepmojo-home-reference) .stepmojo-story__inner{width:calc(100% - 2rem);grid-template-columns:1fr}body:has(.stepmojo-home-reference) .stepmojo-story__content,body:has(.stepmojo-home-reference) .stepmojo-story__media{grid-column:1}body:has(.stepmojo-home-reference) .stepmojo-story__media{grid-row:2;min-height:11rem}body:has(.stepmojo-home-reference) .stepmojo-story__benefits{grid-template-columns:1fr}}@media screen and (max-width:520px){body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__actions{display:grid}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__btn{width:100%}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__proof{grid-template-columns:1fr}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__proof li+li{border-block-start:1px solid var(--stepmojo-home-line);border-inline-start:0}body:has(.stepmojo-home-reference) .stepmojo-themes__link{grid-template-columns:1fr}body:has(.stepmojo-home-reference) .stepmojo-themes__media{grid-row:1;min-height:10rem}body:has(.stepmojo-home-reference) .stepmojo-themes__meta{grid-row:2}}@media(prefers-reduced-motion:reduce){body:has(.stepmojo-home-reference) *,body:has(.stepmojo-home-reference) *:before,body:has(.stepmojo-home-reference) *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media screen and (min-width:990px){#MainContent .stepmojo-home-reference.section{z-index:1;margin-bottom:2.3rem;padding-block:0;padding-inline:0}#MainContent .stepmojo-home-reference.section>.stepmojo-hero__inner{grid-column:1 / -1;width:100%;max-width:none;height:var(--stepmojo-reference-hero-section-height, 32.875rem);min-height:var(--stepmojo-reference-hero-section-height, 32.875rem);margin-inline:0;grid-template-columns:minmax(0,.88fr) minmax(0,1.25fr);gap:0}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__content{align-self:center;max-width:none;padding:clamp(3.625rem,7vw,6.625rem) clamp(2rem,7vw,7rem)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__media{position:relative;align-self:stretch;width:100%;height:100%;min-height:100%;max-height:none;overflow:hidden;place-items:stretch}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__media--packaging{padding:0}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__packaging-image{width:100%;height:100%;object-fit:contain;object-position:right center;background:var(--stepmojo-reference-hero-background)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__media--packaging:after{position:absolute;z-index:2;inset:0 auto 0 0;width:var(--stepmojo-reference-hero-feather-width, 22%);background:var(--stepmojo-reference-hero-feather-gradient, linear-gradient(90deg, #fffdf9, transparent));content:"";pointer-events:none}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__proof{bottom:-2.3rem}}@media screen and (min-width:990px)and (max-width:1180px){#MainContent .stepmojo-home-reference.section>.stepmojo-hero__inner{grid-template-columns:minmax(19rem,.92fr) minmax(27rem,1.18fr)}body:has(.stepmojo-home-reference) .stepmojo-home-reference .stepmojo-hero__content{padding-inline:clamp(2rem,5vw,4rem)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/stepmojo-home-reference.css.map */