.sf-journey-home{position:relative;isolation:isolate;gap:65px;padding-bottom:100px}.sf-journey-home>.sf-block{position:relative;z-index:1;width:59%;justify-self:start;box-shadow:0 18px 55px #051b1420}.sf-journey-home>.sf-hero{width:100%}.sf-journey-home .sf-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sf-journey-home .sf-benefits{grid-template-columns:1fr;gap:28px}.sf-journey-home .sf-cta{flex-wrap:wrap;gap:20px}.sf-journey-home .sf-section-heading:has(>div){display:block}.sf-journey-home .sf-section-heading .btn{margin-top:16px}.jp-stage{--pack:0;--unpack:0;--box-in:0;--box-out:0;--cafe-in:0;--hot:0;--cold:0;--finish:0;--ready:0;--pour:0;--route:0;position:fixed;inset:100px 0 0;z-index:0;pointer-events:none;overflow:hidden;color:#E6DAB6;background:radial-gradient(ellipse at 15% 45%,#294a343d,transparent 64%)}.jp-art{position:absolute;left:-5vw;top:0;width:57vw;height:calc(100% - 118px);overflow:visible}.jp-heading{position:absolute;left:40px;top:20px;right:64%;display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:2}.jp-heading>span{font:8px Arial;letter-spacing:2px;opacity:.55}.jp-heading button{pointer-events:auto;background:#173c2cc9;color:#E6DAB6;border:1px solid #e6dab639;border-radius:25px;padding:8px 13px;font:inherit;font-size:10px;white-space:nowrap}.jp-heading button:hover{background:#E6DAB6;color:#0D2B20}.jp-heading button:focus-visible{outline:2px solid #E6DAB6;outline-offset:4px}.jp-copy{position:absolute;left:3vw;bottom:32px;width:31vw;text-align:right}.jp-number{font:10px Arial;direction:ltr;display:block;letter-spacing:2px;color:#b7ba86}.jp-copy h2{font-size:clamp(19px,1.8vw,29px);line-height:1.7;letter-spacing:-.5px;margin:11px 0 5px;color:#E6DAB6}.jp-copy p{font-size:11px;line-height:2;color:#bfcaad;margin:0}.jp-copy small{display:block;font-size:9px;color:#91a68c;margin-top:12px}.jp-steps{display:flex;gap:7px;margin-top:15px}.jp-steps i{width:36px;height:2px;background:#49634b;border-radius:4px}.jp-steps i.active{background:#E6DAB6}.jp-cafe{opacity:var(--cafe-in);transform:translateY(calc((1 - var(--cafe-in))*42px))}.jp-box{opacity:calc(var(--box-in)*(1 - var(--box-out)));transform-box:fill-box;transform-origin:center;transform:translateY(calc((1 - var(--box-in))*65px)) scale(calc(.9 + var(--box-in)*.1))}.jp-supplies{opacity:calc(1 - var(--unpack))}.jp-coffee,.jp-milk,.jp-syrup{transform-box:fill-box;transform-origin:center}.jp-coffee{transform:translate(calc(var(--pack)*110px),calc(var(--pack)*165px)) rotate(calc(var(--pack)*8deg)) scale(calc(1 - var(--pack)*.4))}.jp-syrup{transform:translate(calc(var(--pack)*-30px),calc(var(--pack)*165px)) rotate(calc(var(--pack)*-8deg)) scale(calc(1 - var(--pack)*.35))}.jp-milk{transform:translate(calc(var(--pack)*-160px),calc(var(--pack)*145px)) rotate(calc(var(--pack)*-12deg)) scale(calc(1 - var(--pack)*.35))}.jp-route{opacity:.22}.jp-line{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--route))}.cafe-hot{opacity:var(--hot);transform:translateY(calc((1 - var(--hot))*40px))}.cafe-cold{opacity:var(--cold);transform:translateY(calc((1 - var(--cold))*40px))}.cafe-finish{opacity:var(--finish);transform:translateX(calc((1 - var(--finish))*-40px))}.cafe-cargo{transform-box:fill-box;transform-origin:center}.cafe-cold-liquid{transform-box:fill-box;transform-origin:bottom;transform:scaleY(var(--ready))}.cafe-coffee-surface,.cafe-ice,.cafe-ready{opacity:var(--ready)}.cafe-lights{opacity:calc(.2 + var(--ready)*.7)}.cafe-coffee-flow{opacity:var(--pour)}.cafe-steam{opacity:var(--ready);transform-box:fill-box;transform-origin:center;animation:jp-steam 5s ease-in-out infinite}.jp-paused .cafe-steam{animation-play-state:paused}.jp-static .cafe-steam{animation:none}@keyframes jp-steam{50%{transform:translateY(-7px)}}
.jp-supplies{transform-origin:400px 280px;transform:translate(-30px,90px) scale(1.65)}
@media(min-width:1500px){.sf-journey-home>.sf-block{width:62%}.sf-journey-home>.sf-hero{width:100%}.jp-art{left:calc((100vw - 1500px)/2 - 75px);width:780px}.jp-heading{left:max(40px,calc((100vw - 1450px)/2));right:auto;width:330px}.jp-copy{left:max(40px,calc((100vw - 1450px)/2));width:380px}}
@media(max-width:1050px) and (min-width:761px){.sf-journey-home>.sf-block{width:61%;padding:26px}.sf-journey-home>.sf-hero{width:100%}.jp-copy{width:30vw}.jp-copy h2{font-size:20px}.jp-heading{left:22px;right:64%}.jp-heading>span{display:none}.jp-art{left:-7vw;width:60vw}.sf-journey-home .sf-block h2{font-size:28px}}
@media(max-width:760px){.sf-journey-home{gap:30px;padding-bottom:170px}.sf-journey-home>.sf-block{width:100%;box-shadow:none}.jp-stage{inset:auto 0 0;height:125px;z-index:18;background:#0D2B20f5;border-top:1px solid #e6dab62b;backdrop-filter:blur(12px)}.jp-art{left:-8px;top:-8px;width:155px;height:140px}.jp-copy{left:155px;right:17px;bottom:14px;width:auto}.jp-copy h2{font-size:14px;line-height:1.65;margin:4px 0}.jp-copy p,.jp-copy small,.jp-number{display:none}.jp-steps{margin-top:10px;gap:5px}.jp-steps i{width:27px}.jp-heading{top:9px;right:17px;left:auto}.jp-heading>span{display:none}.jp-heading button{font-size:8px;padding:4px 9px}.sf-journey-home .sf-products{gap:10px}.storefront:has(.sf-journey-home) .sf-footer{padding-bottom:150px}.sf-journey-home .sf-section-heading .btn{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.cafe-steam{animation:none}.jp-route{opacity:.1}}

@media(max-width:760px){.jp-supplies{transform:translate(-30px,45px) scale(1.35)}}

@media(min-width:761px){.storefront:has(.sf-journey-home) .sf-footer{position:relative;z-index:1;margin-left:41%;padding:40px;grid-template-columns:1fr 1fr;gap:24px;background:#0D2B20}.storefront:has(.sf-journey-home) .sf-footer-note{grid-column:1/-1}}

/* The story starts after the hero, with its own scroll range. */
.jp-stage{opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.jp-stage.jp-visible{opacity:1;visibility:visible}.jp-parcel{opacity:calc(var(--box-in)*(1 - var(--box-out)))}.jp-box-walls,.jp-interior,.jp-flap{opacity:var(--box-in)}.jp-supplies{transform-origin:400px 280px;transform:translate(calc(-30px*(1 - var(--pack))),calc(90px*(1 - var(--pack)) + var(--sink)*100px)) scale(calc(1.65 - var(--pack)*.65))}.jp-coffee{transform:translate(calc(var(--pack)*105px),calc(var(--pack)*152px)) scale(calc(1 - var(--pack)*.55))}.jp-syrup{transform:translate(calc(var(--pack)*13px),calc(var(--pack)*159px)) scale(calc(1 - var(--pack)*.5))}.jp-milk{transform:translate(calc(var(--pack)*-73px),calc(var(--pack)*151px)) scale(calc(1 - var(--pack)*.5))}.jp-parcel .jp-supplies{opacity:calc(1 - var(--unpack))}.jp-tape{opacity:var(--tape)}.jp-route{opacity:calc(var(--drive)*.65)}.jp-line{stroke-dashoffset:calc(1 - var(--drive))}.jp-arrived{opacity:var(--arrived)}
@media(max-width:760px){.sf-journey-home{padding-bottom:45px;gap:44px}.jp-stage{inset:115px 0 0;height:auto;z-index:0;background:transparent;border:0;backdrop-filter:none}.jp-art{left:-9vw;top:5vh;width:118vw;height:70vh;opacity:.56}.jp-copy,.jp-heading{display:none}.sf-journey-home>.sf-block{background-color:rgba(230,218,182,.78)!important;background-image:none!important;backdrop-filter:blur(1px)}.sf-journey-home>.sf-hero{background-color:#E6DAB6!important;backdrop-filter:none}.storefront:has(.sf-journey-home) .sf-footer{padding-bottom:40px}.jp-supplies{transform:translate(calc(-30px*(1 - var(--pack))),calc(90px*(1 - var(--pack)) + var(--sink)*100px)) scale(calc(1.65 - var(--pack)*.65))}}
@media(prefers-reduced-motion:reduce){.jp-stage{transition:none}}

/* Mobile: soften with opacity, never a live backdrop blur. */
@media(max-width:760px){.sf-journey-home>.sf-block{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:rgba(230,218,182,.88)!important}.jp-art{opacity:.48}.jp-art [filter]{filter:none!important}.jp-art .cafe-steam{animation:none!important}.jp-stage{contain:layout style;pointer-events:none}.sf-journey-home>.sf-hero{background-color:#E6DAB6!important}}