.mjjmk{--mjjmk-bg:#101015;--mjjmk-ring:#b82b37;--mjjmk-node:#d52535;--mjjmk-node-text:#fff;--mjjmk-center:#17171d;--mjjmk-text:#fff;--mjjmk-muted:#ccc;--mjjmk-accent:#ff4051;display:flex;justify-content:center;align-items:center;width:100%;padding:38px 12px;background-color:var(--mjjmk-bg);background-image:linear-gradient(rgba(0,0,0,var(--mjjmk-overlay,0)),rgba(0,0,0,var(--mjjmk-overlay,0))),var(--mjjmk-image,none);background-size:cover;background-position:var(--mjjmk-position,center center);background-repeat:no-repeat;box-sizing:border-box;isolation:isolate}
.mjjmk *{box-sizing:border-box}
.mjjmk-orbit{width:min(100%,600px);aspect-ratio:1;position:relative}
.mjjmk-ring{position:absolute;inset:16%;border:2px solid var(--mjjmk-ring);border-radius:50%;box-shadow:0 0 24px color-mix(in srgb,var(--mjjmk-ring) 24%,transparent);pointer-events:none}
.mjjmk-core{position:absolute;inset:24%;border-radius:50%;background:var(--mjjmk-center);color:var(--mjjmk-text);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 16px 50px #0007;border:1px solid #ffffff20}
.mjjmk-core-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:background-image .25s}
.mjjmk-core-content{position:relative;z-index:1;padding:12px 20px;max-width:100%}
.mjjmk-title{display:block;font-size:clamp(16px,3vw,26px);line-height:1.2;color:var(--mjjmk-text)}
.mjjmk-description{font-size:clamp(11px,1.5vw,14px);line-height:1.4;color:var(--mjjmk-muted);margin:10px 0}
.mjjmk-cta{display:inline-block;text-decoration:none!important;background:var(--mjjmk-accent);color:#fff!important;border-radius:40px;padding:8px 13px;font-size:clamp(10px,1.4vw,12px);font-weight:700;transition:transform .2s}
.mjjmk-cta:hover{transform:translateY(-2px)}
.mjjmk-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--i)*60deg - 90deg)) translateX(clamp(120px,35vw,235px)) rotate(calc(90deg - var(--i)*60deg));width:clamp(68px,15%,100px);height:clamp(68px,15%,100px);border-radius:50%;background:var(--mjjmk-node);color:var(--mjjmk-node-text);border:2px solid transparent;box-shadow:0 6px 18px #0008;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;font:600 clamp(10px,1.5vw,13px)/1.2 inherit;text-align:center;z-index:2;transition:background .2s,border-color .2s,box-shadow .2s}
.mjjmk-node span{font-family:inherit;font-size:clamp(10px,1.5vw,13px);font-weight:700;overflow-wrap:anywhere}
.mjjmk-node:hover,.mjjmk-node.is-active{border-color:#fff;box-shadow:0 0 25px var(--mjjmk-accent),0 6px 18px #0008}
.mjjmk-node:focus-visible{outline:3px solid white;outline-offset:3px}
@media(max-width:550px){.mjjmk{padding:22px 4px}.mjjmk-orbit{width:min(100%,390px)}.mjjmk-ring{inset:18%}.mjjmk-core{inset:27%}.mjjmk-core-content{padding:5px}.mjjmk-title{font-size:clamp(12px,3.5vw,18px)}.mjjmk-description{font-size:clamp(9px,2.4vw,11px);margin:5px 0}.mjjmk-cta{padding:5px 7px;font-size:9px}.mjjmk-node{width:clamp(51px,17%,70px);height:clamp(51px,17%,70px);transform:translate(-50%,-50%) rotate(calc(var(--i)*60deg - 90deg)) translateX(clamp(120px,35vw,150px)) rotate(calc(90deg - var(--i)*60deg))}.mjjmk-node span{font-size:clamp(9px,2.3vw,11px)}}
@media(prefers-reduced-motion:reduce){.mjjmk *{transition:none!important}}