/* Candidate visual layer: all rules are scoped to new enhancements. */
.sx-home-hero{--sx-ink:#294c3b;max-width:1420px;margin:0 auto;padding:24px 40px 20px;color:var(--sx-ink)}
.sx-hero-intro{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}.sx-eyebrow{width:100%;font-size:10px;font-weight:700;letter-spacing:.17em;margin:0}.sx-hero-heading{font-family:serif;font-weight:400;font-size:clamp(24px,3vw,40px);line-height:1.4;letter-spacing:.05em;margin:0}.sx-hero-note{font-size:12px;line-height:1.7;margin:0 0 3px}
.sx-product-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;border-radius:24px;border:1px solid #c8cdbd;isolation:isolate}.sx-product-track::-webkit-scrollbar{display:none}.sx-product-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:center;overflow:hidden;position:relative;background:var(--sx-ground);--sx-ground:#e8ebda;--sx-circle:#d3dbc0;--sx-accent:#4c6146}.sx-tone-deep{--sx-ground:#e7ddd1;--sx-circle:#cbb9a5;--sx-accent:#68503e}.sx-tone-light{--sx-ground:#ecebd6;--sx-circle:#d8d7ae;--sx-accent:#6a7043}.sx-tone-balance{--sx-ground:#e7ebdf;--sx-circle:#cbd6be;--sx-accent:#48634c}
.sx-hero-art{background:var(--sx-ground);position:relative;display:grid;place-items:center;min-height:470px;height:100%;isolation:isolate;overflow:hidden;text-decoration:none}.sx-hero-type{position:absolute;z-index:-1;top:30%;left:50%;transform:translateX(-50%);font-size:clamp(80px,12vw,180px);font-weight:800;letter-spacing:-.08em;line-height:1;color:var(--sx-accent);opacity:.18;white-space:nowrap}.sx-hero-orbit{position:absolute;width:55%;aspect-ratio:1;border:1px solid var(--sx-accent);border-radius:50%;opacity:.22;transform:rotate(-15deg) scaleX(1.35)}.sx-hero-orbit:after{content:'';position:absolute;inset:-25px;border:1px solid var(--sx-accent);border-radius:50%;opacity:.45}.sx-hero-photo{position:absolute;left:50%;top:50%;width:780px;max-width:none;height:780px;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transform:translate(-50%,-39%) rotate(-7deg);transition:transform .7s cubic-bezier(.2,.6,.2,1);filter:drop-shadow(10px 20px 14px #51463720)}.sx-slide-active .sx-hero-photo{animation:sx-bag-float 4.8s ease-in-out infinite}.sx-hero-stamp{position:absolute;right:10%;bottom:14%;width:66px;aspect-ratio:1;border-radius:50%;background:#f8f7eb;border:1px solid #68745470;display:grid;place-content:center;white-space:pre-line;font-size:11px;line-height:1.65;text-align:center;letter-spacing:.13em;transform:rotate(9deg)}
.sx-slide-copy{padding:35px 45px 35px 0;align-self:center}.sx-roast-label{font-size:12px;letter-spacing:.11em;display:inline-block;padding:7px 12px;border:1px solid #61705460;border-radius:20px;margin:0 0 18px}.sx-slide-name{font-family:serif;font-size:clamp(24px,2.8vw,36px);line-height:1.5;font-weight:400;margin:0 0 13px;word-break:normal;overflow-wrap:anywhere;letter-spacing:.035em}.sx-slide-note{font-size:13px;line-height:1.9;margin:0 0 24px;max-width:28em}.sx-slide-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.sx-slide-price{margin:0;display:grid;gap:4px}.sx-slide-price strong{font-size:25px;font-weight:650;letter-spacing:-.025em}.sx-slide-price small{font-size:10px}.sx-button{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;background:#2c503c;color:#fff;border-radius:7px;padding:14px 20px;font-size:13px;text-decoration:none;line-height:1.6;min-height:48px}.sx-button:hover{background:#1c3a29;color:#fff}.sx-gallery-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin:17px 0 0}.sx-arrow{border:1px solid #b9c2ac;border-radius:50%;height:36px;width:36px;background:transparent;color:#294c3b;font-size:19px;cursor:pointer}.sx-arrow:disabled{opacity:.3;cursor:default}.sx-gallery-tabs{display:flex;gap:5px}.sx-gallery-tab{border:0;background:transparent;color:#6c7c66;padding:9px 13px;border-radius:20px;font-size:11px;min-height:36px;cursor:pointer}.sx-gallery-tab[aria-pressed=true]{background:#dfe5d5;color:#294c3b;font-weight:700}.sx-gallery-count{font-size:10px;letter-spacing:.1em;margin-left:9px}.sx-swipe-hint{display:none}.sx-original-journey{max-width:1020px;margin:65px auto 80px}.sx-journey-heading{text-align:center;font-family:serif;font-size:24px;line-height:1.5;margin-bottom:22px}.sx-original-journey .visual-stage-board{width:100%;max-width:760px;margin:auto}.sx-original-journey .visual-stage{aspect-ratio:1.35}.sx-original-journey .visual-stage-board .visual-board-product{width:29%}
.sx-buying-detail .detail-visual{align-self:start}.sx-product-stage{position:relative;isolation:isolate;border-radius:22px;overflow:hidden;background:var(--sx-ground);border:1px solid #c8cdbd;min-height:450px;display:grid;place-items:center}.sx-product-stage>img{position:relative;width:100%;max-width:560px;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-5deg);filter:drop-shadow(8px 18px 12px #51463718);transition:transform .6s ease}.sx-product-stage:hover>img{transform:rotate(1deg) translateY(-5px)}.sx-product-type{position:absolute;left:50%;top:36%;transform:translateX(-50%);font-family:Arial,sans-serif;font-size:clamp(65px,8vw,130px);font-weight:800;letter-spacing:-.07em;line-height:1;opacity:.16;color:var(--sx-accent);white-space:nowrap;z-index:-1}.sx-product-roast{position:absolute;bottom:22px;left:24px;font-size:11px;letter-spacing:.13em;padding:6px 12px;border:1px solid #4f694e50;border-radius:20px;background:#faf8efcf}
.sx-native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important}.sx-native-select:focus-visible+.sx-choice-buttons{outline:2px solid #587549;outline-offset:4px}.sx-choice-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-width:0}.sx-choice{border:1px solid #bdc8b1;border-radius:9px;background:#faf9f1;color:#37533d;min-height:44px;padding:10px 13px;cursor:pointer;text-align:center;line-height:1.5;font-size:12px;transition:background .18s,border-color .18s,transform .18s;max-width:100%;overflow-wrap:anywhere}.sx-choice[aria-pressed=true]{background:#e2e9d7;border:2px solid #4c6948;padding:9px 12px;font-weight:700}.sx-choice:disabled{color:#788070;background:#eeeee5;border-style:dashed;opacity:.72;cursor:not-allowed}.sx-choice-kind{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px;scroll-snap-type:x proximity;max-width:100%}.sx-choice-kind .sx-choice{flex:0 0 145px;scroll-snap-align:start}.sx-choice-capacity .sx-choice{flex:1 1 95px;font-size:12px}.sx-choice-grind .sx-choice{flex:1 1 100px}.sx-quantity{display:inline-flex;align-items:center;border:1px solid #b6c4a9;border-radius:8px;overflow:hidden;background:#faf9f1;max-width:175px;margin-top:8px}.sx-quantity button{border:0;background:transparent;color:#3f5b42;min-width:44px;height:44px;cursor:pointer;font-size:17px}.sx-quantity button:disabled{opacity:.35;cursor:default}.sx-quantity #quantity{width:65px!important;border:0!important;background:transparent;text-align:center;padding:8px!important;margin:0!important;appearance:textfield;-moz-appearance:textfield}.sx-quantity input::-webkit-inner-spin-button,.sx-quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sx-cart-confirm{position:fixed;z-index:1200;bottom:max(20px,env(safe-area-inset-bottom));right:24px;width:min(470px,calc(100vw - 32px));box-sizing:border-box;background:#fbfaf2;border:1px solid #bdc8b1;box-shadow:0 12px 45px #26352524;border-radius:15px;padding:18px;display:grid;grid-template-columns:66px 1fr;gap:0 14px;align-items:center;color:#294c3b;animation:sx-confirm-in .3s ease-out}.sx-confirm-photo{width:66px;height:66px;object-fit:contain;mix-blend-mode:multiply;grid-row:span 2}.sx-confirm-text strong{font-size:16px;line-height:1.7}.sx-confirm-text p{font-size:11px;line-height:1.6;margin:4px 0 9px;overflow-wrap:anywhere}.sx-confirm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.sx-confirm-cart{font-size:12px;font-weight:700;color:#2b4e37;text-underline-offset:4px}.sx-confirm-close{font-size:11px;padding:6px 0;border:0;background:none;color:#6b7964;cursor:pointer}.sx-cart-flight{position:fixed;left:0;top:0;width:72px;height:72px;object-fit:contain;pointer-events:none;z-index:1300;border-radius:50%;background:#fbfaf0;box-shadow:0 4px 20px #293b2e20}.sx-cart-pulse{animation:sx-cart-bump .65s ease-out}.sx-home-hero button:focus-visible,.sx-buying-detail button:focus-visible,.sx-cart-confirm a:focus-visible,.sx-cart-confirm button:focus-visible{outline:2px solid #294c3b;outline-offset:3px}
@keyframes sx-bag-float{0%,100%{transform:translate(-50%,-39%) rotate(-7deg)}50%{transform:translate(-50%,-40%) rotate(-2deg)}}@keyframes sx-confirm-in{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sx-cart-bump{0%,100%{transform:scale(1)}45%{transform:scale(1.12)}}
.customer-store .sx-buying-detail .coffee-sku-choices{grid-template-columns:minmax(0,1fr)}.sx-buying-detail .buying-choice{min-width:0}.sx-buying-detail .purchase label{grid-template-columns:minmax(0,1fr)}
.sx-choice-error{font-size:12px;line-height:1.7;color:#8b4538;margin:8px 0 0}.sx-choice-buttons[aria-invalid=true]{border-radius:9px;outline:1px solid #a86f5e;outline-offset:4px}
@media(min-width:1100px){.sx-buying-detail{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px}.sx-buying-detail .detail-visual{position:sticky;top:150px}}
@media(max-width:760px){.sx-home-hero{padding:20px 16px 0}.sx-hero-intro{gap:8px;margin-bottom:14px}.sx-eyebrow{font-size:8px;letter-spacing:.1em}.sx-hero-heading{font-size:25px}.sx-hero-note{display:none}.sx-product-track{border-radius:18px}.sx-product-slide{display:block}.sx-hero-art{height:280px;min-height:0}.sx-hero-type{top:30%;font-size:clamp(72px,19vw,105px)}.sx-hero-photo{width:510px;max-width:none;height:510px}.sx-hero-orbit{width:47%}.sx-hero-orbit:after{inset:-17px}.sx-hero-stamp{width:52px;font-size:9px;right:10%;bottom:13%}.sx-slide-copy{padding:0 22px 22px}.sx-roast-label{font-size:9px;margin-bottom:9px;padding:4px 10px}.sx-slide-name{font-size:22px;line-height:1.5;margin-bottom:7px}.sx-slide-note{font-size:11px;line-height:1.8;margin-bottom:16px;max-width:none}.sx-slide-bottom{justify-content:space-between;gap:9px}.sx-slide-price strong{font-size:22px}.sx-slide-price small{font-size:8px}.sx-button{font-size:11px;padding:11px 13px;min-height:44px;gap:10px}.sx-gallery-controls{gap:6px;margin-top:12px}.sx-arrow{height:32px;width:32px;font-size:17px}.sx-gallery-tab{font-size:9px;padding:7px 10px;min-height:32px}.sx-gallery-count{font-size:8px;margin-left:6px}.sx-swipe-hint{display:block;font-size:9px;text-align:center;letter-spacing:.05em;margin:8px 0 0;color:#7c8771}.sx-original-journey{margin:40px 0 55px}.sx-journey-heading{font-size:20px;margin-bottom:17px}.sx-original-journey .visual-stage{aspect-ratio:1}.sx-original-journey .visual-stage-board .visual-board-product{width:36%}.sx-product-stage{min-height:0;aspect-ratio:1}.sx-product-stage>img{max-height:100%}.sx-product-type{font-size:clamp(68px,21vw,105px)}.sx-product-roast{bottom:15px;left:17px;font-size:9px;padding:5px 9px}.sx-choice-kind .sx-choice{flex-basis:130px}.sx-choice{font-size:11px}.sx-choice-capacity .sx-choice{flex-basis:80px;font-size:11px}.sx-cart-confirm{right:12px;bottom:max(14px,env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:15px;grid-template-columns:52px 1fr;gap:0 10px}.sx-confirm-photo{width:52px;height:60px}.sx-confirm-text strong{font-size:14px}.sx-confirm-text p{font-size:10px}.sx-confirm-cart{font-size:11px}.sx-confirm-close{font-size:10px}}
@media(max-width:370px){.sx-hero-art{height:260px}.sx-hero-photo{height:470px;width:470px}.sx-slide-copy{padding:0 17px 20px}.sx-slide-name{font-size:20px}.sx-button{padding:10px 11px;font-size:10px}.sx-gallery-tab{padding:7px 8px}.sx-slide-price strong{font-size:21px}.sx-gallery-controls{gap:5px}.sx-arrow{width:30px;height:30px}.sx-gallery-count{margin-left:3px}}
@media(prefers-reduced-motion:reduce){.sx-home-hero *,.sx-buying-detail *,.sx-cart-confirm,.sx-cart-pulse{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sx-product-stage:hover>img{transform:rotate(-5deg)}.sx-cart-flight{display:none}}

.sx-buying-detail .sx-product-stage>img{max-height:none;padding:0}
/* Original user PNGs remain untouched. These viewports isolate the front bag, never a pair for a single SKU. */
.sx-capacity-crop{position:relative;display:block;flex:none;mix-blend-mode:multiply;width:230px;height:360px;--sx-crop-width:333.3333%;--sx-crop-left:-122.3333%;--sx-crop-top:-78.5106%}
.sx-capacity-200{width:140px;--sx-crop-width:552.4862%;--sx-crop-left:-188.3978%;--sx-crop-top:-65.2361%}
.sx-capacity-300{width:240px;--sx-crop-width:448.4305%;--sx-crop-left:-135.8744%;--sx-crop-top:-100%}
.sx-capacity-window{position:absolute;inset:0;display:block;overflow:hidden}
.sx-capacity-window>.sx-capacity-photo{position:absolute!important;width:var(--sx-crop-width)!important;max-width:none!important;height:auto!important;max-height:none!important;left:var(--sx-crop-left)!important;top:var(--sx-crop-top)!important;aspect-ratio:1!important;object-fit:fill!important;margin:0!important;padding:0!important;transform:none!important;filter:none!important;mix-blend-mode:normal!important}
.sx-capacity-200:not(.sx-capacity-pair) .sx-capacity-window{clip-path:polygon(2% 1%,96% 0%,99% 97%,98% 99%,3% 100%,0% 98%)}
.sx-capacity-300:not(.sx-capacity-pair) .sx-capacity-window{clip-path:polygon(2% 1%,97% 0%,100% 96%,99% 99%,3% 100%,2% 97%,1% 3%)}
.sx-hero-capacity{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-6deg);filter:drop-shadow(10px 17px 12px #51463720)}
.sx-slide-active .sx-hero-capacity{animation:sx-capacity-float 4.8s ease-in-out infinite}
.sx-detail-capacity{transform:rotate(-4deg);filter:drop-shadow(7px 13px 10px #51463718);margin:40px auto 55px;transition:transform .5s ease}
.sx-product-stage:hover .sx-detail-capacity{transform:rotate(1deg) translateY(-4px)}
.sx-buying-detail .sx-choice-kind{display:flex;flex-flow:row nowrap!important;overflow-x:auto;overflow-y:hidden;align-items:stretch;max-width:100%;max-height:76px}
.sx-choice-kind .sx-choice>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3em}
.sx-confirm-bag{width:42px;height:66px;grid-row:span 2;justify-self:center}
.sx-confirm-bag.sx-capacity-200{width:26px}.sx-confirm-bag.sx-capacity-300{width:44px}
.sx-cart-flight{display:grid;place-items:center}.sx-cart-flight>img{width:100%;height:100%;object-fit:contain}
.sx-cart-flight>.sx-capacity-crop{position:relative;inset:auto;width:38px;height:60px;transform:none;filter:none;animation:none;margin:0}
.sx-cart-flight>.sx-capacity-200{width:23px}.sx-cart-flight>.sx-capacity-300{width:40px}
.sx-pair-package{display:flex;align-items:center;gap:14px;line-height:1.6;font-size:11px;color:#52664d}
.sx-capacity-pair.sx-capacity-200{width:68px;height:100px;--sx-crop-width:294.1176%;--sx-crop-left:-97.0588%;--sx-crop-top:-60%}
.sx-capacity-pair.sx-capacity-300{width:98px;height:100px;--sx-crop-width:256.4103%;--sx-crop-left:-76.9231%;--sx-crop-top:-82.5%}
@keyframes sx-capacity-float{0%,100%{transform:translate(-50%,-50%) rotate(-6deg)}50%{transform:translate(-50%,-53%) rotate(-1deg)}}
@media(max-width:760px){.sx-hero-capacity{width:154px;height:242px}.sx-hero-capacity.sx-capacity-200{width:94px}.sx-hero-capacity.sx-capacity-300{width:162px}.sx-detail-capacity{height:280px;width:179px;margin:27px auto 50px}.sx-detail-capacity.sx-capacity-200{width:109px}.sx-detail-capacity.sx-capacity-300{width:187px}.sx-confirm-bag{width:38px;height:60px}.sx-confirm-bag.sx-capacity-200{width:23px}.sx-confirm-bag.sx-capacity-300{width:40px}.sx-pair-package{font-size:10px;gap:11px}.sx-capacity-pair.sx-capacity-200{width:55px;height:80px}.sx-capacity-pair.sx-capacity-300{width:78px;height:80px}}
@media(max-width:370px){.sx-hero-capacity{width:143px;height:225px}.sx-hero-capacity.sx-capacity-200{width:87px}.sx-hero-capacity.sx-capacity-300{width:150px}}
@media(prefers-reduced-motion:reduce){.sx-capacity-crop{animation:none!important;transition:none!important}.sx-product-stage:hover .sx-detail-capacity{transform:rotate(-4deg)}}
/* Text and generated roast references sit behind the original, opaque package photograph. */
.sx-hero-type,.sx-product-type{z-index:0}.sx-hero-orbit{z-index:0}
.sx-capacity-crop:not(.sx-capacity-pair){mix-blend-mode:normal}
.sx-capacity-150:not(.sx-capacity-pair) .sx-capacity-window{clip-path:polygon(7% 2%,94% 2.4%,97% 8%,97% 93%,96% 99%,4% 99%,3% 93%,3% 12%)}
.sx-hero-capacity,.sx-detail-capacity{z-index:2}.sx-product-roast,.sx-hero-stamp{z-index:3}
.sx-product-stage>img:not(.sx-beans-overlay){z-index:2}
.sx-uses-original-photo .sx-product-type,.sx-uses-original-photo .sx-hero-type{display:none}
.sx-beans-overlay{position:absolute!important;z-index:1!important;left:5%!important;bottom:8%!important;top:auto!important;right:auto!important;width:34%!important;height:43%!important;max-width:230px!important;max-height:none!important;padding:0!important;margin:0!important;object-fit:contain!important;object-position:center bottom!important;transform:rotate(-7deg)!important;filter:drop-shadow(0 8px 6px #35291f1a)!important;mix-blend-mode:normal!important;pointer-events:none}
.sx-bean-caption{position:absolute;z-index:3;bottom:9px;right:15px;margin:0;font-size:9px;line-height:1.5;color:#67735e;letter-spacing:.02em}
.sx-product-stage .sx-beans-overlay{width:35%!important;height:38%!important;left:3%!important;bottom:10%!important}
.sx-has-beans .sx-product-roast{bottom:auto;top:18px}
@media(max-width:760px){.sx-beans-overlay{width:35%!important;height:43%!important;left:3%!important;bottom:5%!important}.sx-product-stage .sx-beans-overlay{width:35%!important;height:37%!important;left:2%!important;bottom:9%!important}.sx-bean-caption{font-size:8px;bottom:7px;right:10px}.sx-has-beans .sx-product-roast{top:13px}}
@media(prefers-reduced-motion:reduce){.sx-beans-overlay{transition:none!important;animation:none!important}}
/* Motion follows the selected slide. The product gallery never advances itself. */
.sx-slide-active .sx-hero-capacity{animation:sx-capacity-enter .72s cubic-bezier(.18,.65,.22,1) both,sx-capacity-float 4.8s ease-in-out .72s infinite}
.sx-product-slide:not(.sx-slide-active) .sx-hero-capacity{animation:none;transform:translate(-50%,-50%) rotate(-13deg) scale(.96)}
.sx-slide-active .sx-hero-type{animation:sx-type-enter .8s cubic-bezier(.2,.6,.2,1) both}
.sx-slide-active .sx-slide-copy>*{animation:sx-copy-enter .48s ease-out both}
.sx-slide-active .sx-slide-copy>:nth-child(2){animation-delay:.06s}.sx-slide-active .sx-slide-copy>:nth-child(3){animation-delay:.1s}.sx-slide-active .sx-slide-copy>:nth-child(4){animation-delay:.14s}
.sx-beans-overlay,.sx-product-stage .sx-beans-overlay{left:-6%!important;bottom:-7%!important;width:112%!important;height:112%!important;max-width:none!important;transform:none!important;rotate:-11deg;translate:0 0;object-position:center!important;opacity:.96}
.sx-slide-active .sx-beans-overlay,.sx-product-stage .sx-beans-overlay{animation:sx-bean-drift 8.4s ease-in-out infinite}
.sx-tone-deep .sx-beans-overlay{animation-duration:9.2s}.sx-tone-light .sx-beans-overlay{animation-duration:7.6s}
.sx-button{transition:background .2s ease,transform .2s ease}.sx-button:active,.sx-choice:active:not(:disabled){transform:scale(.975)}
@keyframes sx-capacity-enter{from{transform:translate(-50%,-35%) rotate(-16deg) scale(.9);opacity:.35}to{transform:translate(-50%,-50%) rotate(-6deg) scale(1);opacity:1}}
@keyframes sx-type-enter{from{transform:translateX(-43%);opacity:.08}to{transform:translateX(-50%);opacity:.18}}
@keyframes sx-copy-enter{from{transform:translateY(7px);opacity:.72}to{transform:translateY(0);opacity:1}}
@keyframes sx-bean-drift{0%,100%{translate:0 0;rotate:-11deg}50%{translate:4px -7px;rotate:-7deg}}
@media(hover:hover) and (pointer:fine){.sx-button:hover{transform:translateY(-2px)}}
@media(max-width:760px){.sx-beans-overlay,.sx-product-stage .sx-beans-overlay{left:-6%!important;bottom:-6%!important;width:112%!important;height:112%!important}.sx-slide-active .sx-hero-capacity{animation-duration:.62s,4.8s;animation-delay:0s,.62s}}
@media(prefers-reduced-motion:reduce){.sx-home-hero *,.sx-buying-detail *{animation:none!important;transition:none!important}.sx-beans-overlay{translate:0 0;rotate:-11deg}.sx-product-slide:not(.sx-slide-active) .sx-hero-capacity{transform:translate(-50%,-50%) rotate(-6deg) scale(1)}.sx-button:hover,.sx-button:active,.sx-choice:active:not(:disabled){transform:none}}

/* Five independent CSS viewports, each containing one alpha-verified bean from the reviewed source PNG. */
.sx-beans-overlay,.sx-product-stage .sx-beans-overlay{left:0!important;top:0!important;bottom:auto!important;right:auto!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;filter:none!important;transform:none!important;rotate:none!important;translate:none!important;animation:none!important;opacity:1}
.sx-bean{position:absolute;display:block;width:var(--sx-bean-size);aspect-ratio:var(--sx-bean-ratio);rotate:var(--sx-bean-angle);translate:0 0;filter:drop-shadow(0 4px 3px #35291f12)}
.sx-bean-window{position:absolute;inset:0;overflow:hidden;display:block}
.sx-bean-window>img{position:absolute!important;max-width:none!important;max-height:none!important;width:var(--sx-bean-photo-width)!important;height:auto!important;left:var(--sx-bean-photo-left)!important;top:var(--sx-bean-photo-top)!important;aspect-ratio:1!important;object-fit:fill!important;transform:none!important;padding:0!important;margin:0!important;filter:none!important;mix-blend-mode:normal!important}
.sx-bean-a{left:10%;top:20%;--sx-bean-size:42px;--sx-bean-angle:-12deg;--sx-bean-duration:6.8s;--sx-bean-delay:-1.1s;--sx-bean-dx:3px;--sx-bean-dy:-7px}
.sx-bean-b{left:82%;top:17%;--sx-bean-size:35px;--sx-bean-angle:17deg;--sx-bean-duration:7.3s;--sx-bean-delay:-3.4s;--sx-bean-dx:-4px;--sx-bean-dy:6px}
.sx-bean-c{left:9%;top:65%;--sx-bean-size:30px;--sx-bean-angle:-24deg;--sx-bean-duration:6.5s;--sx-bean-delay:-.7s;--sx-bean-dx:6px;--sx-bean-dy:-4px}
.sx-bean-d{left:85%;top:61%;--sx-bean-size:46px;--sx-bean-angle:22deg;--sx-bean-duration:8.4s;--sx-bean-delay:-5s;--sx-bean-dx:-3px;--sx-bean-dy:-8px}
.sx-bean-e{left:30%;top:85%;--sx-bean-size:38px;--sx-bean-angle:-14deg;--sx-bean-duration:7.7s;--sx-bean-delay:-2.4s;--sx-bean-dx:5px;--sx-bean-dy:-3px}
.sx-slide-active .sx-bean,.sx-product-stage .sx-bean{animation:sx-sparse-bean-drift var(--sx-bean-duration) ease-in-out var(--sx-bean-delay) infinite}
@keyframes sx-sparse-bean-drift{0%,100%{translate:0 0;rotate:var(--sx-bean-angle)}50%{translate:var(--sx-bean-dx) var(--sx-bean-dy);rotate:calc(var(--sx-bean-angle) + 3deg)}}
.sx-tone-light .sx-bean-a,.sx-tone-light .sx-bean-crop-a{--sx-bean-ratio:214 / 206;--sx-bean-photo-width:585.981308%;--sx-bean-photo-left:-35.514019%;--sx-bean-photo-top:-36.407767%}
.sx-tone-light .sx-bean-b,.sx-tone-light .sx-bean-crop-b{--sx-bean-ratio:173 / 189;--sx-bean-photo-width:724.855491%;--sx-bean-photo-left:-598.843931%;--sx-bean-photo-top:-40.211640%}
.sx-tone-light .sx-bean-c,.sx-tone-light .sx-bean-crop-c{--sx-bean-ratio:209 / 190;--sx-bean-photo-width:600.000000%;--sx-bean-photo-left:-11.961722%;--sx-bean-photo-top:-255.789474%}
.sx-tone-light .sx-bean-d,.sx-tone-light .sx-bean-crop-d{--sx-bean-ratio:169 / 201;--sx-bean-photo-width:742.011834%;--sx-bean-photo-left:-633.136095%;--sx-bean-photo-top:-236.318408%}
.sx-tone-light .sx-bean-e,.sx-tone-light .sx-bean-crop-e{--sx-bean-ratio:216 / 152;--sx-bean-photo-width:580.555556%;--sx-bean-photo-left:-252.777778%;--sx-bean-photo-top:-685.526316%}
.sx-tone-balance .sx-bean-a,.sx-tone-balance .sx-bean-crop-a{--sx-bean-ratio:191 / 204;--sx-bean-photo-width:656.544503%;--sx-bean-photo-left:-56.544503%;--sx-bean-photo-top:-37.254902%}
.sx-tone-balance .sx-bean-b,.sx-tone-balance .sx-bean-crop-b{--sx-bean-ratio:232 / 202;--sx-bean-photo-width:540.517241%;--sx-bean-photo-left:-420.689655%;--sx-bean-photo-top:-29.702970%}
.sx-tone-balance .sx-bean-c,.sx-tone-balance .sx-bean-crop-c{--sx-bean-ratio:172 / 193;--sx-bean-photo-width:729.069767%;--sx-bean-photo-left:-13.372093%;--sx-bean-photo-top:-254.404145%}
.sx-tone-balance .sx-bean-d,.sx-tone-balance .sx-bean-crop-d{--sx-bean-ratio:179 / 210;--sx-bean-photo-width:700.558659%;--sx-bean-photo-left:-590.502793%;--sx-bean-photo-top:-241.904762%}
.sx-tone-balance .sx-bean-e,.sx-tone-balance .sx-bean-crop-e{--sx-bean-ratio:183 / 140;--sx-bean-photo-width:685.245902%;--sx-bean-photo-left:-245.901639%;--sx-bean-photo-top:-731.428571%}
.sx-tone-deep .sx-bean-a,.sx-tone-deep .sx-bean-crop-a{--sx-bean-ratio:216 / 236;--sx-bean-photo-width:580.555556%;--sx-bean-photo-left:-37.037037%;--sx-bean-photo-top:-19.067797%}
.sx-tone-deep .sx-bean-b,.sx-tone-deep .sx-bean-crop-b{--sx-bean-ratio:228 / 204;--sx-bean-photo-width:550.000000%;--sx-bean-photo-left:-432.894737%;--sx-bean-photo-top:-25.980392%}
.sx-tone-deep .sx-bean-c,.sx-tone-deep .sx-bean-crop-c{--sx-bean-ratio:187 / 198;--sx-bean-photo-width:670.588235%;--sx-bean-photo-left:-8.556150%;--sx-bean-photo-top:-265.151515%}
.sx-tone-deep .sx-bean-d,.sx-tone-deep .sx-bean-crop-d{--sx-bean-ratio:175 / 186;--sx-bean-photo-width:716.571429%;--sx-bean-photo-left:-593.714286%;--sx-bean-photo-top:-279.569892%}
.sx-tone-deep .sx-bean-e,.sx-tone-deep .sx-bean-crop-e{--sx-bean-ratio:214 / 154;--sx-bean-photo-width:585.981308%;--sx-bean-photo-left:-226.635514%;--sx-bean-photo-top:-685.064935%}
@media(max-width:760px){.sx-bean-a{--sx-bean-size:36px}.sx-bean-b{--sx-bean-size:28px}.sx-bean-c{--sx-bean-size:24px}.sx-bean-d{--sx-bean-size:38px}.sx-bean-e{--sx-bean-size:30px}}
@media(prefers-reduced-motion:reduce){.sx-bean{animation:none!important;transition:none!important;translate:0 0;rotate:var(--sx-bean-angle)}}
/* Stable names join the two native SKU renders into one visual movement. No checkout route is wrapped. */
.sx-buying-detail .sx-product-stage{view-transition-name:yamafuku-detail-stage}.sx-buying-detail .sx-detail-capacity{view-transition-name:yamafuku-detail-bag}.sx-buying-detail .sx-product-type{view-transition-name:yamafuku-detail-type}.sx-buying-detail .buying-price{view-transition-name:yamafuku-detail-price}
.sx-buying-detail .sx-bean-a{view-transition-name:yamafuku-detail-bean-a}.sx-buying-detail .sx-bean-b{view-transition-name:yamafuku-detail-bean-b}.sx-buying-detail .sx-bean-c{view-transition-name:yamafuku-detail-bean-c}.sx-buying-detail .sx-bean-d{view-transition-name:yamafuku-detail-bean-d}.sx-buying-detail .sx-bean-e{view-transition-name:yamafuku-detail-bean-e}
html.sx-choice-transition{view-transition-name:none}
html.sx-choice-transition::view-transition,html.sx-choice-transition::view-transition-group(*),html.sx-choice-transition::view-transition-image-pair(*),html.sx-choice-transition::view-transition-old(*),html.sx-choice-transition::view-transition-new(*){pointer-events:none}
html.sx-choice-transition::view-transition-old(root),html.sx-choice-transition::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.sx-choice-transition::view-transition-group(yamafuku-detail-stage),html.sx-choice-transition::view-transition-group(yamafuku-detail-bag),html.sx-choice-transition::view-transition-group(yamafuku-detail-type),html.sx-choice-transition::view-transition-group(yamafuku-detail-price),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-a),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-b),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-c),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-d),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-e){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.65,.25,1)}
@media(prefers-reduced-motion:reduce){.sx-buying-detail .sx-product-stage,.sx-buying-detail .sx-detail-capacity,.sx-buying-detail .sx-product-type,.sx-buying-detail .buying-price,.sx-buying-detail .sx-bean{view-transition-name:none}}
/* Preserve source wording and whitespace; allow wrapping between words before splitting a name. */
.sx-name-word{display:inline-block;max-width:100%;vertical-align:baseline;white-space:normal;word-break:normal;overflow-wrap:anywhere}
@media(max-width:760px){.sx-name-word-long{font-size:clamp(19px,5.2vw,24px)}}
/* Shared adapter for reviewed alpha cutouts. Retain the same one-bag frame and visual transition identity. */
.sx-capacity-crop.sx-capacity-cutout .sx-capacity-window{clip-path:none;overflow:visible}
.sx-capacity-crop.sx-capacity-cutout .sx-capacity-photo{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;clip-path:none!important;padding:0!important;margin:0!important;transform:none!important;mix-blend-mode:normal!important}
.sx-capacity-cutout .sx-capacity-svg{display:block;width:100%;height:100%;overflow:hidden}
/* Reviewed grind clusters use their alpha canvas directly; whole beans keep their isolated source windows. */
.sx-bean.sx-bean-ground{width:calc(var(--sx-bean-size) * 1.45);aspect-ratio:1.84}.sx-bean-ground .sx-bean-window>img{inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:contain!important;aspect-ratio:auto!important}.sx-ground-svg{display:block;width:100%;height:100%;overflow:hidden}
@media(max-width:760px){
 .sx-mobile-product .buying-choice>.detail-visual{position:relative;margin:14px 0 18px;width:100%;min-width:0;z-index:12}
 html.sx-sticky-ready .sx-mobile-product .buying-choice>.detail-visual{position:sticky;top:var(--sx-sticky-header-offset,0px)}
 .sx-mobile-product .sx-product-stage{height:196px;min-height:196px;aspect-ratio:auto;border-radius:14px}
 .sx-mobile-product .sx-product-stage>img:not(.sx-beans-overlay){height:100%;max-height:100%;aspect-ratio:auto;object-fit:contain}
 .sx-mobile-product .sx-detail-capacity{height:166px;width:106px;margin:12px auto 18px}
 .sx-mobile-product .sx-detail-capacity.sx-capacity-200{width:65px}.sx-mobile-product .sx-detail-capacity.sx-capacity-300{width:111px}
 .sx-mobile-product .sx-product-type{top:31%;font-size:clamp(57px,17vw,78px);opacity:.13}
 .sx-mobile-product .sx-product-roast{top:10px;bottom:auto;font-size:8px;left:12px;padding:3px 8px}
 .sx-mobile-product .sx-bean-a{--sx-bean-size:29px}.sx-mobile-product .sx-bean-b{--sx-bean-size:23px}.sx-mobile-product .sx-bean-c{--sx-bean-size:22px}.sx-mobile-product .sx-bean-d{--sx-bean-size:32px}.sx-mobile-product .sx-bean-e{--sx-bean-size:25px}
 .sx-mobile-product .coffee-sku-choices,.sx-mobile-product .purchase label,.sx-mobile-product #grind{scroll-margin-top:calc(var(--sx-sticky-header-offset,0px) + 215px)}
 .sx-mobile-product .sx-bean-caption{bottom:5px;font-size:7px}
}

/* Whole beans lead the choice; all native options retain their original values and disabled state. */
.sx-buying-detail .sx-choice-grind{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(48px,auto);gap:8px}
.sx-buying-detail .sx-choice-grind .sx-choice{grid-column:auto!important;min-width:0;width:100%;height:100%;min-height:48px}
.sx-choice-grind .sx-choice[data-sx-grind-whole="true"]:not([aria-pressed="true"]){border-color:#718566;background:#f2f5eb}
/* Product has twelve small, asymmetric pieces; the home composition retains five. */
.sx-bean-slot-6{left:22%;top:9%;--sx-bean-size:25px;--sx-bean-angle:34deg;--sx-bean-duration:7.4s;--sx-bean-delay:-2s;--sx-bean-dx:5px;--sx-bean-dy:-9px}
.sx-bean-slot-7{left:71%;top:31%;--sx-bean-size:22px;--sx-bean-angle:-38deg;--sx-bean-duration:6.4s;--sx-bean-delay:-4s;--sx-bean-dx:-8px;--sx-bean-dy:5px}
.sx-bean-slot-8{left:17%;top:48%;--sx-bean-size:19px;--sx-bean-angle:15deg;--sx-bean-duration:8.1s;--sx-bean-delay:-1s;--sx-bean-dx:6px;--sx-bean-dy:7px}
.sx-bean-slot-9{left:77%;top:79%;--sx-bean-size:26px;--sx-bean-angle:-19deg;--sx-bean-duration:7.8s;--sx-bean-delay:-3s;--sx-bean-dx:-7px;--sx-bean-dy:-6px}
.sx-bean-slot-10{left:50%;top:91%;--sx-bean-size:17px;--sx-bean-angle:31deg;--sx-bean-duration:8.8s;--sx-bean-delay:-6s;--sx-bean-dx:9px;--sx-bean-dy:-4px}
.sx-bean-slot-11{left:61%;top:13%;--sx-bean-size:21px;--sx-bean-angle:68deg;--sx-bean-duration:6.7s;--sx-bean-delay:-2s;--sx-bean-dx:-6px;--sx-bean-dy:8px}
.sx-bean-slot-12{left:4%;top:42%;--sx-bean-size:23px;--sx-bean-angle:-52deg;--sx-bean-duration:7.7s;--sx-bean-delay:-5s;--sx-bean-dx:7px;--sx-bean-dy:-6px}
.sx-buying-detail .sx-bean-slot-6{view-transition-name:yamafuku-detail-bean-6}.sx-buying-detail .sx-bean-slot-7{view-transition-name:yamafuku-detail-bean-7}.sx-buying-detail .sx-bean-slot-8{view-transition-name:yamafuku-detail-bean-8}.sx-buying-detail .sx-bean-slot-9{view-transition-name:yamafuku-detail-bean-9}.sx-buying-detail .sx-bean-slot-10{view-transition-name:yamafuku-detail-bean-10}.sx-buying-detail .sx-bean-slot-11{view-transition-name:yamafuku-detail-bean-11}.sx-buying-detail .sx-bean-slot-12{view-transition-name:yamafuku-detail-bean-12}
.sx-grind-particles{position:fixed;inset:0;z-index:18;overflow:hidden;pointer-events:none}
.sx-grind-particle{position:absolute;left:0;top:0;display:block;width:9px;aspect-ratio:var(--sx-bean-ratio);pointer-events:none;clip-path:polygon(5% 0,95% 12%,72% 100%,0 76%)}
.sx-grind-particle:nth-child(3n){width:12px}.sx-grind-particle:nth-child(4n){width:7px;clip-path:polygon(22% 0,100% 26%,71% 100%,0 62%)}
.sx-product-stage{overflow:visible}.sx-product-stage .sx-product-type{max-width:100%;overflow:hidden}.sx-detail-capacity,.sx-hero-capacity,.sx-beans-overlay{pointer-events:none}
@keyframes sx-capacity-enter{0%{transform:translate(calc(-50% - 75px),calc(-50% + 105px)) rotate(-19deg) scale(.72);opacity:.2}66%{transform:translate(calc(-50% + 9px),calc(-50% - 20px)) rotate(3deg) scale(1.1);opacity:1}100%{transform:translate(-50%,-50%) rotate(-6deg) scale(1);opacity:1}}
@keyframes sx-capacity-float{0%,100%{transform:translate(-50%,-50%) rotate(-6deg)}50%{transform:translate(calc(-50% + 7px),calc(-50% - 21px)) rotate(2deg)}}
.sx-slide-active .sx-hero-capacity{animation-duration:.86s,5.8s;animation-delay:0s,.86s}
.sx-home-hero .sx-bean-a{--sx-bean-dx:13px;--sx-bean-dy:-22px}.sx-home-hero .sx-bean-b{--sx-bean-dx:-15px;--sx-bean-dy:18px}.sx-home-hero .sx-bean-c{--sx-bean-dx:22px;--sx-bean-dy:-15px}.sx-home-hero .sx-bean-d{--sx-bean-dx:-12px;--sx-bean-dy:-24px}.sx-home-hero .sx-bean-e{--sx-bean-dx:18px;--sx-bean-dy:-12px}
html.sx-choice-transition::view-transition-group(yamafuku-detail-bag){animation-duration:.62s;animation-timing-function:cubic-bezier(.18,.8,.23,1.2)}
html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-6),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-7),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-8),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-9),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-10),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-11),html.sx-choice-transition::view-transition-group(yamafuku-detail-bean-12){animation-duration:.5s;animation-timing-function:cubic-bezier(.2,.65,.25,1)}
@keyframes sx-cart-bump{0%,100%{transform:scale(1)}45%{transform:scale(1.2) rotate(-5deg)}70%{transform:scale(.96) rotate(2deg)}}
@media(max-width:760px){.sx-bean-slot-6{--sx-bean-size:21px}.sx-bean-slot-7{--sx-bean-size:18px}.sx-bean-slot-8{--sx-bean-size:16px}.sx-bean-slot-9{--sx-bean-size:22px}.sx-bean-slot-10{--sx-bean-size:15px}.sx-bean-slot-11{--sx-bean-size:18px}.sx-bean-slot-12{--sx-bean-size:19px}.sx-slide-active .sx-hero-capacity{animation-duration:.78s,5.8s;animation-delay:0s,.78s}}
@media(prefers-reduced-motion:reduce){.sx-grind-particles{display:none}.sx-bean-extra{view-transition-name:none}.sx-home-hero *,.sx-buying-detail *{animation:none!important;transition:none!important}}

/* Home motion is visible without a cursor. Independent layers join swipe, scroll and idle movement. */
.sx-home-scene{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transform-origin:50% 53%;will-change:transform,translate,rotate}
.sx-home-beans-plane{position:absolute;inset:0;display:block;z-index:1;pointer-events:none}
.sx-home-scene>.sx-hero-type{top:30%;left:50%}.sx-home-scene>.sx-hero-orbit{left:22.5%;top:16%;transform-origin:50% 50%}
.sx-slide-active .sx-home-scene>.sx-hero-capacity{animation:sx-home-bag-arrive .9s cubic-bezier(.16,.7,.22,1) both,sx-home-bag-roam 4.8s ease-in-out .9s infinite}
.sx-slide-active .sx-home-scene>.sx-hero-orbit{animation:sx-home-orbit 8s ease-in-out infinite}
.sx-slide-active .sx-home-scene>.sx-hero-stamp{animation:sx-home-stamp 4.4s ease-in-out -.8s infinite}
.sx-home-scene .sx-bean-a{--sx-home-x:49px;--sx-home-y:-37px;--sx-home-turn:32deg;--sx-bean-duration:5.6s}
.sx-home-scene .sx-bean-b{--sx-home-x:-58px;--sx-home-y:30px;--sx-home-turn:-28deg;--sx-bean-duration:6.1s}
.sx-home-scene .sx-bean-c{--sx-home-x:64px;--sx-home-y:-42px;--sx-home-turn:43deg;--sx-bean-duration:5.1s}
.sx-home-scene .sx-bean-d{--sx-home-x:-47px;--sx-home-y:-50px;--sx-home-turn:-36deg;--sx-bean-duration:6.7s}
.sx-home-scene .sx-bean-e{--sx-home-x:54px;--sx-home-y:-34px;--sx-home-turn:25deg;--sx-bean-duration:5.9s}
.sx-slide-active .sx-home-scene .sx-bean{animation:sx-home-bean-roam var(--sx-bean-duration) ease-in-out var(--sx-bean-delay) infinite}
.sx-home-hero:not(.sx-motion-visible) *{animation-play-state:paused!important}
.sx-reading-unit{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;vertical-align:baseline}
@keyframes sx-home-bag-arrive{0%{transform:translate(calc(-50% - 120px),calc(-50% + 105px)) rotate(-24deg) scale(.67);opacity:.2}62%{transform:translate(calc(-50% + 22px),calc(-50% - 32px)) rotate(10deg) scale(1.14);opacity:1}82%{transform:translate(calc(-50% - 12px),calc(-50% + 6px)) rotate(-10deg) scale(.98)}100%{transform:translate(-50%,-50%) rotate(-6deg) scale(1);opacity:1}}
@keyframes sx-home-bag-roam{0%,100%{transform:translate(-50%,-50%) rotate(-6deg)}27%{transform:translate(calc(-50% + 37px),calc(-50% - 33px)) rotate(9deg) scale(1.04)}60%{transform:translate(calc(-50% - 31px),calc(-50% + 16px)) rotate(-13deg) scale(.98)}82%{transform:translate(calc(-50% - 17px),calc(-50% - 19px)) rotate(2deg) scale(1.02)}}
@keyframes sx-home-bean-roam{0%,100%{translate:0 0;rotate:var(--sx-bean-angle)}32%{translate:var(--sx-home-x) var(--sx-home-y);rotate:calc(var(--sx-bean-angle) + var(--sx-home-turn))}69%{translate:calc(var(--sx-home-x) * -.34) calc(var(--sx-home-y) * .48);rotate:calc(var(--sx-bean-angle) - 18deg)}}
@keyframes sx-home-orbit{0%,100%{transform:rotate(-23deg) scaleX(1.35) scaleY(.94);translate:-12px 10px}50%{transform:rotate(27deg) scaleX(1.12) scaleY(1.12);translate:20px -22px}}
@keyframes sx-home-stamp{0%,100%{translate:0 0;rotate:0deg}50%{translate:-19px -22px;rotate:-15deg}}

/* Keep the original three choices. Their unchanged links now contain real alpha package art. */
.customer-store .sx-home-path-art{isolation:isolate}
.sx-home-card-scene{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transform-origin:50% 60%}
.sx-home-path-packages{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.sx-home-card-bag{position:absolute;left:50%;top:50%;width:116px;height:192px;filter:drop-shadow(8px 13px 8px #3c332b24);transform:translate(-50%,-50%) rotate(-5deg)}
.sx-home-card-bag.sx-capacity-200{width:77px}.sx-home-card-bag.sx-capacity-300{width:128px}
.sx-home-path-pair .sx-home-card-bag:first-child{left:42%;top:48%;z-index:2;--sx-card-rest:-9deg;--sx-card-delay:0s}
.sx-home-path-pair .sx-home-card-bag:last-child{left:61%;top:56%;--sx-card-rest:8deg;--sx-card-delay:.12s}
.sx-home-path-single .sx-home-card-bag{--sx-card-rest:-5deg;--sx-card-delay:.08s}
.sx-home-path-art.sx-motion-visible .sx-home-card-bag{animation:sx-home-card-arrive .8s cubic-bezier(.18,.75,.2,1) var(--sx-card-delay) both,sx-home-card-float 5s ease-in-out calc(.8s + var(--sx-card-delay)) infinite}
.sx-home-card-scene>img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;padding:8px}
.visual-path-taste.sx-motion-visible .sx-home-card-scene>img{animation:sx-home-taste-float 5.8s ease-in-out infinite}
.customer-store .sx-home-deal-card{border:2px solid #4d6d48;background:#f6f6e9}
.customer-store .sx-home-deal-card .visual-path-copy>strong{display:block;font-size:clamp(35px,4vw,54px);font-weight:750;line-height:1.2;letter-spacing:-.04em;color:#294c3b;margin:12px 0 7px}
.customer-store .sx-home-deal-card .visual-path-copy>strong small{font-size:11px;font-weight:500;letter-spacing:0}
.customer-store .sx-home-deal-card .home-pair-capacity{display:block;font-size:12px;font-weight:700;margin-top:18px}
.customer-store .sx-home-deal-card .home-pair-shipping{display:inline-block;max-width:100%;font-weight:700;font-size:12px;line-height:1.7;padding:7px 10px;background:#e3e9d4;border-radius:5px;color:#345333}
.customer-store .sx-home-deal-card .offer-set-price strong{font-size:clamp(35px,4vw,54px);line-height:1.2;letter-spacing:-.04em}
.customer-store .sx-home-deal-card .path-action{font-weight:700;font-size:14px;color:#fff;background:#31523b;border:0;border-radius:6px;padding:13px 15px;margin-top:18px}
@keyframes sx-home-card-arrive{0%{transform:translate(calc(-50% - 30px),calc(-50% + 65px)) rotate(calc(var(--sx-card-rest) - 21deg)) scale(.77);opacity:.35}65%{transform:translate(calc(-50% + 12px),calc(-50% - 22px)) rotate(calc(var(--sx-card-rest) + 13deg)) scale(1.09);opacity:1}100%{transform:translate(-50%,-50%) rotate(var(--sx-card-rest)) scale(1);opacity:1}}
@keyframes sx-home-card-float{0%,100%{transform:translate(-50%,-50%) rotate(var(--sx-card-rest))}43%{transform:translate(calc(-50% + 13px),calc(-50% - 28px)) rotate(calc(var(--sx-card-rest) + 12deg))}72%{transform:translate(calc(-50% - 12px),calc(-50% + 8px)) rotate(calc(var(--sx-card-rest) - 7deg))}}
@keyframes sx-home-taste-float{0%,100%{translate:0 0;rotate:-2deg;scale:1}50%{translate:0 -13px;rotate:3deg;scale:1.055}}

/* Each of the original three stages has an inner motion; the native swipe and buttons still select it. */
.customer-store .sx-original-journey.sx-motion-visible .visual-stage-active .visual-stage-caption{animation:sx-home-caption .6s ease-out .12s both}
.customer-store .sx-original-journey.sx-motion-visible .visual-stage-active.visual-stage-choose .visual-board-product>img{animation:sx-home-journey-bag .85s cubic-bezier(.18,.75,.25,1) both,sx-home-journey-float 4.6s ease-in-out .85s infinite}
.customer-store .sx-original-journey.sx-motion-visible .visual-stage-active.visual-stage-choose .visual-stock-photo{animation:sx-home-photo-pan 9s ease-in-out infinite alternate}
.customer-store .sx-original-journey.sx-motion-visible .visual-stage-active.visual-stage-enjoy .visual-stock-photo{animation:sx-home-photo-pan 7.5s ease-in-out infinite alternate-reverse}
.customer-store .sx-original-journey.sx-motion-visible .visual-stage-active .visual-stage-drum{transform-box:fill-box;transform-origin:center;animation:sx-home-drum 4s linear infinite}
.sx-original-journey:not(.sx-motion-visible) *{animation-play-state:paused!important}
@keyframes sx-home-caption{from{translate:0 17px;opacity:.6}to{translate:0 0;opacity:1}}
@keyframes sx-home-journey-bag{0%{transform:translate(-27px,48px) rotate(-20deg) scale(.8)}67%{transform:translate(9px,-20px) rotate(10deg) scale(1.08)}100%{transform:translate(0,0) rotate(-3deg)}}
@keyframes sx-home-journey-float{0%,100%{transform:translate(0,0) rotate(-3deg)}50%{transform:translate(-12px,-20px) rotate(9deg)}}
@keyframes sx-home-photo-pan{from{transform:scale(1.02) translate(-3px,7px)}to{transform:scale(1.1) translate(7px,-13px)}}
@keyframes sx-home-drum{to{transform:rotate(360deg)}}
@media(max-width:760px){
 .sx-home-scene>.sx-hero-orbit{left:26.5%;top:18%}
 .customer-store .sx-home-path-art .sx-home-card-bag{width:106px;height:176px}.customer-store .sx-home-path-art .sx-home-card-bag.sx-capacity-200{width:70px}.customer-store .sx-home-path-art .sx-home-card-bag.sx-capacity-300{width:117px}
 .customer-store .sx-home-deal-card .visual-path-copy>strong,.customer-store .sx-home-deal-card .offer-set-price strong{font-size:46px}
 .customer-store .sx-home-deal-card .visual-path-copy h3{font-size:clamp(23px,6vw,27px);line-height:1.55}
 .customer-store .sx-home-deal-card .home-pair-shipping{font-size:11px}
 .customer-store .sx-original-journey .visual-stage-caption strong{font-size:clamp(14px,4.1vw,17px);line-height:1.6;text-wrap:pretty}
 .customer-store .sx-original-journey .visual-stage-caption p{font-size:10px;line-height:1.8;text-wrap:pretty}
 .sx-journey-heading{font-size:clamp(18px,5vw,21px)}
}
@media(prefers-reduced-motion:reduce){
 .sx-home-hero *,.sx-home-path-art *,.sx-original-journey *{animation:none!important;transition:none!important}
 .sx-home-scene,.sx-home-beans-plane,.sx-home-card-scene{transform:none!important;translate:none!important;rotate:none!important}
 .sx-home-path-pair .sx-home-card-bag:first-child{transform:translate(-50%,-50%) rotate(-9deg)}.sx-home-path-pair .sx-home-card-bag:last-child{transform:translate(-50%,-50%) rotate(8deg)}
}
/* The existing offer occupies one full-width phone card; price and shipping never squeeze beside the art. */
@media(max-width:760px){
 #page .visual-purchase-paths .purchase-path.sx-home-deal-card{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}
 #page .visual-purchase-paths .sx-home-deal-card .visual-path-art{height:180px;min-height:180px;border-right:0;border-bottom:1px solid #bdcba9}
 #page .visual-purchase-paths .sx-home-deal-card .visual-path-copy{padding:16px 18px 18px;min-width:0}
 #page .visual-purchase-paths .sx-home-deal-card .visual-path-copy h3{font-size:24px;line-height:1.45;margin:3px 0 8px}
 #page .visual-purchase-paths .sx-home-deal-card .visual-path-copy>.home-pair-capacity{margin:12px 0 3px;font-size:12px;line-height:1.5}
 #page .visual-purchase-paths .sx-home-deal-card .visual-path-copy>strong{display:block;font-size:48px;font-weight:750;line-height:1.18;letter-spacing:-.045em;margin:0 0 8px;white-space:nowrap}
 #page .visual-purchase-paths .sx-home-deal-card .visual-path-copy>strong>small{font-size:11px;font-weight:500;letter-spacing:0;white-space:nowrap}
 #page .visual-purchase-paths .sx-home-deal-card .home-pair-shipping{display:flex;flex-wrap:wrap;gap:0 .2em;width:fit-content;max-width:100%;box-sizing:border-box;font-size:11px;font-weight:700;line-height:1.7;margin:0;padding:7px 9px;border-radius:5px;background:#e3e9d4}
 #page .visual-purchase-paths .sx-home-deal-card .home-pair-shipping .sx-shipping-unit{display:inline-block;max-width:100%;white-space:nowrap}
 #page .visual-purchase-paths .sx-home-deal-card .path-action{font-size:14px;line-height:1.6;margin-top:14px;padding:12px 14px;background:#31523b;color:#fff;border:0;border-radius:6px}
 #page .sx-original-journey .visual-stage-board .visual-board-product{width:44%;max-width:155px}
 #page .sx-original-journey .visual-board-product>strong{font-size:10px;line-height:1.65;letter-spacing:0;padding:5px 4px;text-align:center;box-sizing:border-box}
 #page .sx-original-journey .sx-journey-caption-unit{display:block;max-width:100%;white-space:nowrap}
 #page .sx-original-journey .visual-stage-controls button{font-size:9.5px;letter-spacing:0;gap:3px;padding:7px 3px;min-width:0}
 #page .sx-original-journey .visual-stage-controls button>span:last-child{white-space:nowrap;word-break:normal;overflow-wrap:normal}
}

/* Rebuilt journey: one continuous stage, shared real package art, and native swipe/tap controls. */
#page .sx-journey-new{max-width:1200px;margin:64px auto 80px;color:#294c3b}
.sx-journey-eyebrow{text-align:center;font-size:9px;font-weight:700;letter-spacing:.16em;margin:0 0 10px}
.sx-journey-new .sx-journey-heading{font-size:clamp(25px,3.2vw,40px);line-height:1.5;margin:0 0 27px}
.sx-journey-stage{position:relative;border-radius:25px;overflow:hidden;isolation:isolate;background:#e7ebdf}
.sx-journey-track{display:flex;width:100%;height:510px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-snap-stop:always;overscroll-behavior-x:contain;scrollbar-width:none}
.sx-journey-track::-webkit-scrollbar{display:none}
.sx-journey-scene{position:relative;flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:start;overflow:hidden;background:#e5ebdc}
.sx-journey-scene-roast{background:#eaddcd}.sx-journey-scene-enjoy{background:#eee9d9}
.sx-journey-number{position:absolute;top:12px;left:28px;font-family:Arial,sans-serif;font-size:clamp(150px,22vw,270px);line-height:1;font-weight:800;letter-spacing:-.11em;color:#294c3b;opacity:.1}
.sx-journey-word{position:absolute;left:33px;top:32%;font-size:clamp(70px,13vw,155px);font-weight:800;line-height:1;letter-spacing:-.07em;color:#294c3b;opacity:.075;white-space:nowrap}
.sx-journey-copy{position:absolute;z-index:5;left:36px;bottom:30px;max-width:470px;padding-right:22px;color:#294c3b}
.sx-journey-step-label{font-size:10px;font-weight:700;letter-spacing:.1em;line-height:1.6;margin:0 0 8px}
.sx-journey-copy h3{font-family:serif;font-size:clamp(26px,3vw,39px);font-weight:400;line-height:1.5;letter-spacing:.015em;margin:0 0 8px;max-width:100%}
.sx-journey-description{font-size:12px;line-height:1.8;margin:0;text-wrap:pretty}
.sx-journey-shared{position:absolute;z-index:2;inset:0 0 105px;pointer-events:none}
.sx-journey-object{position:absolute;left:64%;top:49%;width:198px;height:326px;transform-origin:50% 55%;pointer-events:none;will-change:transform}
.sx-journey-object>.sx-capacity-crop{width:100%;height:100%;filter:drop-shadow(13px 22px 12px #40312324);animation:sx-journey-package-float 5s ease-in-out infinite}
.sx-journey-back{z-index:2;transform:translate(calc(-50% + 46px),calc(-50% + 22px)) rotate(12deg)}
.sx-journey-back>.sx-capacity-crop{animation-delay:-2.2s;animation-direction:reverse}
.sx-journey-front{z-index:4;transform:translate(calc(-50% - 34px),-50%) rotate(-12deg)}
.sx-journey-cup{position:absolute;z-index:3;left:62%;top:56%;width:350px;height:263px;opacity:0;transform:translate(calc(-50% - 155px),calc(-50% + 77px)) rotate(-20deg) scale(.55)}
.sx-journey-cup-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(10px 15px 10px #3c34241a)}
.sx-journey-at-enjoy .sx-journey-cup-svg{animation:sx-journey-cup-float 4.5s ease-in-out infinite}
.sx-journey-heat{position:absolute;left:64%;top:49%;width:365px;aspect-ratio:1;border:2px solid #a77a4960;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .35s}
.sx-journey-heat:before,.sx-journey-heat:after{content:'';position:absolute;inset:23px -26px;border:1px solid #a77a4960;border-radius:50%;transform:rotate(32deg)}
.sx-journey-heat:after{inset:-22px 27px;transform:rotate(-24deg)}
.sx-journey-at-roast .sx-journey-heat{opacity:.8;animation:sx-journey-heat-turn 8s linear infinite}
.sx-journey-bean-plane{position:absolute;inset:0;z-index:5;pointer-events:none}
.sx-journey-new .sx-bean{--sx-journey-bean-turn:28deg;--sx-bean-duration:5.3s;animation:sx-journey-bean-orbit var(--sx-bean-duration) ease-in-out var(--sx-bean-delay) infinite}
.sx-journey-new .sx-bean-a{left:35%;top:15%;--sx-bean-size:39px;--sx-home-x:36px;--sx-home-y:-30px}
.sx-journey-new .sx-bean-b{left:82%;top:14%;--sx-bean-size:31px;--sx-home-x:-39px;--sx-home-y:38px}
.sx-journey-new .sx-bean-c{left:36%;top:65%;--sx-bean-size:27px;--sx-home-x:43px;--sx-home-y:-27px}
.sx-journey-new .sx-bean-d{left:88%;top:65%;--sx-bean-size:41px;--sx-home-x:-32px;--sx-home-y:-36px}
.sx-journey-new .sx-bean-e{left:70%;top:86%;--sx-bean-size:33px;--sx-home-x:32px;--sx-home-y:-27px}
.sx-journey-at-roast .sx-bean{animation:sx-journey-bean-cascade 3.1s cubic-bezier(.3,.2,.6,.8) var(--sx-bean-delay) infinite}
.sx-journey-at-roast .sx-bean-a{left:46%;top:0}.sx-journey-at-roast .sx-bean-b{left:61%;top:5%}.sx-journey-at-roast .sx-bean-c{left:77%;top:10%}.sx-journey-at-roast .sx-bean-d{left:55%;top:0}.sx-journey-at-roast .sx-bean-e{left:69%;top:-3%}
.sx-journey-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0}
.sx-journey-tab{display:grid;gap:4px;justify-items:start;text-align:left;min-height:62px;border:0;border-top:2px solid #c5cfb9;border-radius:0;padding:9px 9px 5px;background:transparent;color:#6c7c64;cursor:pointer;font-family:inherit}
.sx-journey-tab small{font-size:9px;line-height:1.3;letter-spacing:.12em}.sx-journey-tab>span{font-size:13px;line-height:1.5;white-space:nowrap}
.sx-journey-tab[aria-pressed=true]{color:#294c3b;border-color:#294c3b;font-weight:700}
.sx-journey-hint{font-size:9px;line-height:1.6;margin:8px 0 0;text-align:center;color:#65715d}
.sx-journey-image-note{font-size:8px;line-height:1.6;text-align:right;margin:8px 0 0;color:#7a8370}
.sx-journey-tab:focus-visible,.sx-journey-track:focus-visible{outline:2px solid #406b46;outline-offset:3px}
.sx-journey-static-enjoy{transform:translate(calc(-50% + 94px),calc(-50% + 43px)) rotate(13deg) scale(.7)}
.sx-journey-at-enjoy .sx-journey-cup[hidden],.sx-journey-back[hidden],.sx-journey-cup[hidden]{display:none}
@keyframes sx-journey-package-float{0%,100%{translate:0 0;rotate:-3deg}43%{translate:15px -27px;rotate:8deg}73%{translate:-12px 8px;rotate:-7deg}}
@keyframes sx-journey-bean-orbit{0%,100%{translate:0 0;rotate:var(--sx-bean-angle)}50%{translate:var(--sx-home-x) var(--sx-home-y);rotate:calc(var(--sx-bean-angle) + 36deg)}}
@keyframes sx-journey-bean-cascade{0%{translate:-20px -65px;rotate:-35deg;opacity:0}18%{opacity:1}80%{opacity:1}100%{translate:35px 305px;rotate:110deg;opacity:0}}
@keyframes sx-journey-heat-turn{0%{transform:translate(-50%,-50%) rotate(0deg) scale(.94)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.08)}100%{transform:translate(-50%,-50%) rotate(360deg) scale(.94)}}
@keyframes sx-journey-cup-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:10px -13px;rotate:4deg}}
@media(max-width:760px){
 #page .sx-journey-new{margin:45px 0 55px}
 .sx-journey-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:8px}
 .sx-journey-new .sx-journey-heading{font-size:clamp(23px,6.5vw,28px);line-height:1.5;margin-bottom:20px}
 .sx-journey-stage{border-radius:18px}.sx-journey-track{height:485px}
 .sx-journey-number{left:15px;top:12px;font-size:145px}.sx-journey-word{left:19px;top:30%;font-size:76px}
 .sx-journey-shared{bottom:145px}
 .sx-journey-object{left:50%;top:48%;width:138px;height:229px}
 .sx-journey-cup{left:50%;top:55%;width:250px;height:188px}
 .sx-journey-heat{left:50%;top:48%;width:242px}
 .sx-journey-copy{left:20px;right:18px;bottom:23px;padding:0;max-width:none}
 .sx-journey-step-label{font-size:9px;margin-bottom:6px}
 .sx-journey-copy h3{font-size:clamp(25px,7vw,29px);line-height:1.48;letter-spacing:0;margin-bottom:8px}
 .sx-journey-description{font-size:10px;line-height:1.8;max-width:100%}
 .sx-journey-controls{gap:7px;margin-top:12px}.sx-journey-tab{min-height:58px;padding:8px 3px 4px;gap:3px}.sx-journey-tab>span{font-size:11px}
 .sx-journey-new .sx-bean-a{left:12%;top:19%;--sx-bean-size:32px}.sx-journey-new .sx-bean-b{left:83%;top:12%;--sx-bean-size:27px}.sx-journey-new .sx-bean-c{left:8%;top:66%;--sx-bean-size:24px}.sx-journey-new .sx-bean-d{left:84%;top:68%;--sx-bean-size:35px}.sx-journey-new .sx-bean-e{left:40%;top:87%;--sx-bean-size:27px}
 .sx-journey-at-roast .sx-bean-a{left:23%;top:0}.sx-journey-at-roast .sx-bean-b{left:43%;top:5%}.sx-journey-at-roast .sx-bean-c{left:69%;top:10%}.sx-journey-at-roast .sx-bean-d{left:33%;top:0}.sx-journey-at-roast .sx-bean-e{left:57%;top:-3%}
}
@media(prefers-reduced-motion:reduce){
 .sx-journey-new *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .sx-journey-at-enjoy .sx-journey-cup{opacity:1;transform:translate(calc(-50% - 34px),calc(-50% + 34px)) rotate(-4deg)}
}

/* Roast categories share the same package, bean and large-type language as the hero and journey. */
#page .sx-home-roasts .section-heading{margin-bottom:24px}
#page .sx-home-roasts .section-heading h2{font-family:serif;font-weight:400;font-size:clamp(28px,3.4vw,41px);line-height:1.5;letter-spacing:.015em}
#page .sx-home-roasts .sx-roast-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0;padding:0}
#page .sx-home-roasts .sx-roast-stage{position:relative;display:flex;flex-direction:column;gap:0;min-width:0;overflow:hidden;border:0;border-radius:20px;padding:0;background:var(--sx-ground);color:#294c3b;text-decoration:none;isolation:isolate;box-shadow:none;transform:none}
#page .sx-home-roasts .sx-roast-stage>.sx-roast-art{display:block;position:relative;width:100%;padding:0;margin:0;flex:none;grid-column:auto;grid-row:auto}
.sx-roast-art{display:block;position:relative;height:350px;overflow:hidden;isolation:isolate;pointer-events:none}
.sx-roast-word{position:absolute;top:31%;left:50%;transform:translateX(-50%);font-family:Arial,sans-serif;font-size:clamp(48px,6.5vw,91px);line-height:1;font-weight:800;letter-spacing:-.075em;white-space:nowrap;color:var(--sx-accent);opacity:.16;z-index:0}
.sx-roast-orbit{position:absolute;left:20%;top:19%;width:62%;aspect-ratio:1;border:1px solid var(--sx-accent);opacity:.18;border-radius:50%;transform:rotate(-17deg) scaleX(1.2)}
.sx-roast-object{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none}
.sx-roast-bag{width:144px;height:239px;filter:drop-shadow(9px 18px 11px #3d332524);transform:rotate(-7deg)}
.sx-roast-bag.sx-capacity-200{width:96px}.sx-roast-bag.sx-capacity-300{width:159px}
.sx-roast-stage.sx-motion-visible .sx-roast-bag{animation:sx-roast-arrive .8s cubic-bezier(.16,.7,.2,1) both,sx-roast-float 4.8s ease-in-out .8s infinite}
.sx-roast-stage.sx-motion-visible .sx-roast-word{animation:sx-roast-word-drift 6s ease-in-out infinite}
.sx-roast-stage.sx-motion-visible .sx-roast-orbit{animation:sx-roast-orbit-turn 8s ease-in-out infinite}
.sx-roast-art .sx-bean-a{--sx-bean-size:31px;--sx-home-x:31px;--sx-home-y:-24px;--sx-home-turn:27deg}.sx-roast-art .sx-bean-b{--sx-bean-size:25px;--sx-home-x:-30px;--sx-home-y:26px;--sx-home-turn:-30deg}.sx-roast-art .sx-bean-c{--sx-bean-size:23px;--sx-home-x:35px;--sx-home-y:-28px;--sx-home-turn:35deg}.sx-roast-art .sx-bean-d{--sx-bean-size:35px;--sx-home-x:-29px;--sx-home-y:-34px;--sx-home-turn:-25deg}.sx-roast-art .sx-bean-e{--sx-bean-size:27px;--sx-home-x:30px;--sx-home-y:-23px;--sx-home-turn:23deg}
.sx-roast-stage.sx-motion-visible .sx-bean{animation:sx-home-bean-roam var(--sx-bean-duration) ease-in-out var(--sx-bean-delay) infinite}
.sx-roast-stage:not(.sx-motion-visible) *{animation-play-state:paused!important}
#page .sx-roast-copy{display:flex;flex-direction:column;gap:0;padding:0 25px 25px;min-width:0;flex:1}
#page .sx-roast-copy h3{font-family:serif;font-size:34px;font-weight:400;line-height:1.4;letter-spacing:.04em;margin:0 0 9px;padding:0;color:#294c3b;white-space:nowrap}
#page .sx-roast-copy>span{font-size:12px;line-height:1.8;padding:0;margin:0 0 18px;max-width:100%;text-wrap:pretty}
#page .sx-roast-copy .visual-roast-stock{display:block;font-size:11px;font-weight:700;line-height:1.6;margin:0 0 12px;color:#6d5c43;padding:0}
#page .sx-roast-copy>b{display:flex;justify-content:space-between;border-top:1px solid #71816850;padding:14px 0 0;margin-top:auto;font-size:12px;font-weight:650;line-height:1.6;white-space:normal;color:#294c3b}
.sx-roast-swipe-hint{display:none}.sx-roast-image-note{text-align:right;font-size:8px;line-height:1.6;color:#76806e;margin:10px 0 0}
#page .sx-roast-stage:focus-visible{outline:3px solid #567048;outline-offset:3px}
@keyframes sx-roast-arrive{0%{transform:translate(-60px,70px) rotate(-24deg) scale(.78);opacity:.3}66%{transform:translate(14px,-22px) rotate(9deg) scale(1.08);opacity:1}100%{transform:translate(0,0) rotate(-7deg);opacity:1}}
@keyframes sx-roast-float{0%,100%{transform:translate(0,0) rotate(-7deg)}33%{transform:translate(19px,-27px) rotate(8deg)}72%{transform:translate(-17px,10px) rotate(-12deg)}}
@keyframes sx-roast-word-drift{0%,100%{translate:-10px 6px}50%{translate:17px -12px}}
@keyframes sx-roast-orbit-turn{0%,100%{transform:rotate(-21deg) scaleX(1.25)}50%{transform:rotate(28deg) scaleX(.92)}}
@media(max-width:760px){
 #page .sx-home-roasts .section-heading{margin-bottom:20px}
 #page .sx-home-roasts .section-heading h2{font-size:clamp(26px,7vw,30px);line-height:1.5}
 #page .sx-home-roasts .sx-roast-track{display:flex;overflow-x:auto;overflow-y:hidden;gap:12px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 3px}
 .sx-roast-track::-webkit-scrollbar{display:none}
 #page .sx-home-roasts .sx-roast-stage{flex:0 0 88%;display:flex;scroll-snap-align:start;scroll-snap-stop:always;min-height:0;border-radius:18px;padding:0;grid-template-columns:none;grid-template-rows:none}
 .sx-roast-art{height:285px;min-height:285px;width:100%}
 .sx-roast-word{font-size:clamp(55px,15vw,76px);top:32%}
 .sx-roast-bag{width:135px;height:224px}.sx-roast-bag.sx-capacity-200{width:90px}.sx-roast-bag.sx-capacity-300{width:149px}
 #page .sx-roast-copy{padding:0 23px 22px}
 #page .sx-roast-copy h3{font-size:32px;line-height:1.4;margin-bottom:7px}
 #page .sx-roast-copy>span{font-size:11px;line-height:1.8;margin-bottom:15px}
 #page .sx-roast-copy>b{font-size:11px;padding-top:12px}
 .sx-roast-swipe-hint{display:block;text-align:center;font-size:9px;line-height:1.6;letter-spacing:0;color:#687861;margin:12px 0 0}
 .sx-roast-image-note{font-size:7px;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.sx-home-roasts *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The film's roaster returns as a live vector; the final scene uses the credited, unchanged pouring photo. */
.sx-journey-roaster{position:absolute;left:62%;top:51%;width:440px;height:385px;z-index:3;opacity:0;pointer-events:none;transform:translate(calc(-50% - 125px),calc(-50% + 70px)) rotate(-13deg) scale(.65)}
.sx-journey-roaster-svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(12px 19px 12px #3f35221c);transform-origin:50% 75%}
.sx-journey-at-roast .sx-journey-roaster-svg{animation:sx-roaster-body-sway 4.3s ease-in-out infinite}
.sx-journey-at-roast .sx-roaster-drum{transform-box:fill-box;transform-origin:center;animation:sx-roaster-spin 2.7s linear infinite}
.sx-journey-at-roast .sx-roaster-tray{transform-box:fill-box;transform-origin:center;animation:sx-roaster-spin 2.1s linear infinite reverse}
.sx-journey-at-roast .sx-roaster-input{animation:sx-roaster-input-fall 2.5s cubic-bezier(.35,.15,.7,.9) infinite;opacity:0}
.sx-journey-at-roast .sx-roaster-output{animation:sx-roaster-bean-discharge 1.9s cubic-bezier(.3,.3,.65,1) infinite;opacity:0}
.sx-roaster-inputs>g:nth-child(2) .sx-roaster-input{animation-delay:-.32s}.sx-roaster-inputs>g:nth-child(3) .sx-roaster-input{animation-delay:-.64s}.sx-roaster-inputs>g:nth-child(4) .sx-roaster-input{animation-delay:-.96s}.sx-roaster-inputs>g:nth-child(5) .sx-roaster-input{animation-delay:-1.28s}.sx-roaster-inputs>g:nth-child(6) .sx-roaster-input{animation-delay:-1.6s}.sx-roaster-inputs>g:nth-child(7) .sx-roaster-input{animation-delay:-1.92s}.sx-roaster-inputs>g:nth-child(8) .sx-roaster-input{animation-delay:-2.24s}
.sx-roaster-outputs>g:nth-child(2) .sx-roaster-output{animation-delay:-.31s}.sx-roaster-outputs>g:nth-child(3) .sx-roaster-output{animation-delay:-.62s}.sx-roaster-outputs>g:nth-child(4) .sx-roaster-output{animation-delay:-.93s}.sx-roaster-outputs>g:nth-child(5) .sx-roaster-output{animation-delay:-1.24s}.sx-roaster-outputs>g:nth-child(6) .sx-roaster-output{animation-delay:-1.55s}
.sx-journey-roaster[hidden],.sx-journey-front[hidden],.sx-journey-back[hidden]{display:none}
.sx-journey-pour-scene{position:absolute;inset:0;display:block;overflow:hidden;background:#4f3f31}
.sx-journey-pour-photo{display:block;width:100%;height:100%;overflow:hidden;transform:scale(1.06)}
.sx-journey-scene-enjoy:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#121a190a 0%,#15211d00 36%,#14221e85 70%,#101c18e8 100%);pointer-events:none;z-index:1}
.sx-journey-scene-enjoy .sx-journey-copy{color:#fffdf4;text-shadow:0 1px 9px #14211a33}
.sx-journey-scene-enjoy .sx-journey-number,.sx-journey-scene-enjoy .sx-journey-word{z-index:1;color:#fffdf4;opacity:.22}
.sx-journey-at-enjoy .sx-journey-pour-photo{animation:sx-journey-real-photo-pan 9s ease-in-out infinite alternate}
.sx-journey-at-enjoy .sx-journey-pour-glint{animation:sx-journey-liquid-sheen 1.25s linear infinite}
@keyframes sx-roaster-spin{to{transform:rotate(360deg)}}
@keyframes sx-roaster-body-sway{0%,100%{transform:translate(-5px,3px) rotate(-1.5deg)}50%{transform:translate(8px,-8px) rotate(1.8deg)}}
@keyframes sx-roaster-input-fall{0%{transform:translate(-10px,-8px) rotate(-30deg);opacity:0}15%{opacity:1}84%{opacity:1}100%{transform:translate(3px,74px) rotate(85deg);opacity:0}}
@keyframes sx-roaster-bean-discharge{0%{transform:translate(0,-2px) rotate(-20deg);opacity:0}15%{opacity:1}48%{transform:translate(23px,-13px) rotate(45deg);opacity:1}85%{opacity:1}100%{transform:translate(67px,24px) rotate(120deg);opacity:0}}
@keyframes sx-journey-real-photo-pan{from{transform:scale(1.06) translate(-1%,.4%)}to{transform:scale(1.15) translate(-2%,-1.1%)}}
@keyframes sx-journey-liquid-sheen{from{transform:translateY(0)}to{transform:translateY(850px)}}
@media(max-width:760px){
 .sx-journey-roaster{left:50%;top:49%;width:min(94%,330px);height:305px}
 .sx-journey-scene-enjoy:after{background:linear-gradient(180deg,#12211a08 0%,#12211a00 36%,#14221e8a 67%,#101c18ec 100%)}
}
@media(prefers-reduced-motion:reduce){
 .sx-journey-new *{animation:none!important;transition:none!important}
 .sx-journey-at-roast .sx-journey-roaster{opacity:1;transform:translate(-50%,-50%)}
 .sx-journey-at-roast .sx-journey-bean-plane,.sx-journey-at-enjoy .sx-journey-bean-plane{display:none}
 .sx-roaster-input{opacity:1}.sx-roaster-output{opacity:0}.sx-journey-pour-glint{display:none}
}

/* Original product photos keep their rectangular canvas inside the product frame. */
.sx-buying-detail .sx-product-stage.sx-uses-original-photo{height:auto;min-height:0;aspect-ratio:1;overflow:hidden}
.sx-buying-detail .sx-product-stage.sx-uses-original-photo>img{
 width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;
 aspect-ratio:auto;object-fit:contain;mix-blend-mode:normal;filter:none;
 transform:none;rotate:none;translate:none;scale:none;animation:none;transition:none
}