.hf-hero--jar{align-items:stretch;background:#f1e7d8}.mjt{--brand: #2A3E38;--ink: #2B2117;--muted: #6E5C47;--gold: #8F7222;--gold-2: #B8902F;--line: rgba(143, 114, 34, .28);--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.42, .52, 1);--jh: 420px;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--ink);font-family:var(--font-body--family),"Figtree",system-ui,sans-serif;outline:none}.mjt *,.mjt *:before,.mjt *:after{box-sizing:border-box}.mjt p,.mjt h2{margin:0}.mjt button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.mjt a{text-decoration:none}.mjt img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.mjt__scene{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.mjt__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;opacity:0;transition:opacity 1.1s var(--ease)}.mjt__bg.is-on{opacity:1}.mjt__wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#faf4eaeb,#faf4eab3 28%,#faf4ea00 50%),linear-gradient(180deg,#faf4eab3 0,#faf4ea00 calc(var(--hf-hdr-h, 60px) + 60px))}.mjt[data-tint=amber] .mjt__wash{background:linear-gradient(90deg,#faeed6ed,#faeed6b8 30%,#faeed600 52%),linear-gradient(180deg,#faeed6b3 0,#faeed600 calc(var(--hf-hdr-h, 60px) + 60px))}.mjt__stage{position:absolute;left:36%;right:12%;bottom:var(--base, 18%);height:calc(var(--jh) * 1.25);touch-action:pan-y;cursor:grab}.mjt__stage:active{cursor:grabbing}.mjt__ghost{position:absolute;left:50%;bottom:calc(var(--jh) * .32);transform:translate(-50%);z-index:0;white-space:nowrap;pointer-events:none;font:400 calc(var(--jh) * .62)/1 var(--font-heading--family),"Tenor Sans",serif;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1.2px rgba(143,114,34,.38)}.mjt__beam{position:absolute;left:50%;bottom:0;width:calc(var(--jh) * 1.5);height:calc(var(--jh) * 2.4);transform:translate(-50%);z-index:1;pointer-events:none;background:radial-gradient(60% 100% at 50% 0%,#fff6debf,#fff6de00 70%);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);mix-blend-mode:screen;opacity:.85;animation:mjt-beam 6s ease-in-out infinite}@keyframes mjt-beam{50%{opacity:.6}}.mjt__floor{position:absolute;left:50%;bottom:-10px;width:calc(var(--jh) * .9);height:30px;transform:translate(-50%);border-radius:50%;z-index:1;background:radial-gradient(closest-side,#ffdc8cb3,#ffdc8c00)}.mjt__jar{position:absolute;left:50%;bottom:0;height:calc(var(--jh) * var(--r));z-index:2;transform-origin:50% 100%;transition:transform 1s var(--spring),filter .8s var(--ease),opacity .8s var(--ease)}.mjt__jar[data-slot=c]{transform:translate(-50%);z-index:4}.mjt__jar[data-slot=l]{transform:translate(calc(-50% - var(--jh) * .78)) scale(.58);filter:blur(1.2px) saturate(.75) brightness(.97);opacity:.85}.mjt__jar[data-slot=r]{transform:translate(calc(-50% + var(--jh) * .78)) scale(.58);filter:blur(1.2px) saturate(.75) brightness(.97);opacity:.85}.mjt__jar[data-slot=l]:hover,.mjt__jar[data-slot=r]:hover{filter:none;opacity:1}.mjt.is-open .mjt__jar:not([data-slot=c]){opacity:.3;filter:blur(2px) saturate(.6)}.mjt__jar:after{content:"";position:absolute;left:6%;right:6%;bottom:-5px;height:14px;border-radius:50%;background:radial-gradient(closest-side,#50381466,#50381400);z-index:-1}.mjt__jar:focus-visible{outline:2px solid var(--brand);outline-offset:6px;border-radius:12px}.mjt-jar{position:relative;display:block;height:100%;transform:translateY(4%)}.mjt-jar img{display:block;height:100%;width:auto;mix-blend-mode:multiply;pointer-events:none}.mjt-jar .mjt-jar__lid{position:absolute;left:0;top:0;height:auto;width:100%;transform-origin:30% 100%;transition:transform .7s var(--spring)}.mjt-jar.is-open .mjt-jar__lid{transform:translate(-18%,-150%) rotate(-24deg)}.mjt-jar.peek .mjt-jar__lid{animation:mjt-peek 1.1s var(--ease)}@keyframes mjt-peek{30%{transform:translateY(-14%) rotate(-5deg)}55%{transform:none}70%{transform:translateY(-5%) rotate(2deg)}85%{transform:none}}.mjt__tap{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translate(-50%);white-space:nowrap;z-index:6;font:600 11px/1 var(--font-body--family),"Figtree",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#3a2618;background:#fffdf7d9;border:1px solid var(--line);border-radius:999px;padding:8px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .4s,transform .4s var(--ease)}.mjt__tap:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:12px;background:var(--line)}.mjt__jar:not([data-slot=c]) .mjt__tap,.mjt.is-open .mjt__tap{opacity:0;transform:translate(-50%) translateY(6px)}.mjt__orbit{position:absolute;left:50%;bottom:0;width:0;height:0;z-index:3;pointer-events:none}.mjt__orbit--front{z-index:6}.mjt-piece{position:absolute;left:0;top:0;width:calc(var(--jh) * .3);aspect-ratio:1;display:grid;place-items:center;pointer-events:none;opacity:0;will-change:transform,opacity}.mjt-piece img{max-width:100%;max-height:100%;filter:drop-shadow(0 10px 14px rgba(70,48,16,.28))}.mjt-piece__tag{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);white-space:nowrap;background:#fffdf7;border:1px solid var(--line);border-radius:999px;padding:4px 9px;font:600 10.5px/1 var(--font-body--family),"Figtree",sans-serif;color:#3a2618;box-shadow:0 8px 18px -10px #46301099}.mjt-piece__tag b{color:var(--brand)}.mjt__copy{position:absolute;z-index:5;left:max(var(--hf-gutter, 16px),calc((100% - 1440px) / 2 + var(--hf-gutter, 16px)));top:calc(var(--hf-hdr-h, 60px) + 2vh);bottom:7%;width:min(400px,32vw);display:flex;flex-direction:column;justify-content:center;gap:18px}.mjt__head,.mjt__body{display:grid;gap:16px}.mjt-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 11px/1 var(--font-body--family),"Figtree",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.mjt-eyebrow:before{content:"";width:26px;height:1px;background:currentColor}.mjt-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 .1em;line-height:.88;font-weight:400;padding-bottom:.2em}.mjt-title__script{font:400 clamp(60px,7vw,116px)/1 "Pinyon Script",cursive;color:#3a2a1c}.mjt-title__big{font:400 clamp(56px,6.4vw,106px)/1 var(--font-heading--family),"Tenor Sans",serif;letter-spacing:-.01em;background:linear-gradient(180deg,#ddbd6a,#b8902f 45%,#8a6722);-webkit-background-clip:text;background-clip:text;color:transparent}.mjt__tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.mjt__tabs button{padding:10px 4px 12px;text-align:left;display:grid;gap:4px;color:var(--muted);transition:color .3s}.mjt__tabs button b{font:400 15px/1 var(--font-heading--family),"Tenor Sans",serif;letter-spacing:.1em;text-transform:uppercase}.mjt__tabs button span{font-size:13px}.mjt__tabs button[aria-selected=true]{color:var(--ink)}.mjt__tabs i{position:absolute;left:0;bottom:-1px;width:calc(100% / 3);height:2px;background:var(--gold-2);transform:translate(calc(var(--sel, 0) * 100%));transition:transform .7s var(--spring)}.mjt__info{display:grid;gap:10px}.mjt__info>*{transition:opacity .35s,transform .45s var(--ease)}.mjt__info.swap>*{opacity:0;transform:translateY(8px)}.mjt__name{font:400 30px/1.05 var(--font-heading--family),"Tenor Sans",serif;letter-spacing:.06em;text-transform:uppercase}.mjt__meta{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.mjt__price{font:400 40px/1 var(--font-heading--family),"Tenor Sans",serif;color:var(--brand)}.mjt__count{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.mjt__count strong{font:400 20px/1 var(--font-heading--family),"Tenor Sans",serif;color:var(--gold);letter-spacing:0;margin-right:4px}.mjt__desc{color:#4a3e31;font-size:15.5px;line-height:1.5}.mjt__bonus{display:inline-flex;align-items:center;gap:10px;justify-self:start;font-size:13px;font-weight:600;color:#6b5317;background:#f4eedcd9;border:1px solid rgba(143,114,34,.4);border-radius:999px;padding:6px 12px 6px 6px}.mjt__bonus img{width:26px;height:26px;object-fit:contain;border-radius:50%;background:#fff}.mjt__bonus[hidden]{display:none}.mjt__ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.mjt-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:600 13px/1 var(--font-body--family),"Figtree",sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s}.mjt-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mjt-btn--primary{background:var(--brand);color:#fff!important;position:relative;overflow:hidden}.mjt-btn--primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,236,190,.35) 50%,transparent 65%);transform:translate(-120%);animation:mjt-shimmer 4s ease-in-out infinite 1.5s}@keyframes mjt-shimmer{40%,to{transform:translate(120%)}}.mjt-btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -16px #2a3e38cc}.mjt .mjt-btn{padding:0 26px}.mjt .mjt-btn--ghost{border:1px solid rgba(58,38,24,.35);color:#3a2618;background:#ffffff59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mjt .mjt-btn--ghost:hover{background:#fffc}.mjt__more{display:inline-flex;align-items:center;gap:8px;justify-self:start;font:600 12px/1 var(--font-body--family),"Figtree",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#3a2618;border-bottom:1px solid rgba(58,38,24,.35);padding-bottom:5px}.mjt__more svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .3s var(--ease)}.mjt__more:hover svg{transform:translate(3px)}.mjt-ns{position:relative;z-index:3;padding:120px var(--hf-gutter, 16px) 80px}.hf-js .hf-hero--jar .mjt-title,.hf-js .hf-hero--jar .mjt__body,.hf-js .hf-hero--jar .mjt__stage{transition:opacity .7s var(--ease),transform .7s var(--ease)}.hf-js .hf-hero--jar:not(.is-active) .mjt-title,.hf-js .hf-hero--jar:not(.is-active) .mjt__body,.hf-js .hf-hero--jar:not(.is-active) .mjt__stage{opacity:0;transform:translateY(22px)}.hf-js .hf-hero--jar.is-active .mjt__stage{transition-delay:.15s}.hf-js .hf-hero--jar.is-active .mjt__body{transition-delay:.3s}@media(max-width:1023px){.hf-hero-slider:has(.hf-hero--jar) .hf-hero-slider__track{align-items:flex-start;transition:transform 1.05s var(--hf-ease),height .6s var(--hf-ease)}.hf-hero--jar{min-height:0;background:#f8f1e6}.mjt{position:relative;inset:auto;width:100%;display:flex;flex-direction:column}.mjt__copy{display:contents}.mjt__head{order:1;padding:10px var(--hf-gutter, 16px) 0;gap:8px}.mjt__scene{order:2;position:relative;inset:auto;height:440px;margin-top:-8px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 70px,#000 calc(100% - 50px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 70px,#000 calc(100% - 50px),transparent)}.mjt__wash{display:none}.mjt__stage{left:0;right:0}.mjt__jar[data-slot=l]{transform:translate(calc(-50% - var(--jh) * .74)) scale(.56)}.mjt__jar[data-slot=r]{transform:translate(calc(-50% + var(--jh) * .74)) scale(.56)}.mjt__body{order:3;padding:16px var(--hf-gutter, 16px) 44px;gap:14px}.mjt__name{font-size:24px}.mjt__price{font-size:32px}.mjt__ctas .mjt-btn{flex:1 1 auto}.mjt__tap{font-size:10px;padding:6px 9px}.mjt-piece__tag{font-size:9.5px;padding:3px 7px}}@media(min-width:1024px)and (max-width:1279px){.mjt__copy{width:min(380px,36vw)}.mjt__stage{left:40%;right:6%}.mjt__ctas .mjt-btn{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){.mjt__beam,.mjt-btn--primary:after{animation:none}.mjt__jar,.mjt-jar .mjt-jar__lid,.mjt__bg{transition-duration:.2s}.hf-js .hf-hero--jar:not(.is-active) .mjt-title,.hf-js .hf-hero--jar:not(.is-active) .mjt__body,.hf-js .hf-hero--jar:not(.is-active) .mjt__stage{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hf-jar.css.map */