.jst{--jst-marker: "Permanent Marker", "Marker Felt", "Chalkboard SE", "Comic Sans MS", var(--font-heading-family, sans-serif);--jst-heading: var(--font-heading-family, inherit);container:jst / inline-size;overflow-x:hidden;overflow-x:clip}.jst--plain-font{--jst-marker: var(--jst-heading)}.jst__wrap{position:relative;display:block;max-width:1240px;margin-inline:auto;padding-left:max(20px,4cqi,env(safe-area-inset-left,0px));padding-right:max(20px,4cqi,env(safe-area-inset-right,0px))}.jst__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6cqi,96px);padding-block:clamp(40px,7cqi,110px)}.jst__panel--flip .jst__visual{order:2}.jst__copy{min-width:0}.jst__heading{margin:0 0 .45em;font-family:var(--jst-heading);font-weight:var(--font-heading-weight, 800);font-size:clamp(2rem,4cqi,3.4rem);line-height:1.05;text-transform:uppercase;text-wrap:balance}.jst__text{max-width:56ch;font-size:clamp(1rem,1.35cqi,1.15rem);line-height:1.65}.jst__text>*{margin:0}.jst__text>*+*{margin-top:1em}.jst__visual{position:relative;container-type:inline-size;aspect-ratio:1 / .95;min-width:0}.jst__jar,.jst__slot,.jst__traveler{aspect-ratio:var(--jst-jar-ar);pointer-events:none}.jst__jar img,.jst__slot>img,.jst__traveler img,.jst__open img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.22))}.jst__slot,.jst__jar{position:absolute;z-index:3;left:var(--x);top:var(--y);height:var(--h);transform:translate(-50%,-50%)}.jst__slot>img,.jst__jar .jst__bob{transform:rotate(var(--rot))}.jst__bob{width:100%;height:100%;animation:jst-float 5.6s ease-in-out infinite}.jst__jar .jst__bob{animation-duration:7.3s;animation-delay:-3s;animation-direction:reverse}@keyframes jst-float{0%,to{translate:0 0;rotate:0deg}25%{translate:3% -4%;rotate:3.5deg}50%{translate:0 -7%;rotate:-1deg}75%{translate:-3% -3%;rotate:-4deg}}.jst__traveler{position:absolute;z-index:5;left:0;top:0;display:none;will-change:transform;transition:opacity .2s .2s}.is-live .jst__traveler{display:block}.is-live .jst__slot>img{visibility:hidden}.jst__card{position:absolute;background-color:var(--jst-card);animation:jst-card 9s ease-in-out infinite}.jst__cares .jst__card{animation-duration:11s;animation-delay:-4s;animation-direction:reverse}@keyframes jst-card{0%,to{rotate:0deg;translate:0 0;scale:1}30%{rotate:1.4deg;translate:.6% -.8%;scale:1.012}65%{rotate:-1.1deg;translate:-.5% .6%;scale:.995}}.jst__flavor .jst__card{left:12%;right:4%;top:14%;bottom:3%;border-radius:4cqi}.jst__art{position:absolute;z-index:2;margin:0;font-family:var(--jst-marker);font-weight:400;font-size:14cqi;line-height:.9;text-transform:uppercase;white-space:nowrap}.jst__art--top{left:31%;top:-1%;color:var(--jst-card)}.jst__art--bottom{left:40%;top:15.5%;color:#fff}.jst__flavor .jst__jar{--x: 20%;--y: 39%;--h: 73.6%;--rot: -27deg}.jst__flavor .jst__slot{--x: 64%;--y: 68%;--h: 71.3%;--rot: 25deg}.jst__cares{aspect-ratio:1 / 1.06}.jst__cares .jst__card{left:0;right:9%;top:22%;bottom:3%;border-radius:5cqi;background:linear-gradient(165deg,color-mix(in srgb,var(--jst-card) 70%,#fff),var(--jst-card))}.jst__cares .jst__slot{--x: 79%;--y: 63%;--h: 66%;--rot: 0deg}.jst__benefits{position:absolute;z-index:2;left:3%;top:25%;bottom:5%;width:40%;display:flex;flex-direction:column;justify-content:space-evenly;margin:0;padding:0;list-style:none;text-align:center}.jst__benefit{position:relative}.jst__benefit-title{margin:0 0 .25em;font-family:var(--jst-marker);font-weight:400;font-size:clamp(15px,4.4cqi,30px);line-height:1;text-transform:uppercase;color:var(--jst-ben-title)}.jst__benefit-text{margin:0;font-size:clamp(12px,2.7cqi,16px);font-weight:600;line-height:1.4;color:var(--jst-ben-text)}.jst__arrow{position:absolute;left:88%;top:-.3em;width:28cqi;height:17cqi;overflow:visible;color:var(--jst-arrow)}.jst__arrow path{fill:none;stroke:currentColor;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.jst__arrow-line{stroke-dasharray:1;transition:stroke-dashoffset .7s cubic-bezier(.3,.7,.3,1) calc(var(--i) * .25s + .15s)}.jst__arrow-head{transition:opacity .2s calc(var(--i) * .25s + .75s)}.jst__benefit-title,.jst__benefit-text{transition:opacity .5s ease calc(var(--i) * .25s),translate .5s ease calc(var(--i) * .25s)}.is-live .jst__cares:not(.is-in) .jst__arrow-line{stroke-dashoffset:1}.is-live .jst__cares:not(.is-in) .jst__arrow-head{opacity:0}.is-live .jst__cares:not(.is-in) :is(.jst__benefit-title,.jst__benefit-text){opacity:0;translate:0 12px}.jst__cares.is-in .jst__arrow{animation:jst-nudge 2.4s ease-in-out calc(var(--i) * .3s + 1.2s) infinite}@keyframes jst-nudge{50%{translate:-6% 0}}.jst__open{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .2s}.jst__open-jar{position:absolute;left:0;bottom:0;height:auto!important}.jst__lid{position:absolute;z-index:1;left:-3%;top:-25%;width:106%!important;height:auto!important;transform-origin:50% 80%;transform:translate(var(--lid-dx, -50%),-58%) rotate(-24deg) scale(.92);transition:transform .65s cubic-bezier(.25,1.35,.5,1) .1s}.jst__callout{position:absolute;z-index:2;left:0;top:0;width:40%;transition:opacity .4s .45s,translate .4s .45s}.jst__callout-title{margin:0 0 .3em;font-family:var(--jst-marker);font-weight:400;font-size:clamp(20px,5.6cqi,36px);line-height:.95;text-transform:uppercase}.jst__callout-text{font-size:clamp(12px,2.6cqi,15px);font-weight:600;line-height:1.4}.jst__callout-text>*{margin:0}.jst__callout-text strong{color:var(--jst-accent);text-transform:uppercase}.jst__callout-arrow{position:absolute;z-index:2;left:30%;top:13%;width:15cqi;height:9cqi;overflow:visible;color:var(--jst-accent)}.jst__callout-arrow path{fill:none;stroke:currentColor;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.jst__callout-arrow .jst__arrow-line,.jst__callout-arrow .jst__arrow-head{--i: 2}.is-live.is-open .jst__traveler{opacity:0;transition-delay:0s}.is-live .jst__cares:not(.is-open) .jst__open{opacity:0;transition-delay:.3s}.is-live .jst__cares:not(.is-open) .jst__lid{transform:translate(0) rotate(0) scaleY(.54);transition-duration:.3s;transition-delay:0s}.is-live .jst__cares:not(.is-open) .jst__callout{opacity:0;translate:0 10px;transition-delay:0s}.is-live .jst__cares:not(.is-open) .jst__callout-arrow .jst__arrow-line{stroke-dashoffset:1;transition-delay:0s}.is-live .jst__cares:not(.is-open) .jst__callout-arrow .jst__arrow-head{opacity:0;transition-delay:0s}.jst__pro{aspect-ratio:auto}.jst__photo{overflow:hidden;border-radius:14px}.jst__photo img,.jst__photo svg{display:block;width:100%;height:auto}.jst__pro .jst__slot{z-index:3}@container jst (max-width: 749px){.jst__panel{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:26px}.jst__panel--flip .jst__visual{order:0}.jst__cares{aspect-ratio:1 / 1.25}.jst__cares .jst__card{top:0;bottom:0}.jst__cares .jst__slot{--x: 78%;--y: 64%;--h: 64%}.jst__benefits{top:33%;bottom:4%;width:45%}.jst__benefit-title{margin-bottom:.15em;font-size:clamp(13px,4.4cqi,22px)}.jst__benefit-text{font-size:clamp(10px,3.5cqi,13px);line-height:1.25}.jst__callout{left:5%;top:4%;width:40%}.jst__callout-arrow{left:36%;top:14%;width:15cqi}.jst__lid{--lid-dx: -14%}}@media(prefers-reduced-motion:reduce){.jst__bob,.jst__card,.jst__cares.is-in .jst__arrow{animation:none}.jst__lid{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/compiled_assets/styles.css.map?subset=AAAAAAAg */