*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-tan: #e8dfd0;--bg-tan-deep: #ddd3c2;--ink: #2c2824;--ink-muted: rgba(44, 40, 36, .5);--bubble: #fffdf9;--bubble-border: rgba(44, 40, 36, .1);--bubble-shadow: 0 6px 24px rgba(80, 60, 40, .12)}html,body,#root{min-height:100%}body{background:var(--bg-tan);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}.page{min-height:100dvh;position:relative;overflow:hidden}.wordmark{position:absolute;top:28px;left:32px;font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);text-decoration:none;z-index:10}.wordmark:hover{color:#5c4f42}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.portrait-wrap{position:absolute;left:0;bottom:0;width:50vw;height:50vh;z-index:3;line-height:0;pointer-events:none}.portrait-svg{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 20px rgba(80,60,40,.15))}.portrait-svg .puppet-lens__base{fill:#aacdeb2e;transition:fill .45s ease}.portrait-svg .puppet-lens__trip{opacity:0;mix-blend-mode:screen;pointer-events:none;transition:opacity .55s ease}.portrait-svg[data-psychedelic-lenses=true] .puppet-lens__base{fill:#7850dc1f}.portrait-svg[data-psychedelic-lenses=true] .puppet-lens__trip{opacity:.95}.thoughts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.thought-group,.thought-children,.thought-children__inner{display:contents}.thought-node{position:absolute;pointer-events:auto;z-index:1;transform:translateY(-50%)}.thought-node--open{z-index:5}.thought-spoke{display:flex;flex-direction:row;align-items:center;transform-origin:left center;transform:rotate(var(--angle, 0deg));animation:bob-spoke 4s ease-in-out infinite}.thought-node--apps .thought-spoke{animation-delay:0s}.thought-node--projects .thought-spoke{animation-delay:-1s}.thought-node--resume .thought-spoke{animation-delay:-2s}.thought-node--blog .thought-spoke{animation-delay:-3s}.thought{position:relative;display:inline-flex;align-items:center;gap:12px;min-width:clamp(160px,22vw,220px);padding:14px 22px;border:1px solid var(--bubble-border);border-radius:999px;background:var(--bubble);box-shadow:var(--bubble-shadow);color:var(--ink);font-size:clamp(.9375rem,2vw,1.0625rem);font-weight:600;text-decoration:none;cursor:pointer;transition:box-shadow .2s ease,background .2s ease}.thought:before,.thought:after{content:"";position:absolute;left:-9px;border:1px solid var(--bubble-border);border-radius:50%;background:var(--bubble);box-shadow:var(--bubble-shadow)}.thought:before{bottom:12px;width:12px;height:12px}.thought:after{bottom:4px;left:-18px;width:7px;height:7px;box-shadow:0 2px 6px #503c2814}.thought:hover:not(.thought--soon){background:#fff;box-shadow:0 10px 28px #503c2829}.thought:hover:not(.thought--soon):before,.thought:hover:not(.thought--soon):after{background:#fff}.thought--soon{cursor:default;opacity:.65;font-weight:500}.thought__soon{margin-left:auto;color:var(--ink-muted);font-size:.6875rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.thought--open{background:#fff;box-shadow:0 10px 28px #503c2829}.thought--open:before,.thought--open:after{background:#fff}.thought-node--sub{opacity:0;pointer-events:none;z-index:4;transition:opacity .3s ease}.thought-node--sub.is-visible{opacity:1;pointer-events:auto}.thought-spoke--sub{animation:none}.sub-thought{position:relative;display:inline-flex;align-items:center;width:fit-content;white-space:nowrap;padding:10px 18px;border:1px solid var(--bubble-border);border-radius:999px;background:var(--bubble);box-shadow:var(--bubble-shadow);color:var(--ink);font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .15s ease,background .15s ease}.thought-node--sub.is-visible .sub-thought{animation:branch-in .35s ease backwards;animation-delay:calc(var(--stagger, 0) * .08s)}.sub-thought:before,.sub-thought:after{content:"";position:absolute;left:-8px;border:1px solid var(--bubble-border);border-radius:50%;background:var(--bubble);box-shadow:var(--bubble-shadow)}.sub-thought:before{top:calc(50% + 4px);width:9px;height:9px;transform:translateY(-50%)}.sub-thought:after{top:calc(50% + 9px);left:-15px;width:6px;height:6px;box-shadow:0 2px 6px #503c2814}.sub-thought:hover{background:#fff;transform:translate(4px)}.sub-thought:hover:before{background:#fff}@keyframes bob-spoke{0%,to{transform:rotate(var(--angle, 0deg)) translate(0)}50%{transform:rotate(var(--angle, 0deg)) translate(7px)}}@keyframes branch-in{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.thought-spoke:has(.thought:hover:not(.thought--soon)),.thought-node--open .thought-spoke{animation-play-state:paused}@media(max-width:720px){.wordmark{top:20px;left:20px;font-size:1rem}.portrait-wrap{width:100vw;height:auto;max-height:50vh}.portrait-svg{width:100%;height:auto;max-height:50vh}.thoughts--mobile{inset:auto;top:calc(68px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));left:auto;bottom:auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:min(280px,calc(100vw - 40px));max-height:calc(100dvh - 88px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;pointer-events:auto;-webkit-overflow-scrolling:touch}.thoughts--mobile .thought-group{display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:100%}.thoughts--mobile .thought-children{display:grid;grid-template-rows:0fr;width:100%;transition:grid-template-rows .28s ease}.thoughts--mobile .thought-children.is-visible{grid-template-rows:1fr}.thoughts--mobile .thought-children__inner{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-height:0;overflow:hidden;padding-right:12px}.thoughts--mobile .thought-node{position:relative;transform:none;width:100%}.thoughts--mobile .thought-spoke{justify-content:flex-end;transform:none;animation:none}.thoughts--mobile .thought{width:100%;min-width:0;justify-content:space-between;padding:12px 18px;font-size:.9375rem}.thoughts--mobile .thought-node--sub{opacity:1;pointer-events:none;width:auto;max-width:100%}.thoughts--mobile .thought-node--sub.is-visible{pointer-events:auto}.thoughts--mobile .thought-node--sub .sub-thought{animation:none;transform:none}.thoughts--mobile .sub-thought{padding:10px 16px;font-size:.8125rem}.thought:before,.thought:after,.sub-thought:before,.sub-thought:after{display:none}}@media(prefers-reduced-motion:reduce){.thought-spoke,.thought-node--sub.is-visible .sub-thought{animation:none}.portrait-svg .puppet-lens__trip{transition:none}}