.jc-stage{--w:min(calc(100vw - 2.5rem), 23.5rem);--t:4px;width:var(--w);aspect-ratio:1.586;perspective:calc(var(--w) * 3);margin-inline:auto;position:relative}.jc-deal,.jc-card{transform-style:preserve-3d;position:absolute;inset:0}.jc-stage,.jc-deal{pointer-events:none}.jc-card{pointer-events:auto;--rx:0;--ry:0;--gx:-14;--gy:-20;--gxb:-14;--gyb:-20;--glare:.5;--glareb:.5;--fx:0;--fy:0;--ba:135;transform:rotateX(calc(var(--rx) * 1deg)) rotateY(calc(var(--ry) * 1deg));will-change:transform;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.jc-card:active{cursor:grabbing}.jc-face{border-radius:calc(var(--w) * .042);backface-visibility:hidden;background:linear-gradient(150deg, #1d2231 0%, #11141c 50%, #0a0c12 100%) padding-box, linear-gradient(calc(var(--ba) * 1deg), #ffffff6b 0%, #ffffff12 38%, #5b8def1f 62%, #86a8ff80 100%) border-box;color:#f9fafb;border:1px solid #0000;position:absolute;inset:0;overflow:hidden}.jc-front{transform:translateZ(calc(var(--t) / 2))}.jc-back{transform:rotateY(180deg) translateZ(calc(var(--t) / 2))}.jc-edge{top:calc(var(--w) * .042);bottom:calc(var(--w) * .042);width:var(--t);background:linear-gradient(#5c6680,#2a3040 30%,#1b1f2a 70%,#3a4258);position:absolute}.jc-edge-l{left:0;transform:translate(-50%)rotateY(90deg)}.jc-edge-r{left:100%;transform:translate(-50%)rotateY(90deg)}.jc-grid{background-image:linear-gradient(#86a8ff12 1px,#0000 1px),linear-gradient(90deg,#86a8ff12 1px,#0000 1px);background-size:calc(var(--w) * .058) calc(var(--w) * .058);position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 120% at 100% 0,#000 0%,#0000 62%);mask-image:radial-gradient(120% 120% at 100% 0,#000 0%,#0000 62%)}.jc-glare{pointer-events:none;transform:translate3d(calc(var(--gx) * 1%), calc(var(--gy) * 1%), 0);opacity:var(--glare);background:radial-gradient(closest-side,#d6e2ff66 0%,#86a8ff26 34%,#5b8def0a 58%,#0000 74%);position:absolute;inset:-75%}.jc-back .jc-glare{transform:translate3d(calc(var(--gxb) * 1%), calc(var(--gyb) * 1%), 0);opacity:var(--glareb)}.jc-foil{display:block;position:relative;overflow:hidden;-webkit-mask:url(/JH_Logo_White_Cropped.png) 50%/contain no-repeat;mask:url(/JH_Logo_White_Cropped.png) 50%/contain no-repeat}.jc-foil:before{content:"";transform:translate3d(calc(var(--fx) * 1%), calc(var(--fy) * 1%), 0);background:repeating-linear-gradient(115deg,#3d6bd0 0%,#86a8ff 9%,#f4f7ff 15%,#06b6d4 22%,#5b8def 30%,#dce6ff 37%,#3d6bd0 46%);position:absolute;inset:-150%}.jc-front-inner{padding:calc(var(--w) * .066) calc(var(--w) * .068) calc(var(--w) * .058);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.jc-id{align-items:center;gap:calc(var(--w) * .042);display:flex}.jc-photo{width:calc(var(--w) * .168);height:calc(var(--w) * .168);object-fit:cover;border-radius:9999px;flex:none;box-shadow:0 0 0 1px #ffffff29}.jc-name{font-size:calc(var(--w) * .066);letter-spacing:-.015em;font-weight:700;line-height:1.1}.jc-line{margin-top:calc(var(--w) * .014);max-width:15.5em;font-size:calc(var(--w) * .0335);color:#a9b1c2;line-height:1.38}.jc-mark{top:calc(var(--w) * .06);right:calc(var(--w) * .062);width:calc(var(--w) * .092);height:calc(var(--w) * .092);position:absolute}.jc-foot{justify-content:space-between;align-items:flex-end;gap:.5em;display:flex}.jc-details{gap:calc(var(--w) * .006);font-size:calc(var(--w) * .0365);font-weight:500;line-height:1.5;display:grid}.jc-details a{color:#f1f4fa;text-decoration:none}.jc-details a:hover{color:#86a8ff}.jc-place{font-family:var(--font-mono-face), ui-monospace, monospace;font-size:calc(var(--w) * .0262);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#8b93a5}.jc-back-inner{justify-content:center;align-items:center;gap:calc(var(--w) * .04);flex-direction:column;display:flex;position:absolute;inset:0}.jc-mono{width:calc(var(--w) * .3);height:calc(var(--w) * .3)}.jc-url{font-family:var(--font-mono-face), ui-monospace, monospace;font-size:calc(var(--w) * .032);letter-spacing:.3em;text-indent:.3em;color:#a9b1c2}@media (prefers-reduced-motion:no-preference){.jc-deal{animation:1.25s cubic-bezier(.2,.7,.15,1) both jc-deal}.jc-sweep{pointer-events:none;background:linear-gradient(105deg,#0000 38%,#d6e2ff0d 44%,#ecf2ff4d 50%,#d6e2ff0d 56%,#0000 62%);animation:1.1s cubic-bezier(.3,.5,.2,1) .85s both jc-sweep;position:absolute;inset:0 -40%;transform:translate(-100%)}}@keyframes jc-deal{0%{transform:translateY(16%)rotateX(14deg)rotateY(-180deg)scale(.88)}to{transform:translate(0,0)rotateX(0)rotateY(0)scale(1)}}@keyframes jc-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.jc-hints{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem 1.25rem;margin-top:1rem;display:flex}.jc-hint{color:#9ca3af;cursor:pointer;align-items:center;gap:.4rem;padding:.35rem .25rem;font-size:.8125rem;display:inline-flex}.jc-hint:hover{color:#f9fafb}
