.yummi-hiw{display:block;width:100%;box-sizing:border-box;background-color:var(--yummi-hiw-bg-color, #2B1810);padding-top:var(--yummi-hiw-padding-top-desktop, 100px)!important;padding-bottom:var(--yummi-hiw-padding-bottom-desktop, 100px)!important;overflow:hidden}.yummi-hiw *,.yummi-hiw *:before,.yummi-hiw *:after{box-sizing:inherit}.yummi-hiw__inner{max-width:1280px;margin:0 auto;padding:0 40px;display:flex;align-items:var(--yummi-hiw-grid-align, center);gap:var(--yummi-hiw-desktop-gap, 60px);width:100%}.yummi-hiw__inner--video-left{flex-direction:row}.yummi-hiw__inner--video-right{flex-direction:row-reverse}.yummi-hiw__video-column{flex:1 1 50%;width:50%;display:flex;flex-direction:column;justify-content:center}.yummi-hiw__video-wrapper{position:relative;width:100%;max-width:calc(var(--yummi-hiw-video-max-height-desktop, 600px) * .8);max-height:var(--yummi-hiw-video-max-height-desktop, 600px);aspect-ratio:4/5;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px -20px #0006;background-color:#3d2317;align-self:center}.yummi-hiw__video,.yummi-hiw__image-fallback{width:100%;height:100%;object-fit:cover;object-position:center;display:block;aspect-ratio:4/5;max-width:100%;max-height:var(--yummi-hiw-video-max-height-desktop, 600px)}.yummi-hiw__video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#3d2317;color:#fdf7f026;aspect-ratio:4/5;max-width:100%;max-height:var(--yummi-hiw-video-max-height-desktop, 600px)}.yummi-hiw__content-column{flex:1 1 50%;width:50%;display:flex;flex-direction:column}.yummi-hiw__content{width:100%;display:flex;flex-direction:column}.yummi-hiw__tagline{font-family:var(--font-sans, "Manrope", sans-serif);font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--yummi-hiw-tagline-color, #E89B3D);margin-bottom:20px;display:inline-flex;align-items:center;gap:12px}.yummi-hiw__tagline:before{content:"";display:inline-block;width:24px;height:1px;background-color:var(--yummi-hiw-tagline-color, #E89B3D)}.yummi-hiw__title{font-family:var(--font-serif, "Fraunces", Georgia, serif);font-size:var(--yummi-hiw-title-size-desktop, 48px);font-weight:400;line-height:1.1;letter-spacing:-.02em;font-style:italic;color:var(--yummi-hiw-title-color, #FDF7F0);margin:0 0 20px}.yummi-hiw__headline-line{display:block;margin:0}.yummi-hiw__subtitle{font-family:var(--font-sans, "Manrope", sans-serif);font-size:16px;line-height:1.65;font-weight:400;color:var(--yummi-hiw-subtitle-color, #FAEEDA);margin:0 0 40px;max-width:540px}.yummi-hiw__layers{display:flex;flex-direction:column;width:100%;gap:var(--yummi-hiw-layers-gap, 32px)}.yummi-hiw__layer{display:flex;align-items:start;gap:24px;width:100%;transition:transform .4s cubic-bezier(.16,1,.3,1)}.yummi-hiw__layer:hover{transform:translate(6px)}.yummi-hiw__layer-number{font-family:var(--font-serif, "Fraunces", Georgia, serif);font-size:var(--yummi-hiw-number-size-desktop, 56px);font-style:italic;font-weight:400;color:var(--yummi-hiw-number-color, #E89B3D);line-height:.9;flex-shrink:0;min-width:70px}.yummi-hiw__layer-text{display:flex;flex-direction:column;align-items:flex-start;flex:1}.yummi-hiw__layer-title{font-family:var(--font-serif, "Fraunces", Georgia, serif);font-size:var(--yummi-hiw-layer-title-size, 22px);font-weight:400;font-style:italic;color:var(--yummi-hiw-layer-title-color, #FDF7F0);margin:0 0 6px}.yummi-hiw__layer-desc{font-family:var(--font-sans, "Manrope", sans-serif);font-size:var(--yummi-hiw-description-size, 14px);line-height:1.6;font-weight:400;color:var(--yummi-hiw-description-color, #FAEEDA);margin:0;opacity:.85}.yummi-hiw__divider{width:100%;border:none;border-top:1px solid var(--yummi-hiw-divider-color, #FAEEDA);opacity:calc(var(--yummi-hiw-divider-opacity, 15) / 100);margin:0}.yummi-hiw__cta-wrapper{display:flex;justify-content:flex-start;width:100%;margin-top:48px}.yummi-hiw__cta{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans, "Manrope", sans-serif);font-size:16px;font-weight:500;letter-spacing:.5px;text-decoration:none;min-width:220px;border-radius:var(--yummi-hiw-cta-radius, 50px);background-color:var(--yummi-hiw-cta-bg, #E89B3D);color:var(--yummi-hiw-cta-text, #2B1810);padding-top:var(--yummi-hiw-cta-pt-desktop, 20px);padding-bottom:var(--yummi-hiw-cta-pb-desktop, 20px);padding-left:var(--yummi-hiw-cta-pl-desktop, 56px);padding-right:var(--yummi-hiw-cta-pr-desktop, 56px);transition:background-color .4s ease,color .4s ease,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease;box-shadow:0 4px 15px #e89b3d26;border:1px solid transparent}.yummi-hiw__cta:hover{background-color:var(--yummi-hiw-cta-hover-bg, #FDF7F0);color:var(--yummi-hiw-cta-hover-text, #2B1810);transform:translateY(-2px);box-shadow:0 6px 20px #fdf7f033}.yummi-hiw__cta:focus-visible{outline:2px solid var(--yummi-hiw-cta-bg, #E89B3D);outline-offset:4px}@media(max-width:1023px){.yummi-hiw{padding-top:var(--yummi-hiw-padding-top-mobile, 60px)!important;padding-bottom:var(--yummi-hiw-padding-bottom-mobile, 60px)!important}.yummi-hiw__inner{flex-direction:column!important;gap:48px;padding:0 30px}.yummi-hiw__video-column,.yummi-hiw__content-column{width:100%;flex:1 1 100%}.yummi-hiw__video-wrapper{aspect-ratio:4/5;max-width:calc(var(--yummi-hiw-video-max-height-mobile, 400px) * .8);max-height:var(--yummi-hiw-video-max-height-mobile, 400px)}.yummi-hiw__video,.yummi-hiw__image-fallback,.yummi-hiw__video-placeholder{max-height:var(--yummi-hiw-video-max-height-mobile, 400px)}}@media(max-width:749px){.yummi-hiw__inner{padding:0 20px}.yummi-hiw__title{font-size:var(--yummi-hiw-title-size-mobile, 32px)}.yummi-hiw__layer{gap:16px}.yummi-hiw__layer-number{font-size:var(--yummi-hiw-number-size-mobile, 40px);min-width:50px}.yummi-hiw__layer-title{font-size:20px}.yummi-hiw__cta{width:100%;font-size:14px;min-width:180px;padding-top:var(--yummi-hiw-cta-pt-mobile, 16px);padding-bottom:var(--yummi-hiw-cta-pb-mobile, 16px);padding-left:var(--yummi-hiw-cta-pl-mobile, 40px);padding-right:var(--yummi-hiw-cta-pr-mobile, 40px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/yummi-how-it-works.css.map */