.jcmc{--c-bg: #f4eee4;--c-ink: #221a14;--c-muted: #6e6258;--c-line: rgba(34,26,20,.13);--c-brass: #a9834b;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(32rem,1fr);gap:0;background:#faf7f2;color:var(--c-ink);font-family:var(--font-body-family, "Inter", system-ui, sans-serif)}.jcmc *{box-sizing:border-box}.jcmc__stage{position:sticky;top:0;height:min(100vh,86rem);min-height:52rem;background:radial-gradient(120% 90% at 50% 35%,#fbf7f0,#efe6d8 60%,#e3d6c3);overflow:hidden}.jcmc__canvas{position:absolute;inset:0;cursor:grab;touch-action:none}.jcmc__canvas:active{cursor:grabbing}.jcmc__canvas canvas{width:100%!important;height:100%!important;display:block}.jcmc__views{position:absolute;z-index:2;top:2rem;left:50%;transform:translate(-50%);display:flex;background:#faf7f2e0;backdrop-filter:blur(8px);border:1px solid var(--c-line);padding:.4rem;gap:.2rem;white-space:nowrap}.jcmc__views button{border:0;background:transparent;padding:.9rem 1.4rem;font:inherit;font-size:1.15rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);cursor:pointer}.jcmc__views button.is-on{background:var(--c-ink);color:#faf7f2}.jcmc__hint{position:absolute;z-index:2;bottom:1.8rem;left:2rem;margin:0;font-size:1.15rem;letter-spacing:.08em;color:var(--c-muted)}.jcmc__zoom{position:absolute;z-index:2;right:2rem;bottom:1.6rem;display:flex;flex-direction:column;gap:.4rem}.jcmc__zoom button{width:3.8rem;height:3.8rem;border:1px solid var(--c-line);background:#faf7f2e6;font-size:1.7rem;cursor:pointer;color:var(--c-ink)}.jcmc__panel{padding:clamp(2.4rem,4vw,5.6rem);max-height:min(100vh,86rem);overflow-y:auto;scrollbar-width:thin}.jcmc__intro{margin-bottom:3.2rem}.jcmc__h{font-family:var(--font-heading-family, Georgia, serif);font-weight:400;font-size:clamp(3rem,3vw,4.2rem);line-height:1.1;margin:0 0 1.4rem;color:var(--c-ink)}.jcmc__intro p{font-size:1.55rem;line-height:1.7;color:var(--c-muted);margin:0}.jcmc__group{border-top:1px solid var(--c-line);padding:2.4rem 0;transition:background .4s}.jcmc__group[hidden]{display:none}.jcmc__group.is-flash{animation:jcmcFlash 1.2s ease}@keyframes jcmcFlash{0%{background:#a9834b2e}to{background:transparent}}.jcmc__label{font-family:var(--font-body-family, sans-serif);font-size:1.15rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin:0 0 1.6rem;color:var(--c-ink);display:flex;gap:1rem;align-items:baseline}.jcmc__label em{font-style:normal;letter-spacing:.04em;text-transform:none;font-family:var(--font-heading-family, Georgia, serif);font-size:1.7rem;color:var(--c-brass)}.jcmc__group.is-active .jcmc__label:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--c-brass);align-self:center}.jcmc__row{display:grid;grid-template-columns:11rem 1fr;gap:1.2rem;align-items:center;margin-bottom:1.2rem}.jcmc__sub{font-size:1.3rem;color:var(--c-muted)}.jcmc__pills{display:flex;flex-wrap:wrap;gap:.6rem}.jcmc__pill{border:1px solid var(--c-line);background:transparent;padding:.8rem 1.3rem;font:inherit;font-size:1.3rem;color:var(--c-ink);cursor:pointer;transition:all .2s}.jcmc__pill:hover:not(:disabled){border-color:var(--c-ink)}.jcmc__pill.is-on{background:var(--c-ink);color:#faf7f2;border-color:var(--c-ink)}.jcmc__pill:disabled{opacity:.32;cursor:not-allowed;text-decoration:line-through}.jcmc__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.6rem,1fr));gap:1.2rem .6rem}.jcmc__sw{border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.7rem;font:inherit;color:var(--c-muted)}.jcmc__chip{width:4.6rem;height:4.6rem;background:var(--sw);border-radius:.3rem;box-shadow:inset 0 0 0 1px #00000014,0 1px 2px #0000001f;background-image:radial-gradient(circle at 30% 25%,rgba(255,255,255,.22),transparent 55%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.18),transparent 60%);background-color:var(--sw);transition:transform .2s}.jcmc__swatches--round .jcmc__chip{border-radius:50%;width:3.8rem;height:3.8rem}.jcmc__sw:hover .jcmc__chip{transform:translateY(-2px)}.jcmc__sw.is-on .jcmc__chip{box-shadow:0 0 0 2px #faf7f2,0 0 0 3.5px var(--c-ink)}.jcmc__swname{font-size:1.15rem;text-align:center;line-height:1.2}.jcmc__sw.is-on .jcmc__swname{color:var(--c-ink)}.jcmc__suggest{margin:1.8rem 0 0;font-size:1.3rem;color:var(--c-muted);line-height:2.2}.jcmc__mini{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--c-line);background:transparent;padding:.3rem .9rem .3rem .4rem;border-radius:3rem;font:inherit;font-size:1.2rem;cursor:pointer;color:var(--c-ink);margin-right:.2rem}.jcmc__mini .jcmc__chip{width:1.8rem;height:1.8rem;border-radius:50%}.jcmc__pairings{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.jcmc__pairing{display:flex;align-items:center;gap:1rem;border:1px solid var(--c-line);background:transparent;padding:1rem 1.2rem;font:inherit;font-size:1.35rem;cursor:pointer;color:var(--c-ink);text-align:left}.jcmc__pairing:hover{border-color:var(--c-ink)}.jcmc__dots{display:flex}.jcmc__dots i{width:1.8rem;height:1.8rem;border-radius:50%;border:2px solid #faf7f2;margin-left:-.5rem}.jcmc__dots i:first-child{margin-left:0}.jcmc__surprise,.jcmc__link,.jcmc__copy{background:none;border:0;padding:0;margin-top:1.4rem;font:inherit;font-size:1.15rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink);border-bottom:1px solid currentColor;cursor:pointer}.jcmc__input{border:1px solid var(--c-line);background:#fff;padding:1rem 1.2rem;font:inherit;font-size:1.5rem;letter-spacing:.2em;width:12rem;text-transform:uppercase}.jcmc__summary{border-top:1px solid var(--c-ink);padding-top:2.4rem;margin-top:.8rem}.jcmc__spec{display:grid;grid-template-columns:auto 1fr;gap:.7rem 2rem;margin:0 0 2.4rem;font-size:1.35rem}.jcmc__spec dt{color:var(--c-muted)}.jcmc__spec dd{margin:0;text-align:right;color:var(--c-ink)}.jcmc__total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--c-line);padding-top:1.6rem;margin-bottom:2rem;font-family:var(--font-heading-family, Georgia, serif);font-size:2rem}.jcmc__total strong{font-weight:400;color:var(--c-brass)}.jcmc__cta{display:flex;align-items:center;justify-content:center;min-height:5.6rem;background:var(--c-ink);color:#faf7f2!important;text-decoration:none;font-size:1.25rem;letter-spacing:.2em;text-transform:uppercase;transition:background .3s}.jcmc__cta:hover{background:#3a2c21}.jcmc__cta.is-disabled{opacity:.35;pointer-events:none}.jcmc__copy{display:block;margin:1.8rem auto 0}.jcmc__note{font-size:1.25rem;color:var(--c-muted);line-height:1.6;margin:1.6rem 0 0;text-align:center}.jcmc--compact{grid-template-columns:1fr;background:transparent;margin:1.6rem 0 2.4rem;border:1px solid var(--c-line)}.jcmc--compact .jcmc__stage{position:relative;height:38rem;min-height:0}.jcmc--compact .jcmc__panel{max-height:none;overflow:visible;padding:0 2rem 2rem}.jcmc--compact .jcmc__views button{padding:.7rem .9rem;font-size:1rem}.jcmc--compact .jcmc__summary{display:none}.jcmc--compact .jcmc__row{grid-template-columns:9rem 1fr}@media (max-width: 989px){.jcmc{grid-template-columns:1fr}.jcmc__stage{position:sticky;top:0;z-index:3;height:46vh;min-height:32rem}.jcmc__panel{max-height:none;overflow:visible}.jcmc__views{top:1rem}.jcmc__views button{padding:.7rem .9rem;font-size:1rem;letter-spacing:.08em}.jcmc__hint{display:none}.jcmc__pairings{grid-template-columns:1fr 1fr}.jcmc__row{grid-template-columns:1fr;gap:.6rem}}@media (max-width: 989px){.jcmc__zoom{flex-direction:row;right:1rem;bottom:1rem}.jcmc__zoom button{width:3.2rem;height:3.2rem;font-size:1.4rem}}.jcmc .jcm-eyebrow{display:inline-block;font-size:1.1rem;letter-spacing:.28em;text-transform:uppercase;color:var(--c-brass);margin:0 0 1.6rem}.jcmc__designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(10.4rem,1fr));gap:.8rem}.jcmc__designs--wide{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.jcmc__design{display:flex;flex-direction:column;align-items:center;gap:.8rem;border:1px solid var(--c-line);background:transparent;padding:1.2rem .8rem 1rem;cursor:pointer;font:inherit;font-size:1.15rem;line-height:1.35;color:var(--c-ink);text-align:center;transition:border-color .2s,background .2s}.jcmc__design:hover{border-color:var(--c-ink)}.jcmc__design.is-on{border-color:var(--c-ink);background:#fff;box-shadow:inset 0 0 0 1px var(--c-ink)}.jcmc__design svg{width:4.4rem;height:6rem}.jcmc__design small,.jcmc__pill small{display:block;color:var(--c-brass);font-size:1.05rem;margin-top:.2rem}.jcmc__pill small{display:inline;margin:0 0 0 .3rem}.jcmc__pill.is-on small{color:#e9d2a6}.jcmc__pair{display:flex;gap:.3rem}.i-base{fill:#eadfce;stroke:#b9a88f;stroke-width:1}.i-pc{fill:#6e42268c;stroke:#6e4226;stroke-width:1;stroke-linejoin:round}.jcmc__design.is-on .i-pc{fill:#a9834bbf;stroke:#221a14}.jcmc__textbtn{background:none;border:0;padding:0;margin-top:1.4rem;font:inherit;font-size:1.15rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink);border-bottom:1px solid currentColor;cursor:pointer}.jcmc__opt{font-size:1rem;letter-spacing:.1em;color:var(--c-muted);text-transform:none}.jcmc__fine{grid-column:2;margin:.4rem 0 0;font-size:1.2rem;color:var(--c-muted)}.jcmc__row .jcmc__input{width:100%;max-width:32rem;letter-spacing:.02em;text-transform:none}@media (max-width: 989px){.jcmc__fine{grid-column:1}}.jcmc__num{font-family:var(--font-heading-family, Georgia, serif);font-size:1.3rem;letter-spacing:.04em;color:var(--c-brass);margin-right:.2rem}.jcmc__group.is-active .jcmc__label:before{display:none}.jcmc__group.is-active .jcmc__num{color:var(--c-ink)}.jcmc__group>.jcmc__fine{margin:-.8rem 0 1.4rem;grid-column:auto}.jcmc__sub2{font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted);margin:1.6rem 0 .8rem}.jcmc__group{padding:2.2rem 0}.jcmc__intro{margin-bottom:1.6rem}.jcmc__designs{grid-template-columns:repeat(auto-fill,minmax(8.4rem,1fr));gap:.6rem}.jcmc__design{padding:.8rem .5rem .7rem;font-size:1.05rem;gap:.5rem}.jcmc__design svg{width:3.2rem;height:4.4rem}.jcmc__input--wide{display:block;width:100%;max-width:40rem;margin-top:1rem;letter-spacing:.02em;text-transform:none}.jcmc__group .jcmc__input[data-etext]{display:block;width:100%;max-width:32rem;letter-spacing:.04em;text-transform:none;font-family:Times New Roman,Times,serif;font-size:1.7rem}.jcmc .jcmc__input,.jcmc input[type=text]{color:#221a14!important;-webkit-text-fill-color:#221a14;background:#fff!important;caret-color:#221a14;border:1px solid rgba(34,26,20,.25)}.jcmc .jcmc__input::placeholder{color:#9a8f85;-webkit-text-fill-color:#9a8f85;opacity:1}.jcmc__contents{position:absolute;z-index:2;top:7rem;left:50%;transform:translate(-50%);border:1px solid var(--c-line);background:#faf7f2eb;padding:.8rem 1.4rem;font:inherit;font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink);cursor:pointer}.jcmc__contents.is-on{background:var(--c-ink);color:#faf7f2}.jcmc__contents[hidden]{display:none}.jcmc--teaser{display:block;background:transparent}.jcmc--teaser .jcmc__panel,.jcmc--teaser .jcmc__views,.jcmc--teaser .jcmc__zoom,.jcmc--teaser .jcmc__hint,.jcmc--teaser .jcmc__contents{display:none!important}.jcmc--teaser .jcmc__stage{position:relative;height:100%;min-height:0;background:transparent}.jcmc--teaser .jcmc__canvas{cursor:pointer}