.jd-community{font-family:Poppins,Montserrat,sans-serif;color:#36565a;background:var(--jd-bg,#faf8f2);padding:46px 0 24px;overflow:hidden;border-top:1px solid #e5e5d9;scroll-margin-top:105px}
.jd-community *{box-sizing:border-box}
.jd-heading{max-width:1320px;width:calc(100% - 56px);margin:0 auto 15px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}
.jd-heading>div>span{font:500 8px Montserrat,sans-serif;letter-spacing:.18em;color:#929c83}
.jd-heading h2{font:500 clamp(26px,3vw,38px)/1.2 Poppins,sans-serif;letter-spacing:-.05em;margin:12px 0 0;color:#36565a}
.jd-heading h2 em{font-style:normal;color:#ac8767}
.jd-heading>p{font:400 11px/1.9 Poppins,sans-serif;color:#8a957c;max-width:300px;margin:0}
.jd-dome{--radius:800px;--unit:5.294117647deg;--tile:147px;position:relative;width:100%;height:var(--jd-height,640px);isolation:isolate;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:-5px}
.jd-dome.is-dragging{cursor:grabbing}
.jd-dome:focus-visible{outline:2px solid #8f9b80}
.jd-stage{position:absolute;inset:0;display:grid;place-items:center;perspective:calc(var(--radius)*2);perspective-origin:50% 50%;contain:layout paint size}
.jd-sphere{width:0;height:0;position:relative;transform-style:preserve-3d;transform:translateZ(calc(var(--radius)*-1));will-change:transform}
.jd-tile{position:absolute;width:var(--tile);height:var(--tile);left:calc(var(--tile)*-.5);top:calc(var(--tile)*-.5);transform-style:preserve-3d;backface-visibility:hidden;transform:rotateY(calc(var(--unit)*(var(--x) + .5))) rotateX(calc(var(--unit)*(var(--y) - .5))) translateZ(var(--radius))}
.jd-tile button{display:block;position:absolute;inset:7px;border:0;padding:0;border-radius:13px;background:#e5e2d7;overflow:hidden;cursor:inherit;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}
.jd-tile img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;filter:var(--jd-filter,none);opacity:.85;transition:filter .35s,opacity .35s,transform .5s;backface-visibility:hidden;-webkit-user-drag:none}
.jd-tile button:hover img{transform:scale(1.045);filter:none;opacity:1}
.jd-overlay{position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse at center,transparent 65%,var(--jd-bg,#faf8f2) 100%)}
.jd-edge{position:absolute;left:0;right:0;height:100px;pointer-events:none;z-index:4;background:linear-gradient(transparent,var(--jd-bg,#faf8f2))}
.jd-edge-top{top:0;transform:rotate(180deg)}.jd-edge-bottom{bottom:0}
.jd-dome-hint{display:flex;align-items:center;gap:9px;position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:5;background:#fffdfad9;border:1px solid #e1e2d3;border-radius:30px;padding:10px 15px;font:400 9px Poppins,sans-serif;color:#78866d;white-space:nowrap;pointer-events:none;backdrop-filter:blur(8px)}
.jd-community svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.jd-community-footer{max-width:1320px;width:calc(100% - 56px);margin:3px auto 0;padding:18px 0 0;border-top:1px solid #e1e4d5;display:flex;align-items:center;justify-content:space-between;gap:18px;font:400 9px Poppins,sans-serif;color:#8e997f}
.jd-community-footer button{display:flex;align-items:center;gap:10px;border:0;padding:7px 0;background:none;font:500 10px Poppins,sans-serif;color:#36565a;cursor:pointer}
.jd-community button:focus-visible{outline:2px solid #8f9b80;outline-offset:3px}
.jd-viewer{position:fixed;inset:0;border:1px solid #e4e0d3;border-radius:22px;margin:auto;padding:15px;width:min(540px,calc(100vw - 26px));max-width:none;max-height:calc(100dvh - 30px);overflow:auto;background:#fffdfa;box-shadow:0 20px 100px #173b3b33;color:#36565a;font-family:Poppins,sans-serif}
.jd-viewer::backdrop{background:#1c3034c4;backdrop-filter:blur(10px)}
.jd-viewer[open]{animation:jdEnlarge .3s cubic-bezier(.2,.7,.2,1)}
.jd-viewer figure{margin:0}
.jd-viewer figure img{display:block;width:100%;height:min(64dvh,620px);object-fit:contain;background:#f1eee5;border-radius:13px}
.jd-viewer figcaption{font:400 11px/1.7 Poppins,sans-serif;margin:14px 7px 0;color:#7c8a70}
.jd-viewer-close{position:absolute;z-index:1;top:23px;right:23px;display:grid;place-items:center;width:36px;height:36px;background:#fffdfae6;border:1px solid #e3e0d3;border-radius:50%;color:#36565a;cursor:pointer}
.jd-viewer-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding:15px 0 0}
.jd-viewer-controls button{display:grid;place-items:center;border:1px solid #e1e1d2;background:#f5f2e8;border-radius:50%;width:35px;height:35px;color:#36565a;cursor:pointer}
.jd-viewer-controls span{font:400 10px Montserrat,sans-serif;color:#8b967f;min-width:45px;text-align:center}
.jd-empty{padding:25px;text-align:center;font:400 12px Poppins,sans-serif;color:#8f9b80}
@keyframes jdEnlarge{from{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:700px){.jd-community{padding-top:30px}.jd-heading{width:calc(100% - 36px);align-items:flex-start;flex-direction:column;gap:13px}.jd-heading h2{font-size:29px}.jd-heading>p{font-size:10px;max-width:290px}.jd-dome{height:480px}.jd-overlay{background:radial-gradient(ellipse at center,transparent 65%,var(--jd-bg,#faf8f2) 100%)}.jd-edge{height:70px}.jd-tile button{inset:5px;border-radius:11px}.jd-community-footer{width:calc(100% - 36px);font-size:8px}.jd-community-footer>span{max-width:170px}.jd-dome-hint{font-size:8px}.jd-viewer figure img{height:min(65dvh,540px)}}
@media(prefers-reduced-motion:reduce){.jd-viewer[open]{animation:none}.jd-tile img{transition:none}}