body[data-fudge-process-page]{height:100svh;overflow:hidden}body[data-fudge-process-page] #MainContent{height:calc(100svh - var(--header-height) - 2.25rem);overflow:hidden}body[data-fudge-process-page] #MainContent>.shopify-section{height:100%;min-height:0}
.fudge-process{--process-image-size:clamp(17rem,min(43vw,43svh),30rem);position:relative;display:grid;width:100%;height:100%;min-height:0;isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;contain:layout paint;padding:clamp(.8rem,2svh,1.4rem) var(--page-gutter) clamp(.5rem,1svh,.8rem);background:linear-gradient(180deg,#f4f3ef 0%,#deddd8 72%,#c7c6c1 100%);outline:none;overscroll-behavior:none}
.fudge-process__header{position:relative;z-index:5;display:grid;justify-items:center;gap:.1rem;text-align:center}.fudge-process__eyebrow,.fudge-process__number{font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.fudge-process__header h1{color:var(--color-chocolate);font-size:clamp(2.25rem,min(5.5vw,7svh),4.75rem);line-height:.95}.fudge-process__header>p:last-child{max-width:45rem;font-size:clamp(.78rem,1.15vw,.98rem)}
.fudge-process__viewport{position:relative;z-index:2;width:100%;min-height:0;touch-action:none;user-select:none;-webkit-user-select:none}.fudge-process__step{position:absolute;display:grid;visibility:hidden;inset:0;grid-template-rows:minmax(0,1fr) auto;justify-items:center;opacity:0;pointer-events:none;transform:translateX(-50%) scale(.35);filter:grayscale(.75);transition:transform .65s cubic-bezier(.22,.75,.18,1),opacity .5s ease,filter .5s ease,visibility 0s linear .65s}.fudge-process__step.is-active{z-index:4;visibility:visible;opacity:1;pointer-events:auto;transform:none;filter:none;transition-delay:0s}.fudge-process__step.is-prev{z-index:2;visibility:visible;opacity:.28;transform:translateX(-43%) scale(.62);filter:grayscale(.7);transition-delay:0s}.fudge-process__step.is-next{z-index:2;visibility:visible;opacity:.28;transform:translateX(43%) scale(.62);filter:grayscale(.7);transition-delay:0s}.fudge-process__step.is-prev .fudge-process__copy,.fudge-process__step.is-next .fudge-process__copy{visibility:hidden;opacity:0}
.fudge-process__art{display:grid;width:100%;min-height:0;place-items:center}.fudge-process__art img{display:block;width:var(--process-image-size);height:var(--process-image-size);max-width:80%;max-height:96%;object-fit:contain;filter:drop-shadow(0 1rem 1rem rgb(51 30 15 / 23%))}.fudge-process__copy{display:grid;width:min(42rem,calc(100vw - 2rem));min-height:clamp(7.5rem,15svh,10rem);align-content:start;justify-items:center;gap:.2rem;padding:.2rem .5rem 0;text-align:center;transition:opacity .35s ease .15s}.fudge-process__copy h2{color:var(--color-chocolate);font-size:clamp(2rem,min(4vw,6svh),3.5rem);line-height:1}.fudge-process__copy>p:last-of-type{display:-webkit-box;overflow:hidden;max-width:64ch;font-size:clamp(.76rem,min(1.1vw,1.7svh),.98rem);line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:3}.fudge-process__copy .button{margin-top:.25rem;padding:.55rem .9rem;font-size:.8rem}
.fudge-process__progress{position:relative;z-index:6;display:grid;width:min(30rem,100%);justify-self:center;gap:.3rem;text-align:center}.fudge-process__progress>span{font-size:.7rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.fudge-process__dots{display:flex;justify-content:center;gap:.3rem}.fudge-process__dot{width:.5rem;height:.5rem;border:0;border-radius:50%;padding:0;background:rgb(51 30 15 / 24%);cursor:pointer;transition:width .25s ease,background .25s ease}.fudge-process__dot.is-active{width:1.4rem;border-radius:1rem;background:var(--color-yellow);box-shadow:inset 0 0 0 1px var(--color-chocolate)}.fudge-process__hint{position:relative;z-index:6;margin:.25rem 0 0;text-align:center;font-size:.68rem;font-weight:750;opacity:.65}
@media(max-width:700px){.fudge-process{--process-image-size:clamp(13rem,min(68vw,33svh),20rem);padding:.7rem .65rem .4rem}.fudge-process__header h1{font-size:clamp(2rem,min(10vw,6svh),3rem)}.fudge-process__header>p:last-child{display:none}.fudge-process__step{grid-template-rows:minmax(0,1fr) auto}.fudge-process__step.is-prev{opacity:.18;transform:translateX(-55%) scale(.52)}.fudge-process__step.is-next{opacity:.18;transform:translateX(55%) scale(.52)}.fudge-process__art img{max-width:72vw;max-height:94%}.fudge-process__copy{min-height:clamp(9rem,22svh,12.5rem);padding-top:.1rem}.fudge-process__copy h2{font-size:clamp(2rem,min(11vw,6svh),3.2rem)}.fudge-process__copy>p:last-of-type{max-width:38rem;font-size:clamp(.7rem,min(3.25vw,1.7svh),.88rem);line-height:1.34;-webkit-line-clamp:5}.fudge-process__copy .button{padding:.45rem .75rem}.fudge-process__hint{font-size:.64rem}}
@media(max-height:700px) and (orientation:landscape){.fudge-process{--process-image-size:clamp(13rem,42svh,19rem);padding-block:.4rem}.fudge-process__header{position:absolute;top:.6rem;left:var(--page-gutter);align-items:start;justify-items:start;text-align:left}.fudge-process__header h1{font-size:clamp(2rem,7vh,2.8rem)}.fudge-process__header>p:last-child{display:none}.fudge-process__copy{min-height:clamp(6rem,19svh,8rem)}.fudge-process__copy h2{font-size:clamp(2rem,7vh,3rem)}.fudge-process__copy>p:last-of-type{font-size:clamp(.68rem,1.8vh,.82rem);-webkit-line-clamp:2}.fudge-process__hint{display:none}}
@media(prefers-reduced-motion:reduce){.fudge-process__step,.fudge-process__copy,.fudge-process__dot{transition:none}}
.fudge-process__step.is-prev{transform:translateX(calc(-1 * clamp(17rem,28vw,28rem))) scale(.62)}.fudge-process__step.is-next{transform:translateX(clamp(17rem,28vw,28rem)) scale(.62)}
.fudge-process__arrow{position:absolute;z-index:7;top:40%;display:grid;width:3.15rem;aspect-ratio:1;place-items:center;border:2px solid var(--color-chocolate);border-radius:50%;background:rgb(255 253 247 / 90%);color:var(--color-chocolate);font-size:1.35rem;cursor:pointer;transform:translateY(-50%)}.fudge-process__arrow--prev{left:max(1rem,calc(50% - 35rem))}.fudge-process__arrow--next{right:max(1rem,calc(50% - 35rem))}.fudge-process__arrow:hover:not(:disabled),.fudge-process__arrow:focus-visible{background:var(--color-yellow)}.fudge-process__arrow:disabled{visibility:hidden;opacity:0;pointer-events:none}
@media(max-width:700px){.fudge-process__step.is-prev{transform:translateX(-55%) scale(.52)}.fudge-process__step.is-next{transform:translateX(55%) scale(.52)}.fudge-process__arrow{display:none}}