.human-connection-field{--field-cycle:8s;--field-parallax-x:0px;--field-parallax-y:0px;aspect-ratio:1;touch-action:manipulation;width:100%;max-width:30rem;margin-inline:auto;position:relative;overflow:hidden}@media (min-width:640px){.human-connection-field{max-width:34rem}}@media (min-width:1024px){.human-connection-field{max-width:39rem}}.human-connection-field__svg{width:100%;height:100%;display:block;overflow:visible}.human-connection-field__parallax{transform:translate(var(--field-parallax-x), var(--field-parallax-y));transition:transform .5s ease-out}.human-connection-field--engaged .human-connection-field__parallax{transition-duration:.35s}.human-connection-field__depth{transform-origin:240px 228px;animation:field-drift var(--field-cycle) ease-in-out infinite}.human-connection-field--engaged .human-connection-field__depth{animation-duration:calc(var(--field-cycle) * .94)}.human-connection-field__ambient{fill:color-mix(in srgb, var(--surface-muted) 40%, transparent);stroke:var(--border);stroke-width:.6px;opacity:.35;transform-origin:240px 228px}.human-connection-field__path{fill:none;stroke-linecap:round;pointer-events:stroke;stroke-width:8px;transition:opacity .35s,stroke-width .35s,stroke .35s}.human-connection-field__path--ambient{stroke:var(--stone);stroke-width:.65px;opacity:.22}.human-connection-field--node-hover .human-connection-field__path--ambient:not(.human-connection-field__path--highlighted){opacity:.1}.human-connection-field__path--highlighted{stroke:var(--accent);stroke-width:.9px;opacity:.48!important}.human-connection-field__path--narrative{stroke:var(--accent);stroke-width:1.2px;opacity:0;stroke-dasharray:1;stroke-dashoffset:1px;pathLength:1;pointer-events:none}.human-connection-field__path--narrative-active{opacity:.72;stroke-dashoffset:0;animation:.9s ease-out forwards field-draw-path}.human-connection-field--connection-hover .human-connection-field__path--narrative-active{opacity:.88;stroke-width:1.45px}.human-connection-field__node-group{opacity:.42;transition:opacity .4s}.human-connection-field__node-group--active{opacity:1}.human-connection-field__node-group--ambient{opacity:.32}.human-connection-field__node-group--faded{opacity:.15}.human-connection-field__node-group--emphasized{opacity:1}.human-connection-field__node-group--seeker .human-connection-field__node,.human-connection-field__node-group--match .human-connection-field__node{fill:var(--accent-soft);stroke:var(--accent)}.human-connection-field__node-group--candidate{opacity:.65}.human-connection-field[data-phase=candidates] .human-connection-field__node-group--candidate,.human-connection-field[data-phase=context] .human-connection-field__node-group--candidate,.human-connection-field[data-phase=match] .human-connection-field__node-group--candidate{opacity:.82}.human-connection-field__node-group--hovered,.human-connection-field__node-group--related{opacity:1!important}.human-connection-field__hit-area{fill:#0000;stroke:none;pointer-events:all;cursor:default}.human-connection-field__node{fill:var(--surface-muted);stroke:var(--stone);stroke-width:1px;transition:fill .3s,stroke .3s,stroke-width .3s,transform .3s}.human-connection-field__node--ring{fill:#0000}.human-connection-field__ring{fill:none;stroke:var(--stone);stroke-width:.75px;opacity:.55;pointer-events:none}.human-connection-field__node-group--emphasized .human-connection-field__node,.human-connection-field__node-group--hovered .human-connection-field__node{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.35px}.human-connection-field__node-group--match .human-connection-field__node{transform-box:fill-box;transform-origin:50%;transform:scale(1.12)}.human-connection-field__initial{font-family:var(--font-display), Georgia, serif;fill:var(--muted);pointer-events:none;font-size:7px;transition:fill .3s}.human-connection-field__node-group--emphasized .human-connection-field__initial,.human-connection-field__node-group--hovered .human-connection-field__initial{fill:var(--accent)}.human-connection-field__pulse{fill:none;stroke:var(--accent);stroke-width:.7px;opacity:0;transform-box:fill-box;transform-origin:50%;pointer-events:none}.human-connection-field__node-group--seeker .human-connection-field__pulse{animation:field-pulse var(--field-cycle) ease-in-out infinite;animation-delay:.5s}.human-connection-field[data-phase=match] .human-connection-field__node-group--match .human-connection-field__pulse,.human-connection-field[data-phase=connect] .human-connection-field__node-group--match .human-connection-field__pulse,.human-connection-field[data-phase=cluster] .human-connection-field__node-group--match .human-connection-field__pulse,.human-connection-field[data-phase=message] .human-connection-field__node-group--match .human-connection-field__pulse{opacity:.35;transform:scale(1.5)}.human-connection-field__node-label{font-family:var(--font-display), Georgia, serif;fill:var(--foreground);opacity:0;pointer-events:none;font-size:9.5px;transition:opacity .35s,fill .35s}.human-connection-field__node-group--seeker .human-connection-field__node-label,.human-connection-field__node-group--match .human-connection-field__node-label,.human-connection-field__node-group--hovered .human-connection-field__node-label,.human-connection-field__node-group--related .human-connection-field__node-label{opacity:.92}.human-connection-field__node-group--seeker .human-connection-field__node-label,.human-connection-field__node-group--match .human-connection-field__node-label{fill:var(--accent)}.human-connection-field__overlay{pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding-inline:1rem;display:flex;position:absolute;inset:auto 0 8%}.human-connection-field__intent{max-width:14rem;font-family:var(--font-display), Georgia, serif;color:var(--foreground);opacity:0;margin:0;font-size:.8125rem;line-height:1.35;animation:.5s ease-out forwards field-fade-in;transform:translateY(4px)}.human-connection-field[data-phase=intent] .human-connection-field__intent,.human-connection-field[data-phase=candidates] .human-connection-field__intent,.human-connection-field[data-phase=context] .human-connection-field__intent,.human-connection-field[data-phase=match] .human-connection-field__intent,.human-connection-field[data-phase=connect] .human-connection-field__intent,.human-connection-field[data-phase=cluster] .human-connection-field__intent{opacity:.88;transform:translateY(0)}.human-connection-field__context{opacity:0;flex-wrap:wrap;justify-content:center;gap:.35rem .5rem;margin:0;padding:0;list-style:none;transition:opacity .4s,transform .4s;display:flex;transform:translateY(4px)}.human-connection-field[data-phase=context] .human-connection-field__context,.human-connection-field[data-phase=match] .human-connection-field__context,.human-connection-field[data-phase=connect] .human-connection-field__context,.human-connection-field[data-phase=cluster] .human-connection-field__context,.human-connection-field[data-phase=message] .human-connection-field__context{opacity:1;transform:translateY(0)}.human-connection-field__context li{letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--background) 85%, transparent);border-radius:999px;padding:.2rem .45rem;font-size:.6875rem;font-weight:500}.human-connection-field__message{font-family:var(--font-display), Georgia, serif;color:var(--accent);opacity:0;margin:.25rem 0 0;font-size:.875rem;font-weight:500;transition:opacity .45s,transform .45s;transform:translateY(4px)}.human-connection-field[data-phase=message] .human-connection-field__message{opacity:1;transform:translateY(0)}.human-connection-field__desktop-only{display:none}@media (min-width:640px){.human-connection-field__desktop-only{display:revert}}@keyframes field-drift{0%,to{transform:rotate(-1.5deg)scale(1)}50%{transform:rotate(1.8deg)scale(1.01)}}@keyframes field-pulse{0%,6%{opacity:0;transform:scale(1)}10%,18%{opacity:.4;transform:scale(1.7)}28%,to{opacity:0;transform:scale(1)}}@keyframes field-draw-path{0%{stroke-dashoffset:1px;opacity:.2}to{stroke-dashoffset:0;opacity:.72}}@keyframes field-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:.88;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.human-connection-field__node-group:hover .human-connection-field__pulse{opacity:.28;transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){.human-connection-field{--field-parallax-x:0px;--field-parallax-y:0px}.human-connection-field__parallax,.human-connection-field__depth,.human-connection-field__pulse{animation:none!important}.human-connection-field__parallax,.human-connection-field__depth{transform:none}.human-connection-field__node-group{opacity:.4;pointer-events:none}.human-connection-field__node-group--seeker,.human-connection-field__node-group--match{opacity:1}.human-connection-field__node-group--seeker .human-connection-field__node,.human-connection-field__node-group--match .human-connection-field__node{fill:var(--accent-soft);stroke:var(--accent)}.human-connection-field__path--narrative{opacity:.55;stroke-dashoffset:0}.human-connection-field__path--ambient{opacity:.18}.human-connection-field__intent{opacity:.85;animation:none;transform:none}.human-connection-field__context{opacity:1;transform:none}.human-connection-field__context li{max-width:none}.human-connection-field__context li:nth-child(n+3){display:none}.human-connection-field__message{opacity:1;transform:none}.human-connection-field__node-label{opacity:.9;fill:var(--accent)}.human-connection-field__pulse{opacity:0}}