/*!
 * block-how-it-works.scss v1.5.1
 * Purpose: GSAP ScrollTrigger pinned on desktop (XL/LG/MD) + natural vertical scrolling over sticky Lottie on mobile (SM)
 * Skip: Sticky viewport container (.hiw-sticky-holder) locked to the entire block boundary
 * Colors: --color-off-white, --color-plum, --color-maize, --color-russet, --color-black
 * Typography: xxlarge-title (intro), big-title (steps), p-article, label-text, button-text (skip)
 * (c) 2025 MADEO LLC - https://madeostudio.com
 * Licensed under the MIT License
 */
/*!
 * _variable.scss v1.0.0
 * (c) 2025 MADEO LLC - https://madeostudio.com
 * Licensed under the MIT License
 */
/*! Variables
   ========================================================================== */
.block-how-it-works{position:relative;background-color:var(--color-off-white);color:var(--color-plum);overflow:clip}@media (min-width:1200px){.block-how-it-works{padding-top:80px;padding-bottom:80px;margin-bottom:0}}@media (min-width:992px) and (max-width:1199.98px){.block-how-it-works{padding-top:80px;padding-bottom:80px;margin-bottom:0}}@media (min-width:768px) and (max-width:991.98px){.block-how-it-works{padding-top:60px;padding-bottom:60px;margin-bottom:0}}@media (max-width:767.98px){.block-how-it-works{padding-top:0;padding-bottom:0;margin-bottom:50px}}.block-how-it-works .hiw-sticky-holder{position:sticky;top:0;z-index:6;height:100vh;height:var(--hiw-height,100vh);margin-bottom:calc(var(--hiw-height,100vh) * -1);pointer-events:none}@media (max-width:767.98px){.block-how-it-works .hiw-sticky-holder{height:100svh;margin-bottom:-100svh}}.block-how-it-works .hiw-skip{position:absolute;bottom:53px;left:50px;z-index:6;pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:10px 24px 10px 20px;margin:0;border:0;background:0 0;color:var(--color-russet);cursor:pointer;text-transform:uppercase;text-decoration:none;transition:opacity .5s cubic-bezier(.66,0,.34,1)}.block-how-it-works .hiw-skip:before{content:"";display:block;width:24px;height:24px;flex-shrink:0;background:url(//builddifferent.media/wp-content/themes/acumenaf/blocks/block-how-it-works/../../_include/img/ui/icon-skip-arrow.svg) center/24px 24px no-repeat;transform:rotate(180deg)}@media (hover:hover){.block-how-it-works .hiw-skip:hover .inner-text{text-decoration:underline}}.block-how-it-works.is-complete .hiw-skip,.block-how-it-works.is-content-hidden .hiw-skip{opacity:0!important;pointer-events:none!important}.block-how-it-works .hiw-scroll-space{position:relative;height:1300vh}@media (max-width:767.98px){.block-how-it-works .hiw-scroll-space{height:auto}}.block-how-it-works .hiw-frame{position:relative;width:100%;height:auto;display:flex;align-items:center;justify-content:center;background-color:transparent;transition:opacity .5s cubic-bezier(.66,0,.34,1)}@media (max-width:767.98px){.block-how-it-works .hiw-frame{display:block}}.block-how-it-works .hiw-layout{display:flex;align-items:center;width:100%}@media (max-width:767.98px){.block-how-it-works .hiw-layout{display:block;position:relative}}.block-how-it-works .hiw-left{position:relative;flex:0 0 50%;width:50%;height:auto;display:flex;align-items:center;justify-content:center;padding:0 20px;pointer-events:none;overflow:visible}@media (max-width:767.98px){.block-how-it-works .hiw-left{position:sticky;top:0;z-index:1;flex:none;width:100%;height:100svh;min-height:0;padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}}.block-how-it-works .hiw-morph{position:relative;width:100%;max-width:608px;overflow:hidden}.block-how-it-works .hiw-morph-track{position:relative;width:100%;max-width:608px;will-change:transform;transform:translate3d(var(--hiw-track-x,0),0,0)}.block-how-it-works .hiw-morph-panel{display:flex;flex-direction:column;align-items:stretch;gap:36px}.block-how-it-works .hiw-morph-panel--from{position:absolute;left:0;top:0;z-index:2;width:calc((100% - 28px)/ 2);opacity:var(--hiw-from-opacity,1)}.block-how-it-works .hiw-morph-panel--to{position:relative;z-index:1;width:100%;max-width:608px;opacity:var(--hiw-to-opacity,0)}.block-how-it-works .hiw-dual-morph{position:relative;width:100%;max-width:608px;display:flex;flex-direction:column;gap:36px}.block-how-it-works .hiw-dual-labels-morph{position:relative;width:100%;overflow:hidden}.block-how-it-works .hiw-dual-labels-track{position:relative;width:100%;will-change:transform;transform:translate3d(var(--hiw-dual-x,0),0,0)}.block-how-it-works .hiw-dual-labels--from{position:relative;z-index:2;width:100%;opacity:var(--hiw-dual-from-op,1);transition:none}.block-how-it-works .hiw-dual-labels--to{position:absolute;left:calc(50% + 14px);top:0;z-index:1;width:100%;opacity:var(--hiw-dual-labels-to-op,0);transition:none}.block-how-it-works .hiw-dual-stages{position:relative;width:100%}.block-how-it-works .hiw-dual-stage-wrap--from{position:relative;z-index:2;width:100%;opacity:var(--hiw-dual-stage-from-op,1);transition:none}.block-how-it-works .hiw-dual-stage-wrap--to{position:absolute;left:0;top:0;z-index:1;width:100%;opacity:var(--hiw-dual-stage-to-op,0);transition:none}.block-how-it-works .hiw-lottie-labels{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;width:100%;margin:0}.block-how-it-works .hiw-lottie-title{margin:0;text-align:center;text-transform:uppercase;color:var(--color-plum)!important}.block-how-it-works .hiw-morph-stage{position:relative;width:100%;flex-shrink:0;overflow:hidden}.block-how-it-works .hiw-morph-stage--single{aspect-ratio:1/1}.block-how-it-works .hiw-morph-stage--dual{aspect-ratio:608/290}.block-how-it-works .hiw-morph-stage canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none}.block-how-it-works .hiw-morph-stage canvas.is-active:not(.is-crossfading){opacity:1;visibility:visible}.block-how-it-works .hiw-morph-stage canvas.is-crossfading{visibility:visible}.block-how-it-works .hiw-right{position:relative;flex:0 0 50%;width:50%;min-width:0;height:auto;min-height:320px;display:grid;align-items:center;padding:0 80px 0 40px}@media (max-width:767.98px){.block-how-it-works .hiw-right{position:relative;z-index:2;flex:none;width:100%;height:auto;margin-top:-100svh;padding:0;display:block;pointer-events:auto}}.block-how-it-works .step-panel{grid-area:1/1;display:flex;align-items:center;width:100%;opacity:0;pointer-events:none;will-change:transform,opacity}.block-how-it-works .step-panel.is-active{opacity:1;pointer-events:auto}.block-how-it-works .step-panel .step-inner{display:flex;flex-direction:column;align-items:flex-start;gap:30px;width:100%;max-width:425px}.block-how-it-works .step-panel .hiw-step-tag{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:10px 24px;border-radius:999px;background-color:var(--color-plum);color:var(--color-maize)!important;text-transform:uppercase;white-space:nowrap}.block-how-it-works .step-panel .step-title{margin:0;color:var(--color-plum)!important}.block-how-it-works .step-panel .step-body{margin:0;color:var(--color-black)!important}.block-how-it-works .step-panel .step-body p{margin:0 0 20px}.block-how-it-works .step-panel .step-body p:last-child{margin-bottom:0}.block-how-it-works .step-panel .step-body b,.block-how-it-works .step-panel .step-body strong{font-weight:700}.block-how-it-works .step-panel.is-intro .step-title{max-width:434px}.block-how-it-works.is-content-hidden .hiw-frame{opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.66,0,.34,1)}@media (min-width:768px) and (max-width:991.98px){.block-how-it-works .hiw-left{padding:0 16px}.block-how-it-works .hiw-right{padding:0 40px 0 24px}.block-how-it-works .step-panel .step-inner{max-width:360px;gap:24px}.block-how-it-works .hiw-skip{bottom:32px;left:24px}}@media (max-width:767.98px){.block-how-it-works .hiw-morph{max-width:335px;margin-inline:auto;overflow:hidden}.block-how-it-works .hiw-morph-track{max-width:335px;width:100%}.block-how-it-works .hiw-morph-panel{gap:20px}.block-how-it-works .hiw-morph-panel--from{width:calc((100% - 16px)/ 2);max-width:159px}.block-how-it-works .hiw-morph-panel--to{max-width:335px}.block-how-it-works .hiw-morph-stage--single{max-width:100%;width:100%}.block-how-it-works .hiw-dual-morph{max-width:335px;gap:20px}.block-how-it-works .hiw-lottie-labels{column-gap:16px}.block-how-it-works .hiw-dual-labels--to{left:calc(50% + 8px)}.block-how-it-works .hiw-lottie-title{font-size:14px;line-height:1.2}.block-how-it-works .step-panel{position:relative;width:100%;min-height:150svh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 16px 20svh;opacity:1!important;transform:none!important;visibility:visible!important;pointer-events:auto}.block-how-it-works .step-panel .step-inner{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:343px;width:100%;margin-inline:auto;padding:24px 15px;background-color:rgba(247,242,234,.93)}.block-how-it-works .step-panel .hiw-step-tag{min-height:0;padding:7px 16px;font-size:14px;line-height:1.2;border-radius:999px;background-color:var(--color-plum);color:var(--color-maize)!important;margin-bottom:3px}.block-how-it-works .step-panel .step-title{font-size:2em;line-height:1.2;font-weight:500;font-family:CopernicusNewCond,serif}.block-how-it-works .step-panel .step-title{letter-spacing:.01empx}.block-how-it-works .step-panel .step-title{color:var(--color-plum)!important;margin:0}.block-how-it-works .step-panel .step-body{font-size:1em;line-height:1.3;font-weight:400;font-family:"PT Serif",serif}.block-how-it-works .step-panel .step-body{letter-spacing:-.005empx}.block-how-it-works .step-panel .step-body{color:var(--color-black)!important;margin:0}.block-how-it-works .step-panel .step-body p{margin:0 0 20px}.block-how-it-works .step-panel .step-body p:last-child{margin-bottom:0}.block-how-it-works .step-panel.is-intro{min-height:100svh;align-items:center;justify-content:flex-start;padding:71px 16px 0}.block-how-it-works .step-panel.is-intro .step-inner{align-items:center;max-width:335px;padding:0;background:0 0;box-shadow:none;text-align:center}.block-how-it-works .step-panel.is-intro .step-title{font-size:3.75em;line-height:1.15;font-weight:500;font-family:CopernicusNewCond,serif}.block-how-it-works .step-panel.is-intro .step-title{letter-spacing:0}.block-how-it-works .step-panel.is-intro .step-title{color:var(--color-plum)!important;text-align:center;max-width:none}.block-how-it-works .hiw-skip{bottom:20px;bottom:calc(20px + 100svh - 100dvh);left:20px;z-index:6;gap:4px;padding:8px 15px 10px 10px}.block-how-it-works .hiw-skip:before{width:18px;height:18px;background-size:18px 18px}.block-how-it-works .hiw-skip .skip-full{display:none}}@media (min-width:768px) and (max-width:991.98px){.block-how-it-works .hiw-left{padding:0 15px 0 30px}.block-how-it-works .hiw-right{padding:0 30px 0 15px}}@media (min-width:768px){.block-how-it-works .hiw-skip .skip-short{display:none}}.hiw-skip-fade-target{opacity:0;transition:none}.hiw-skip-fade-target.is-in-view{opacity:1;transition:opacity .5s cubic-bezier(.66,0,.34,1)}