.jh{--jh-display: "Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;--jh-label: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--jh-gutter: max(20px, env(safe-area-inset-left, 0px));--jh-fg: #fff7ec;--jh-muted: rgba(255, 247, 236, .84);--jh-faint: rgba(255, 247, 236, .32);--jh-word: #ffcb45;--jh-squiggle: #fff7ec;--jh-btn-bg: #fff7ec;--jh-btn-fg: #b0151d;--jh-btn-edge: rgba(0, 0, 0, .32);--jh-spot: rgba(255, 255, 255, .12);--jh-shadow: rgba(0, 0, 0, .45);position:relative;overflow:hidden;isolation:isolate;container-type:inline-size;color:var(--jh-fg)}.jh--clear-dark{--jh-fg: #1d1712;--jh-muted: rgba(29, 23, 18, .74);--jh-faint: rgba(29, 23, 18, .2);--jh-word: #c81d25;--jh-squiggle: #1d1712;--jh-btn-bg: #d8232b;--jh-btn-fg: #ffffff;--jh-btn-edge: #7e0f14;--jh-spot: rgba(255, 255, 255, .45);--jh-shadow: rgba(0, 0, 0, .3)}.jh--theme-font{--jh-display: inherit;--jh-label: inherit}.jh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(52% 58% at 72% 70%,var(--jh-spot),transparent 72%)}.jh__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;max-width:1480px;margin-inline:auto}.jh__copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:24px;min-width:0;padding-block:clamp(48px,7cqi,96px);padding-left:max(var(--jh-gutter),4cqi);padding-right:12px}.jh__head,.jh__body{display:flex;flex-direction:column;min-width:0}.jh__body{align-items:flex-start;gap:22px}.jh__title{margin:0;font-family:var(--jh-display);font-weight:400;font-size:clamp(2.8rem,6.1cqi,5.6rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;color:var(--jh-fg)}.jh--theme-font .jh__title{font-weight:800}.jh__lead{display:block}.jh__word{position:relative;display:inline-block;padding-bottom:.14em;white-space:nowrap;color:var(--jh-word)}.jh__word-text{display:inline-block}.jh__squiggle{position:absolute;left:-.02em;bottom:-.02em;width:calc(100% - .23em);height:.2em;overflow:visible;color:var(--jh-squiggle)}.jh__squiggle path{fill:none;stroke:currentColor;stroke-width:max(3px,.06em);stroke-linecap:round;stroke-dasharray:1}.jh__text{max-width:34ch;font-size:clamp(17px,1.45cqi,19px);line-height:1.55;color:var(--jh-muted)}.jh__text>*{margin:0}.jh__text>*+*{margin-top:.7em}.jh__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:4px}.jh__btn,.jh__link{font-family:var(--jh-label);text-transform:uppercase}.jh__btn{display:inline-flex;padding:15px 26px 14px;border-radius:14px;background:var(--jh-btn-bg);color:var(--jh-btn-fg);font-weight:700;font-size:19px;line-height:1;letter-spacing:.06em;text-decoration:none;box-shadow:0 5px 0 var(--jh-btn-edge);transition:transform .15s ease,box-shadow .15s ease}.jh__btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--jh-btn-edge)}.jh__btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--jh-btn-edge)}.jh__link{font-weight:600;font-size:18px;letter-spacing:.05em;color:var(--jh-fg);text-decoration-line:underline;text-decoration-color:var(--jh-faint);text-decoration-thickness:2px;text-underline-offset:6px;transition:text-decoration-color .15s ease}.jh__link:hover{text-decoration-color:var(--jh-word)}.jh__btn:focus-visible,.jh__link:focus-visible{outline:3px solid var(--jh-squiggle);outline-offset:3px}.jh__stage{position:relative;aspect-ratio:1 / .99;max-width:100%;min-width:0}.jh__plates{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 13%);mask-image:linear-gradient(to right,transparent 0,#000 13%)}.jh__dish{position:absolute;left:48%;bottom:8.5%;width:78%;transform:translate(-50%);opacity:0}.jh__dish:first-child{opacity:1}.jh__dish img,.jh__jar img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.jh__dish img{position:relative;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.jh__dish-shadow{position:absolute;left:9%;right:9%;bottom:-5%;height:22%;border-radius:50%;background:radial-gradient(closest-side,var(--jh-shadow),transparent);filter:blur(6px)}.jh__jar{position:absolute;z-index:3;right:10%;top:4.5%;height:58%;aspect-ratio:.425;box-sizing:border-box}.jh__jar img{filter:drop-shadow(0 6px 7px rgba(0,0,0,.28))}.jh__fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;pointer-events:none}.is-live .jh__dish{left:0;top:0;bottom:auto;transform:none;opacity:1;visibility:hidden;will-change:transform}.is-live .jh__jar{left:0;top:0;right:auto;will-change:transform}@container (max-width: 780px){.jh__inner{grid-template-columns:minmax(0,1fr)}.jh__copy{display:contents}.jh__head,.jh__body{padding-left:var(--jh-gutter);padding-right:max(20px,env(safe-area-inset-right,0px))}.jh__stage{order:1;margin-top:8px;aspect-ratio:1 / .95}.jh__head{order:2;padding-block:2px 14px}.jh__body{order:3;gap:16px;padding-block:0 40px}.jh__title{font-size:clamp(2.6rem,11.5cqi,4.4rem)}.jh__text{max-width:40ch;font-size:16px;line-height:1.5}.jh__plates{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%);mask-image:linear-gradient(to right,transparent 0,#000 9%)}}@container (max-width: 420px){.jh__btn{font-size:17px;padding:14px 20px 13px}.jh__link{font-size:16px}}@media(prefers-reduced-motion:reduce){.jh__btn{transition:none}}.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-text{display:none}.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 */