.jj-js .jj-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--jj-ease),transform .7s var(--jj-ease);will-change:opacity,transform}.jj-js .jj-reveal.is-in{opacity:1;transform:none}.jj-js .jj-reveal-group>*{opacity:0;transform:translateY(24px);transition:opacity .7s var(--jj-ease),transform .7s var(--jj-ease);transition-delay:calc(var(--i, 0) * 60ms)}.jj-js .jj-reveal-group.is-in>*{opacity:1;transform:none}.jj-js .jj-reveal-line{transform:scaleX(0);transform-origin:left center;transition:transform .9s var(--jj-ease)}.jj-js .is-in .jj-reveal-line,.jj-js .jj-reveal-line.is-in{transform:scaleX(1)}.jj-js .jj-reveal-wipe{clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--jj-ease)}.jj-js .jj-reveal-wipe.is-in,.jj-js .is-in .jj-reveal-wipe{clip-path:inset(0 0 0 0)}.jj-js .jj-reveal-group>.jj-reveal-wipe{clip-path:inset(0 0 100% 0);transition:opacity .7s var(--jj-ease),transform .7s var(--jj-ease),clip-path .9s var(--jj-ease)}.jj-js .jj-reveal-group.is-in>.jj-reveal-wipe{clip-path:inset(0 0 0 0)}.jj-panel{position:relative;isolation:isolate;background:transparent;overflow:clip}.jj-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--jj-panel-bg, var(--jj-ivory-warm));pointer-events:none}.jj-js .jj-panel:before{transform:translateY(-101%);transition:transform 1.1s var(--jj-ease);will-change:transform}.jj-js .jj-panel.is-in:before{transform:none}.jj-panel--warm{--jj-panel-bg: var(--jj-ivory-warm)}.jj-panel--ink{--jj-panel-bg: var(--color-ink, #23312c)}.jj-story-sticky{transform:translate3d(0,var(--parallax, 0px),0)}.jj-story-sticky .stone-shadow{transform:translateY(calc(var(--parallax, 0px) * -.4));opacity:calc(.9 + var(--parallax-n, 0) * .12)}.jj-ph{position:relative;aspect-ratio:1;overflow:hidden;background:var(--jj-ivory-warm);border:var(--hairline, 1px) solid var(--jj-border-color, rgb(35 49 44 / .14));margin:0}.jj-ph--wide{aspect-ratio:3 / 2}.jj-ph--tall{aspect-ratio:3 / 4}canvas.jade{display:block;width:100%;height:100%}.jj-ph canvas.jade{position:absolute;top:0;right:0;bottom:0;left:0}.stone-shadow{position:absolute;left:25%;right:25%;bottom:14%;height:8%;border-radius:50%;background:radial-gradient(closest-side,#23312c30,#23312c00);pointer-events:none;filter:blur(3px)}.jade[data-jade=beads]+.stone-shadow{left:24%;right:24%;bottom:25%;height:5.5%}.jj-ph--wide .jade[data-jade=beads]+.stone-shadow{bottom:20%;height:7%}.jade[data-jade=pair]+.stone-shadow,.jade[data-jade=studs]+.stone-shadow{left:22%;right:24%;bottom:24%;height:6%}.jade[data-jade=ring]+.stone-shadow{left:30%;right:30%;bottom:21%;height:6%}.jj-on-ink .stone-shadow,.jj-series-tile--atelier .stone-shadow{display:none}.jj-ph figcaption{position:absolute;left:.75rem;bottom:.6rem;font-family:var(--font-subheading--family);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-subtitle, #5f7268);opacity:0;transition:opacity .3s var(--jj-ease);pointer-events:none;max-width:calc(100% - 1.5rem);line-height:1.3}a:hover .jj-ph figcaption,a:focus-visible .jj-ph figcaption,.jj-ph:hover figcaption{opacity:1}.jj-card .jj-ph{transition:box-shadow 1.2s var(--jj-ease)}.jj-card .jj-ph canvas.jade{transform:scale(1);transition:transform 1.2s var(--jj-ease)}.jj-card:hover .jj-ph canvas.jade,.jj-card:focus-visible .jj-ph canvas.jade{transform:scale(1.04)}.jj-card:hover .jj-ph,.jj-card:focus-visible .jj-ph{box-shadow:var(--jj-shadow-contact)}.jade-fallback{background-image:radial-gradient(circle at 33% 26%,#f6f2e9cc,#f6f2e94d 9%,#f6f2e900 24%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='v' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='.013 .021' numOctaves='3' seed='9' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .13 0 0 0 0 .31 0 0 0 0 .25 .3 .3 .3 0 -.44'/></filter><rect width='100%25' height='100%25' filter='url(%23v)'/></svg>"),radial-gradient(circle at 36% 30%,var(--color-mist, #d8e5de) 0%,var(--jj-jade-light) 22%,var(--color-primary, #2e6b58) 64%,color-mix(in srgb,var(--color-primary, #2e6b58) 70%,var(--color-ink, #23312c)) 100%);background-size:cover,220px 220px,cover;background-repeat:no-repeat,repeat,no-repeat;clip-path:circle(31% at 50% 50%)}.jade-fallback[data-jade=cylinder]{clip-path:inset(14% 37% round 14%/8%)}.jade-fallback[data-jade=pastille]{clip-path:circle(29% at 50% 50%)}.jade-fallback[data-jade=tablet]{clip-path:inset(16% 29% round 4%)}.jade-fallback[data-jade=cabochon]{clip-path:ellipse(31% 21% at 50% 50%)}.jade-fallback[data-jade=ring]{clip-path:ellipse(24% 16% at 50% 32%)}.jade-fallback[data-jade=planet]{clip-path:circle(24% at 50% 50%)}.jade-fallback[data-jade=rough]{clip-path:polygon(50% 18%,66% 22%,78% 36%,80% 54%,70% 74%,52% 82%,32% 76%,20% 60%,22% 40%,34% 24%)}.jade-fallback[data-jade=beads]{background:radial-gradient(circle at 14% 62%,var(--jj-jade-light) 0 4%,var(--color-primary, #2e6b58) 7%,transparent 8%),radial-gradient(circle at 30% 46%,var(--jj-jade-light) 0 4%,var(--color-primary, #2e6b58) 7%,transparent 8%),radial-gradient(circle at 50% 40%,var(--jj-jade-light) 0 4%,var(--color-primary, #2e6b58) 7%,transparent 8%),radial-gradient(circle at 70% 46%,var(--jj-jade-light) 0 4%,var(--color-primary, #2e6b58) 7%,transparent 8%),radial-gradient(circle at 86% 62%,var(--jj-jade-light) 0 4%,var(--color-primary, #2e6b58) 7%,transparent 8%);clip-path:none}.jade-fallback[data-jade=loop]{background:radial-gradient(circle at 50% 50%,transparent 0 21%,var(--color-primary, #2e6b58) 22% 34%,transparent 35%);clip-path:none}.jade-fallback[data-jade=pair],.jade-fallback[data-jade=studs]{background:radial-gradient(circle at 32% 54%,var(--jj-jade-light) 0 7%,var(--color-primary, #2e6b58) 12%,transparent 13%),radial-gradient(circle at 68% 46%,var(--jj-jade-light) 0 7%,var(--color-primary, #2e6b58) 12%,transparent 13%);clip-path:none}@media(prefers-reduced-motion:reduce){.jj-js .jj-reveal,.jj-js .jj-reveal-group>*,.jj-js .jj-reveal-line,.jj-js .jj-reveal-wipe,.jj-js .jj-reveal-group>.jj-reveal-wipe{opacity:1;transform:none;clip-path:none;transition:none}.jj-js .jj-panel:before{transform:none;transition:none}.jj-story-sticky{transform:none}.jj-story-sticky .stone-shadow{transform:none;opacity:1}.jj-card .jj-ph,.jj-card .jj-ph canvas.jade,.jj-ph figcaption{transition-duration:.15s}.jj-card:hover .jj-ph canvas.jade,.jj-card:focus-visible .jj-ph canvas.jade{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/jj-motion.css.map */
