/* Service Orbit — rebuilt from luxuryliteclinic.com for the case dialog. */
.work-demo{margin:0 22px 28px;border:1px solid #333;border-radius:14px;overflow:hidden;background:#0b1311}
.work-demo-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #2a2a2a;font-size:10px;letter-spacing:.12em;color:#aaa}
.work-demo-head>span:first-child{display:flex;align-items:center;gap:9px}
.work-demo-head .live-dot{background:#3ec4b5;box-shadow:0 0 12px #3ec4b5aa}
.work-demo-head a{letter-spacing:.04em;font-size:12px;color:var(--yellow);border-bottom:1px solid #ffe50070;padding-bottom:3px}
.work-demo-note{margin:0;padding:14px 18px 16px;font-size:12px;line-height:1.7;color:#9a9a9a;border-top:1px solid #2a2a2a}

.orb{position:relative;aspect-ratio:16/9;min-height:500px;max-height:72vh;width:100%;overflow:hidden;background:#0b1311;color:#fff;isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;font-family:'IBM Plex Sans Thai',Inter,sans-serif;outline:none}
.orb:focus-visible{box-shadow:inset 0 0 0 3px var(--blue)}
.orb.is-narrow{aspect-ratio:auto;min-height:0;max-height:none}
.orb-bg{position:absolute;inset:-2%;background:#0b1311 center/cover no-repeat;opacity:0;transform:scale(1);transition:opacity 1s ease,transform 6s ease;z-index:-3}
.orb-bg.is-on{opacity:1;transform:scale(1.06)}
.orb-scrim{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(88% 66% at 50% 46%,#0000 44%,#0000004d 100%),linear-gradient(#00000029,#00000005 26%,#0000004d),#00000030}
.orb-dome{position:absolute;border-radius:50%;z-index:-1;pointer-events:none;background:linear-gradient(#fffffff7 0%,#e0f8f4f7 42%,#67d6c7fa 78%,#3ec4b5 100%);box-shadow:0 10px 70px #3ec4b566}
.orb-rings{position:absolute;inset:0;z-index:-1;pointer-events:none}
.orb-ring{position:absolute;border-radius:50%;border:1px dashed #ffffff26}
.orb-ring-main{border:1px dashed #7fe5d873}
.orb-ring-n{border-color:#ffffff1a}
.orb-core{position:absolute;transform:translate(-50%,-50%);text-align:center;pointer-events:none;text-shadow:0 2px 18px #0007;width:max-content;max-width:46%}
.orb-core p{margin:0}
.orb-core-row{display:flex;align-items:flex-start;justify-content:center;gap:8px;line-height:1}
.orb-core-num{font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:54px;line-height:.82;margin-top:4px}
.orb-core-title{font-size:25px;font-weight:600;line-height:1.2}
.orb-core-sub{margin-top:12px!important;font-size:15px;line-height:1.75;color:#ffffffe0}
.orb-node{position:absolute;left:0;top:0;width:0;height:0;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;z-index:1}
.orb-node:focus-visible{outline:none}
.orb-node:focus-visible .orb-dot{outline:2px solid #fff;outline-offset:4px}
.orb-dot{position:absolute;left:-10px;top:-10px;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c4fbf2 0,#5ad8c8 45%,#22a495 100%);box-shadow:0 0 0 5px #3ec4b52e,0 0 22px #3ec4b5cc;transition:transform .3s}
.orb-node:hover .orb-dot{transform:scale(1.2)}
.orb-label{position:absolute;left:0;top:0;width:max-content;max-width:250px;pointer-events:auto}
.orb-label-in{display:block}
.orb-en{display:block;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:20px;line-height:1.25;color:#fff;text-shadow:0 1px 14px #0009;transition:color .45s,text-shadow .45s}
.orb-th{display:block;font-size:12.5px;line-height:1.6;color:#ffffffdb;text-shadow:0 1px 12px #000a;transition:color .45s,text-shadow .45s;white-space:nowrap}
.orb-node.is-active .orb-en{color:#10362f;text-shadow:none}
.orb-node.is-active .orb-th{color:#175a51;text-shadow:none}
.orb-ui{position:absolute;left:0;right:0;bottom:16px;display:flex;align-items:center;justify-content:center;gap:18px;z-index:2}
.orb-pager{display:flex;gap:7px}
.orb-pager button{width:9px;height:9px;padding:0;border:0;border-radius:9px;background:#ffffff70;cursor:pointer;transition:width .3s,background .3s}
.orb-pager button[aria-current]{width:30px;background:#3ec4b5}
.orb-pager button:hover{background:#fff}
.orb-pager button[aria-current]:hover{background:#3ec4b5}
.orb-play{position:absolute;right:16px;border:1px solid #ffffff55;border-radius:100px;background:#0b1311a6;backdrop-filter:blur(8px);color:#fff;font:inherit;font-size:11px;padding:7px 13px;cursor:pointer;display:flex;gap:7px;align-items:center}
.orb-play span{font-size:9px}
.orb-play:hover{border-color:#3ec4b5;color:#3ec4b5}
.orb-live{position:absolute}
.orb.is-narrow .orb-label{max-width:128px}.orb.is-narrow .orb-node.is-active .orb-label{max-width:none}.orb.is-narrow .orb-node.is-active .orb-th{white-space:nowrap}
.orb.is-narrow .orb-en{font-size:16px}
.orb.is-narrow .orb-th{font-size:10.5px;white-space:normal;line-height:1.45}
.orb.is-narrow .orb-core{max-width:60%}
.orb.is-narrow .orb-core-num{font-size:38px}
.orb.is-narrow .orb-core-title{font-size:17px}
.orb.is-narrow .orb-core-sub{font-size:11.5px;line-height:1.6;margin-top:6px!important}
.orb.is-narrow .orb-ui{justify-content:flex-start;padding-left:16px;bottom:14px}
@media(max-width:650px){.work-demo{margin:0 10px 20px}.work-demo-head{padding:12px 14px;font-size:8px}.work-demo-head a{font-size:11px}.work-demo-note{padding:12px 14px}}
@media(prefers-reduced-motion:reduce){.orb-bg,.orb-dot,.orb-en,.orb-th,.orb-pager button{transition:none}.orb-bg.is-on{transform:none}}