#services.s10{width:100%;max-width:none;box-sizing:border-box;margin-inline:0;padding-inline:max(clamp(20px,4vw,80px),calc((100% - 1440px)/2));min-width:0}
#services.s10 .s10-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0}#services.s10 .s10-card{min-width:0}#services.s10 .s10-card h3{word-break:normal;overflow-wrap:normal}
@media(max-width:1100px){#services.s10 .s10-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#services.s10 .s10-grid{grid-template-columns:minmax(0,1fr)}}
.project-image,.tile-art{position:relative}.work-tags17{position:absolute;z-index:3;left:14px;top:14px;right:14px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.work-tags17 .work-tag17{display:inline-flex;align-items:center;min-height:26px;padding:6px 10px;border-radius:999px;background:#171717ed;color:#fff!important;border:1px solid #ffffff40;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.01em;backdrop-filter:blur(8px);text-shadow:none}
.case-page main>.work-tags17{position:static;margin:18px 0 26px;pointer-events:auto}
@media(max-width:540px){.work-tags17{top:10px;left:10px;right:10px;gap:5px}.work-tags17 .work-tag17{font-size:10px;padding:5px 8px}}
.tags-editor17{margin:20px 0;padding:18px;border:1px solid #dce0e5;border-radius:16px;background:#fff}.tags-editor17 h3{font-size:17px}.tags-editor17 p{font-size:13px;font-weight:400;margin:8px 0 14px;color:#626976}.tags-options17{display:flex;flex-wrap:wrap;gap:8px}.tags-options17 label{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:10px 14px;border:1px solid #dce0e5;border-radius:999px;font-size:13px;cursor:pointer}.tags-options17 label:has(input:checked){background:#fff1b7;border-color:#d6af28;color:#171717}.tags-options17 input{width:16px;height:16px;margin:0;accent-color:#191919}
/* update18 */
.project-image .work-tags17,.tile-art .work-tags17{top:auto;bottom:14px;left:14px;right:14px;gap:6px;z-index:4}
.project-image .work-tags17{right:68px}
.work-tags17 .work-tag17{background:#ffdf70;color:#242020!important;border:1px solid #ffffff80;backdrop-filter:none;box-shadow:0 2px 8px #00000018;font-weight:700}
.work-tag17[data-role="design"],.work-tag17[data-role="catering"]{background:#f7b6cc}
.work-tag17[data-role="construction"],.work-tag17[data-role="registration"]{background:#b9dfef}
.work-tag17[data-role="activities"],.work-tag17[data-role="mice"]{background:#c9e8bd}
.work-tag17[data-role="full-cycle"]{background:#d3c3f5}
.project-image .image-tag{position:absolute;top:14px;left:14px;bottom:auto;right:auto;max-width:calc(100% - 28px);z-index:2}
.portfolio-filters{flex-wrap:wrap;gap:8px}
@media(max-width:540px){.project-image .work-tags17,.tile-art .work-tags17{top:auto;bottom:10px;left:10px;right:10px;gap:5px}.project-image .work-tags17{right:62px}.work-tags17 .work-tag17{font-size:10px;padding:5px 8px}.project-image .image-tag{top:10px;left:10px;max-width:calc(100% - 20px)}}

/* Orbit idea: retain native radio controls and existing stage content. */
#studio .orbit18{--o-ink:#f5f3ef;--o-muted:#b7b1a7;--o-line:#49443b;--o-accent:#f6c629;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;margin-top:48px}
html[data-theme=night] #studio .orbit18{--o-accent:#f6c629}
#studio .orbit18 .method-map{display:block;width:100%;max-width:620px;aspect-ratio:1;margin-inline:auto;border:0;padding:0;position:relative;isolation:isolate}
#studio .orbit18 .method-connections{inset:0;width:100%;height:100%;z-index:-1;overflow:visible;color:var(--o-line)}
#studio .orbit18 .method-orbit{stroke:var(--o-accent);stroke-width:1;opacity:.45;animation:none}
#studio .orbit18 .method-progress-track{fill:none;stroke:var(--o-line);stroke-width:1}
#studio .orbit18 .method-progress-arc{fill:none;stroke:var(--o-accent);stroke-width:2;stroke-dasharray:25 75;stroke-dashoffset:0;transform-origin:250px 250px;transform:rotate(-135deg);transition:transform .7s cubic-bezier(.22,.7,.2,1);filter:drop-shadow(0 0 5px #f6c62940)}
#studio .orbit18 .method-map[data-step="1"] .method-progress-arc{transform:rotate(-45deg)}
#studio .orbit18 .method-map[data-step="2"] .method-progress-arc{transform:rotate(45deg)}
#studio .orbit18 .method-map[data-step="3"] .method-progress-arc{transform:rotate(135deg)}
#studio .orbit18 .method-spoke{fill:none;stroke:var(--o-line);stroke-width:1;stroke-dasharray:1 9;animation:none;opacity:.65}
#studio .orbit18 .method-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20%;height:auto;aspect-ratio:1;border:0;border-radius:50%;background:radial-gradient(circle,#f6c62915,transparent 70%);box-shadow:none}
#studio .orbit18 .method-core img{width:48%;height:48%;object-fit:contain}
#studio .orbit18 .method-node{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:29%;min-height:0;padding:16px 4px;background:var(--o-paper,#101011);border:0;border-radius:50%;box-shadow:none;transform:translate(-50%,-50%);color:var(--o-ink);transition:color .25s;cursor:pointer}
#studio .orbit18 .node-top{left:50%;top:14%}#studio .orbit18 .node-right{left:86%;top:50%}#studio .orbit18 .node-bottom{left:50%;top:86%}#studio .orbit18 .node-left{left:14%;top:50%}
#studio .orbit18 .method-node::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--o-ink);box-shadow:0 0 0 6px var(--o-paper,#101011),0 0 0 7px var(--o-line);margin-bottom:7px;transition:background .25s,box-shadow .25s}
#studio .orbit18 .method-node .node-index{background:none;padding:0;border-radius:0;color:var(--o-muted);font-size:12px;letter-spacing:.06em}
#studio .orbit18 .method-node strong{font-size:clamp(12px,1.15vw,18px);font-weight:500;letter-spacing:-.025em;overflow-wrap:normal;line-height:1.25}
#studio .orbit18 .method-node>span:last-child{font-size:11px;color:var(--o-muted)}
#studio .orbit18 .method-node:has(input:checked){background:var(--o-paper,#101011);border:0;box-shadow:none;color:var(--o-accent)}
#studio .orbit18 .method-node:has(input:checked)::before{background:var(--o-accent);box-shadow:0 0 0 6px var(--o-paper,#101011),0 0 0 7px var(--o-accent),0 0 24px #f6c62940}
#studio .orbit18 .method-node:has(input:checked) .node-index{background:none;color:var(--o-accent);padding:0}
#studio .orbit18 .method-node:hover{transform:translate(-50%,-50%);color:var(--o-accent)}
#studio .orbit18 .method-node:has(input:focus-visible){outline:2px solid var(--o-accent);outline-offset:2px}
#studio .orbit18 .method-detail{padding:16px 0;min-width:0;color:var(--o-ink)}
#studio .orbit18 .method-kicker,#studio .orbit18 .method-output>span,#studio .orbit18 .method-next{color:var(--o-accent)}
#studio .orbit18 #method-idea,#studio .orbit18 .method-client{color:var(--o-muted)}
#studio .orbit18 .method-detail h3{font-size:clamp(26px,3vw,48px);line-height:1.1}
#studio .orbit18 .method-detail li::before{color:var(--o-accent)}
#studio .orbit18 .method-output{background:none;border-left:0;border-top:1px solid var(--o-line);padding:20px 0 0;margin:24px 0 16px}
#studio .orbit18 .method-hint{color:var(--o-muted);font-size:12px}
#studio .orbit18 .method-satellite{fill:var(--o-accent);transform-origin:250px 250px;animation:none}
body[data-motion=running] #studio .orbit18 .method-satellite{animation:orbit18-satellite 28s linear infinite}
@keyframes orbit18-satellite{to{transform:rotate(360deg)}}
@media(max-width:900px){#studio .orbit18{grid-template-columns:minmax(0,1fr);gap:12px}#studio .orbit18 .method-map{max-width:480px}#studio .orbit18 .method-node strong{font-size:clamp(12px,3vw,17px)}#studio .orbit18 .method-detail{max-width:640px;width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){#studio .orbit18 *,body[data-motion=running] #studio .orbit18 .method-satellite{animation:none!important;transition:none!important}}
body[data-motion=paused] #studio .orbit18 *{animation:none!important;transition:none!important}

#studio .orbit18 .method-diagram{background:none;border:0;border-radius:0;padding:0}#studio .orbit18 .method-core::after{display:none}