.steeping-journey{--sj-gap: clamp(28px, 5vw, 72px);color:var(--sj-text, #2c2d2e)}.steeping-journey__layout{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sj-gap);align-items:center}.steeping-journey--image-right .steeping-journey__layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.steeping-journey--image-right .steeping-journey__media{order:2}.steeping-journey__media{position:relative;width:100%;max-width:460px;margin:0 auto}.steeping-journey__back{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--sj-accent-rgb, 123, 142, 114),.12);box-shadow:0 14px 30px -20px #0006;transform:translate(var(--sj-back-x, 0%),var(--sj-back-y, 0%)) rotate(var(--sj-back-rot, 0deg)) scale(var(--sj-back-size, .9));transform-origin:center;transition:transform .6s cubic-bezier(.22,1,.36,1)}.steeping-journey__media:hover .steeping-journey__back{transform:translate(var(--sj-back-x, 0%),var(--sj-back-y, 0%)) rotate(calc(var(--sj-back-rot, 0deg) * 1.25)) scale(var(--sj-back-size, .9))}.steeping-journey--shape-arch .steeping-journey__back{border-radius:999px 999px 22px 22px}.steeping-journey--shape-rounded .steeping-journey__back{border-radius:26px}.steeping-journey--shape-circle .steeping-journey__back{aspect-ratio:1 / 1;border-radius:50%}.steeping-journey--shape-square .steeping-journey__back{aspect-ratio:1 / 1;border-radius:8px}.steeping-journey__frame{position:relative;z-index:1;aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--sj-accent-rgb, 123, 142, 114),.12);box-shadow:0 18px 40px -22px #0006}.steeping-journey--shape-arch .steeping-journey__frame{border-radius:999px 999px 22px 22px}.steeping-journey--shape-rounded .steeping-journey__frame{border-radius:26px}.steeping-journey--shape-circle .steeping-journey__frame{aspect-ratio:1 / 1;border-radius:50%}.steeping-journey--shape-square .steeping-journey__frame{aspect-ratio:1 / 1;border-radius:8px}.steeping-journey__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;opacity:0;transform:scale(1.03);transition:opacity .5s ease,transform .9s cubic-bezier(.22,1,.36,1)}.steeping-journey__layer.is-showing{opacity:1;transform:none}.steeping-journey__image{display:block;width:100%;height:100%;object-fit:cover}.steeping-journey__image--placeholder{fill:rgba(var(--sj-accent-rgb, 123, 142, 114),.6)}.steeping-journey__content{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column}.steeping-journey__eyebrow{margin:0 0 12px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sj-accent, #7b8e72)}.steeping-journey__eyebrow-dash{display:inline-block;vertical-align:middle;width:28px;height:3px;margin:-2px 10px 0 0;border-radius:3px;background:currentColor}.steeping-journey__heading{margin:0 0 12px;color:var(--sj-heading, #1a1c1d);line-height:1.1}.steeping-journey__heading .animated-marker{white-space:nowrap}.steeping-journey__text{color:var(--sj-text, #2c2d2e);line-height:1.6}.steeping-journey__text p:last-child{margin-bottom:0}.steeping-journey__panel{position:relative;display:grid;margin-top:24px;padding:22px 24px 64px;border-radius:20px;background:var(--sj-panel, #f5f2ea)}.steeping-journey__step{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateY(6px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}.steeping-journey__step.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .22s ease,transform .22s ease,visibility 0s}.steeping-journey__panel.is-fading .steeping-journey__step.is-active{opacity:0;transform:translateY(6px)}.steeping-journey__step-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}.steeping-journey__step-titles{min-width:0}.steeping-journey__step-count{display:block;margin-bottom:4px;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sj-accent-own, #7b8e72)}.steeping-journey__step-of{opacity:.6}.steeping-journey__step-title{margin:0;font-size:clamp(1.45rem,2.2vw,1.8rem);line-height:1.1;color:var(--sj-heading, #1a1c1d)}.steeping-journey__figure{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right;padding-left:16px;border-left:2px solid rgba(var(--sj-accent-rgb, 123, 142, 114),.3)}.steeping-journey__figure-value{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:700;line-height:1;color:var(--sj-heading, #1a1c1d);font-variant-numeric:tabular-nums;white-space:nowrap}.steeping-journey__figure-label{margin-top:4px;font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sj-accent-own, #7b8e72)}.steeping-journey__step-text{font-size:.97rem;line-height:1.6;color:var(--sj-text, #2c2d2e)}.steeping-journey__step-text p:last-child{margin-bottom:0}.steeping-journey__tip{margin:12px 0 0;padding-top:10px;border-top:1px dashed rgba(var(--sj-accent-rgb, 123, 142, 114),.4);font-size:.88rem;line-height:1.5;color:var(--sj-text, #2c2d2e)}.steeping-journey__tip-label{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:999px;background:var(--sj-marker, #f2b75b);color:var(--sj-on-marker, #1a1c1d);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;vertical-align:1px}.steeping-journey__journey{position:relative;margin-top:auto;padding:28px 0 0}.steeping-journey__path{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;z-index:0}.steeping-journey__path-track{fill:none;stroke:rgba(var(--sj-accent-rgb, 123, 142, 114),.4);stroke-width:2;stroke-dasharray:5 7;stroke-linecap:round}.steeping-journey__path-progress{fill:none;stroke:var(--sj-accent, #7b8e72);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1)}.steeping-journey__nodes{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin:0;padding:0 4px;list-style:none}.steeping-journey__node-wrap{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.steeping-journey__node-wrap--up{padding-top:0}.steeping-journey__node-wrap--down{padding-top:22px}.steeping-journey__node{width:44px;height:44px;padding:0;border-radius:50%;border:2px solid rgba(var(--sj-accent-rgb, 123, 142, 114),.5);background:#fff;color:var(--sj-accent, #7b8e72);cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 18px -12px #0006;transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.steeping-journey__node:hover{transform:translateY(-2px);border-color:var(--sj-accent, #7b8e72)}.steeping-journey__node:focus-visible{outline:2px solid var(--sj-heading, #1a1c1d);outline-offset:3px}.steeping-journey__node.is-done{background:var(--sj-accent, #7b8e72);border-color:var(--sj-accent, #7b8e72);color:var(--sj-on-accent, #fff)}.steeping-journey__node.is-active{background:var(--sj-marker, #f2b75b);border-color:var(--sj-marker, #f2b75b);color:var(--sj-on-marker, #1a1c1d);transform:scale(1.12);box-shadow:0 12px 24px -12px #00000073}.steeping-journey__node-number{font-size:1.15rem;font-weight:700;line-height:1}.steeping-journey__node-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sj-text, #2c2d2e);opacity:.6;line-height:1.2;transition:opacity .25s ease,color .25s ease}.steeping-journey__node.is-active+.steeping-journey__node-label{opacity:1;color:var(--sj-heading, #1a1c1d)}.steeping-journey__nav{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;pointer-events:none}.steeping-journey__arrow{pointer-events:auto;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid rgba(var(--sj-accent-rgb, 123, 142, 114),.4);background:#fff;color:var(--sj-heading, #1a1c1d);cursor:pointer;display:grid;place-items:center;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.steeping-journey__arrow:hover:not(:disabled){background:var(--sj-accent, #7b8e72);border-color:var(--sj-accent, #7b8e72);color:var(--sj-on-accent, #fff)}.steeping-journey__arrow:disabled{opacity:.35;cursor:default}.steeping-journey__arrow:focus-visible{outline:2px solid var(--sj-heading, #1a1c1d);outline-offset:2px}.steeping-journey__actions{margin-top:22px}.steeping-journey .steeping-journey__button{margin:0;background:var(--sj-button, #7b8e72);border-color:var(--sj-button, #7b8e72);color:var(--sj-button-text, #fff);box-shadow:0 10px 20px -12px #0006;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.steeping-journey .steeping-journey__button:hover,.steeping-journey .steeping-journey__button:focus{background:var(--sj-button, #7b8e72);border-color:var(--sj-button, #7b8e72);color:var(--sj-button-text, #fff);filter:brightness(.94);transform:translateY(-2px);box-shadow:0 14px 24px -12px #00000073}.steeping-journey__footnote{margin:18px 0 0;font-size:.74rem;line-height:1.5;color:var(--sj-text, #2c2d2e);opacity:.65}.steeping-journey--animate [data-reveal]{opacity:0;translate:0 18px;transition:opacity .6s ease,translate .7s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i, 0) * 80ms)}.steeping-journey--animate .steeping-journey__media[data-reveal]{translate:0 0;scale:.96;transition:opacity .6s ease,scale .9s cubic-bezier(.22,1,.36,1)}.steeping-journey--animate [data-reveal].is-revealed{opacity:1;translate:0 0;scale:1}@media(prefers-reduced-motion:reduce){.steeping-journey__back,.steeping-journey__layer,.steeping-journey__step,.steeping-journey__node,.steeping-journey__path-progress,.steeping-journey__arrow,.steeping-journey .steeping-journey__button{transition:none!important}.steeping-journey--animate [data-reveal]{opacity:1;translate:0 0;scale:1;transition:none}}@media screen and (max-width:1023px){.steeping-journey__layout,.steeping-journey--image-right .steeping-journey__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media screen and (max-width:767px){.steeping-journey__layout,.steeping-journey--image-right .steeping-journey__layout{grid-template-columns:1fr;gap:28px}.steeping-journey--image-right .steeping-journey__media{order:0}.steeping-journey__media{max-width:78%}.steeping-journey__panel{padding:18px 18px 60px}.steeping-journey__nav{left:12px;right:12px;bottom:12px}.steeping-journey__node{width:40px;height:40px}.steeping-journey__node-label{display:none}.steeping-journey__node-wrap--down{padding-top:16px}}@media screen and (max-width:479px){.steeping-journey__step-head{flex-direction:column;gap:10px}.steeping-journey__figure{align-items:flex-start;text-align:left;padding-left:0;border-left:0}.steeping-journey .steeping-journey__button{width:100%;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/662/assets/steeping-journey.css.map */