/* Responsive connected-thinking section and accessible concept surface. */
.shared-thinking{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:64px;padding-block:25px 95px}.shared-thinking h2{font-size:clamp(36px,3.6vw,53px);line-height:1.1;margin-bottom:24px}.shared-thinking h2 em{color:#40634f;font-weight:400}.shared-thinking-copy>p:not(.company-eyebrow){font-size:14px;line-height:1.9;color:#596154;max-width:390px}.shared-thinking .text-link{font-size:12px;gap:26px}.shared-thread-panel{min-width:0;background:radial-gradient(ellipse at 50% 45%,#f1efe5,#dce1d3);border:1px solid #b7c3ad;overflow:hidden}.shared-thread-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 25px 0;font-size:9px;color:#52664b}.shared-thread-kicker{letter-spacing:.15em;text-transform:uppercase}.shared-thread-key{display:inline-flex;align-items:center;gap:7px}.shared-thread-key i{width:16px;height:2px;background:#a97436;display:inline-block}.shared-thread-art{position:relative;aspect-ratio:600/440;touch-action:pan-y pinch-zoom}.shared-thread-static,.shared-thread-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.shared-thread-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:73px;padding:0 25px 18px}.shared-thread-hint{font-size:10px;line-height:1.7;color:#596c51;max-width:215px;margin:0}.shared-thread-explore{font:10px/1.4 Arial,sans-serif;color:#3c573f;background:transparent;border:0;border-bottom:1px solid #8da17c;min-height:44px;padding:9px 0;cursor:pointer;white-space:nowrap}.shared-thread-explore span{margin-left:10px}.shared-thread-explore:hover{color:#243d2a}.shared-thread-explore:focus-visible{outline:2px solid #40634f;outline-offset:4px}@media(max-width:1000px){.shared-thinking{gap:32px}.shared-thread-top{padding:18px 18px 0}.shared-thread-bottom{padding:0 18px 15px;flex-wrap:wrap}.shared-thread-hint{max-width:100%}}@media(max-width:760px){.shared-thinking{grid-template-columns:1fr;gap:28px;padding-block:5px 60px}.shared-thinking-copy>p:not(.company-eyebrow){max-width:520px}.shared-thinking h2{font-size:39px}.shared-thread-top{font-size:8px}.shared-thread-bottom{gap:6px 16px}.shared-thread-hint{font-size:9px}.shared-thread-explore{font-size:10px}.shared-thread-art{min-height:235px}}@media(prefers-reduced-motion:reduce){.shared-thinking *{animation:none!important;transition:none!important}}
/* Prevent selection and long-press callouts inside the interactive panel. */
.shared-thread-panel,.shared-thread-panel *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.shared-thread-bottom{display:block;min-height:180px}.shared-thread-hint{max-width:none;min-height:34px;font-size:11px}.thread-status{font-size:11px;color:#3f593a;margin:12px 0;min-height:34px}.thread-disclosure{font-size:10px;line-height:1.7;color:#64735b;margin:12px 25px}.thread-disclosure a{color:inherit;text-underline-offset:3px}
/* Direct concept drawing. No edit toggle or action buttons. */
.connection-art{touch-action:none;cursor:crosshair;min-height:300px;aspect-ratio:600/440}.concept-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:110px;min-height:64px;padding:9px 5px;background:#e8ebdf;border:1px solid #8c9e7f;border-radius:50%;color:#34523c;cursor:pointer;z-index:1;touch-action:none}.concept-node span{font:17px/1.2 Georgia,serif}.concept-node small{font:8px/1.4 Arial,sans-serif;margin-top:4px;color:#52634b}.concept-node.is-previous{box-shadow:0 0 0 4px #396e7329;border-color:#396e73}.concept-node[aria-checked=true]{background:#f2e2be;border:2px solid #a36c2d;box-shadow:0 0 0 5px #a36c2d15;color:#704919}.concept-node:focus-visible{outline:3px solid #40634f;outline-offset:5px}.node-people{left:22%;top:20%}.node-memory{left:76%;top:20%}.node-knowledge{left:18%;top:51%}.node-tools{left:82%;top:51%}.node-trust{left:27%;top:81%}.node-possibility{left:72%;top:81%}.connection-previous{font:10px/1.7 Arial,sans-serif;color:#396e73;margin:14px 25px 0;min-height:34px}.connection-insight{border-top:1px solid #b7c3ad;margin-top:15px;padding-top:15px}.connection-sequence{font-size:9px;letter-spacing:.07em;color:#805e2d;margin:0 0 10px}.connection-insight h3{font:24px/1.2 Georgia,serif;color:#2b4634;margin:0 0 10px}.connection-example{font-size:12px;line-height:1.8;color:#52634b;margin:0}.shared-thread-bottom .thread-disclosure{margin-top:12px}.shared-thread-bottom .thread-status{min-height:32px}@media(max-width:480px){.concept-node{width:88px;min-height:58px}.concept-node span{font-size:15px}.concept-node small{font-size:7px;max-width:78px}.connection-art{min-height:310px}.connection-previous{margin-inline:18px;font-size:9px}.connection-insight h3{font-size:23px}.connection-example{font-size:11px}.shared-thread-top{gap:8px;flex-wrap:wrap}}

/* The invitation demonstrates a gesture before the visitor touches the surface. */
.thread-invitation{margin:18px 25px 0;font:600 13px/1.5 Arial,sans-serif;color:#31543c}.thread-invitation span{display:inline-block;margin-right:7px;color:#92652b}.thread-cue{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.thread-cue path{fill:none;stroke:#9c7238;stroke-width:2;stroke-dasharray:7 8;animation:thread-flow 2s linear 2}.thread-cue circle{fill:none;stroke:#a97436;stroke-width:2;animation:thread-ring 2s ease-out 2;transform-box:fill-box;transform-origin:center}.thread-cue .cue-end{animation-delay:.6s}.thread-cue-label{position:absolute;left:50%;top:38%;transform:translateX(-50%);font:10px/1.5 Arial,sans-serif;color:#765124;text-align:center;pointer-events:none;max-width:42%}.has-interacted .thread-cue,.has-interacted .thread-cue-label{display:none}.concept-node{transition:background .2s,box-shadow .2s,transform .2s}.concept-node:hover{background:#f5edd9;box-shadow:0 0 0 6px #a9743620;transform:translate(-50%,-50%) scale(1.04)}.thread-demo-bridge{margin-top:22px;padding:22px;background:#263f30;color:#edf0e3;border-radius:3px}.bridge-eyebrow{font:9px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#c6d5b7}.thread-demo-bridge h3{font:24px/1.15 Georgia,serif;margin:12px 0;color:#f0efdf}.thread-demo-bridge p{font:12px/1.7 Arial,sans-serif;color:#d5dfce}.thread-demo-link{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#e5d3ac;color:#253b2b;padding:15px;font:600 12px/1.5 Arial,sans-serif;text-decoration:none;min-height:48px}.thread-demo-link:hover{background:#f1e2c7}.thread-demo-link:focus-visible{outline:3px solid #e5d3ac;outline-offset:4px}.thread-demo-bridge small{display:block;font:9px/1.6 Arial,sans-serif;color:#c6d5b7;margin-top:12px}@keyframes thread-flow{to{stroke-dashoffset:-60}}@keyframes thread-ring{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(3)}}@media(prefers-reduced-motion:reduce){.thread-cue *{animation:none}.concept-node{transition:none}}@media(max-width:480px){.thread-invitation{margin-inline:18px;font-size:12px}.thread-demo-bridge{padding:18px}.thread-cue-label{font-size:9px}}
