@property --scroll-frac{syntax: "<number>"; inherits: true; initial-value: 0;}:root{--scroll-max: 0px;--sticky-top: 32px;--graph-natural-top: 0px;--type-work: #0d9488;--type-project: #64748b}@supports (animation-timeline: scroll()){@keyframes tendril-scroll-progress{0%{--scroll-frac: 0}to{--scroll-frac: 1}}:root{animation:tendril-scroll-progress linear both;animation-timeline:scroll(root);animation-range:0% 100%}}.skill-graph-section{isolation:isolate}.tendril-overlay,.tendril-css-layer{position:fixed;inset:0;width:100%;height:100%;z-index:1}.tendril-line{position:absolute;inset:0;background:var(--tendril-color, var(--type-work));opacity:0;pointer-events:none}.tendril-line.on{opacity:.35;--scroll-px: calc(var(--scroll-frac) * var(--scroll-max));--graph-viewport-top: max(var(--sticky-top), var(--graph-natural-top) - var(--scroll-px));--y1: calc(var(--card-top) - var(--scroll-px));--y2: calc(var(--graph-viewport-top) + var(--bubble-rel-y));--w: 1.75px;clip-path:shape(from var(--x1) var(--y1),curve to var(--x2) var(--y2) with calc(var(--x1) + var(--dx)) var(--y1) / calc(var(--x2) - var(--dx)) var(--y2),line to var(--x2) calc(var(--y2) + var(--w)),curve to var(--x1) calc(var(--y1) + var(--w)) with calc(var(--x2) - var(--dx)) calc(var(--y2) + var(--w)) / calc(var(--x1) + var(--dx)) calc(var(--y1) + var(--w)),close)}.spokes .spoke,.hubs .area-hub,.skills .skill-bubble{transition:opacity .2s ease}.g-dim{opacity:.4}#experience-timeline [data-type=work].skill-active .experience__data{box-shadow:0 0 0 2px color-mix(in srgb,var(--type-work) 50%,transparent)}#experience-timeline [data-type=project].skill-active .experience__data{box-shadow:0 0 0 2px color-mix(in srgb,var(--type-project) 55%,transparent)}#experience-timeline [data-type]{transition:opacity .2s ease}#experience-timeline [data-type] .experience__data{cursor:pointer}.filter-bar .btn{border-color:transparent!important}.filter-bar [data-filter=all]{background-color:#d1d5db!important;color:#1f2937!important}.filter-bar [data-filter=work]{background-color:var(--type-work)!important;color:#fff!important}.filter-bar [data-filter=project]{background-color:var(--type-project)!important;color:#fff!important}.filter-bar .btn:not(.btn-active){opacity:.45}.filter-bar .btn.btn-active{opacity:1}