@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #100f0f;--surface: #1c1b1a;--surface-2: #282726;--nav-bg: rgb(28 27 26 / 90%);--text: #f2f0e5;--text-soft: #cecdc3;--text-muted: #878580;--date-text: #b7b5ac;--border: rgb(87 86 83 / 48%);--border-strong: rgb(159 157 150 / 44%);--accent: #87d3c3;--focus-ring: rgb(135 211 195 / 55%);--selection: rgb(30 95 91 / 30%);--highlight: #3a2d04;--copied-border: rgb(58 169 159 / 38%);--copied-bg: rgb(16 31 29 / 78%);--section-offset: 1.8rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "IBM Plex Sans", "Segoe UI", Helvetica, Arial, sans-serif;color-scheme:dark;font-family:var(--font-sans);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{--bg: #fffcf0;--surface: #f2f0e5;--surface-2: #e6e4d9;--nav-bg: rgb(255 252 240 / 93%);--text: #100f0f;--text-soft: #282726;--text-muted: #6f6e69;--date-text: #575653;--border: rgb(206 205 195 / 92%);--border-strong: rgb(183 181 172 / 92%);--accent: #24837b;--focus-ring: rgb(36 131 123 / 36%);--selection: rgb(187 220 206 / 32%);--highlight: #f6e2a0;--copied-border: rgb(58 169 159 / 28%);--copied-bg: rgb(221 241 228 / 92%);color-scheme:light}*,*:before,*:after{box-sizing:border-box}*::selection{background:var(--selection)}html,body{margin:0;min-width:320px;min-height:100%;overflow-x:clip}body{background:var(--bg);color:var(--text)}#root{overflow-x:clip}mark{background:var(--highlight);color:var(--text)}#root{min-height:100vh}.site-shell{width:min(44rem,100% - 2rem);margin:0 auto;padding:clamp(2.45rem,4.6vw,3.3rem) 0 4rem;position:relative}.floating-nav{--nav-item-height: 1.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0 0 .69rem;font-size:1.12rem;font-weight:400}.floating-nav .nav-home{display:inline-flex;align-items:center;color:var(--text);text-decoration:none;min-height:var(--nav-item-height);font-size:inherit;font-weight:inherit;line-height:1;white-space:nowrap}.floating-nav .nav-home:hover{color:var(--accent)}.floating-nav .nav-home:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.floating-nav nav{margin-left:auto;overflow-x:auto;scrollbar-width:none}.floating-nav nav::-webkit-scrollbar{display:none}.floating-nav ul{margin:0;padding:0;display:flex;align-items:center;list-style:none;gap:.95rem;white-space:nowrap}.floating-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--nav-item-height);padding:0;text-decoration:none;font-size:inherit;font-weight:inherit;color:var(--text-muted);line-height:1;transition:color .18s ease}.floating-nav a:hover,.floating-nav a.is-active{color:var(--text)}.floating-nav a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-toggle-item{margin-left:0}.theme-toggle{min-height:var(--nav-item-height);width:var(--nav-item-height);height:var(--nav-item-height);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:var(--text-muted);font:inherit;line-height:1;padding:0;cursor:pointer;transition:color .16s ease}.theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;flex:0 0 1.05rem}.theme-toggle:hover{color:var(--text)}.theme-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-toggle-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}main{position:relative;z-index:1}.section{scroll-margin-top:var(--section-offset);padding:2.5rem 0 2rem}.kicker{margin:0 0 .65rem;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--text-muted)}h1{margin:0;font-size:clamp(2.3rem,6vw,4.2rem);line-height:1.05}.intro h1,h2{margin:0 0 1.1rem;font-size:clamp(1.6rem,3.2vw,2.1rem);font-weight:500;line-height:1.1;letter-spacing:-.01em}.intro-body{max-width:43em}.intro-name{margin:0;color:var(--text);font-size:1.05rem;font-weight:500;line-height:1.5}h3{margin:0;font-size:1.05rem;line-height:1.2}.role{margin:.9rem 0 0;font-size:1.08rem;color:var(--text-muted)}.summary{margin:1rem 0 0;max-width:43em;color:var(--text-muted);font-size:1.02rem;line-height:1.7}.intro .summary{color:var(--text-soft);font-size:1.06rem;line-height:1.72;text-align:justify;text-justify:inter-word;text-wrap:pretty}.inline-note{position:relative;display:inline}.inline-note-trigger{display:inline;color:inherit;border:0;padding:0;background:transparent;font:inherit;line-height:inherit;white-space:inherit;overflow-wrap:anywhere;cursor:help;text-decoration:underline;text-decoration-color:var(--text-muted);text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:.16em}.inline-note.is-visible .inline-note-trigger,.inline-note-trigger:hover,.inline-note-trigger:focus-visible{color:var(--text)}.inline-note-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:3px}.inline-note-bubble{position:absolute;left:50%;bottom:calc(100% + .6rem);transform:translate(-50%) translateY(.2rem);width:max-content;max-width:min(18rem,calc(100vw - 2rem));padding:.55rem .7rem;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text-soft);font-size:.92rem;font-style:normal;font-weight:400;line-height:1.45;text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:5;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.inline-note.is-visible .inline-note-bubble{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.intro-contact-links{margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem}.intro-contact-links a{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-soft);transition:border-color .16s ease,background-color .16s ease,color .16s ease}.intro-contact-links a svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.intro-contact-links a:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.intro-contact-links a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.timeline-switcher{margin:0 0 1rem;display:flex;gap:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.timeline-switcher::-webkit-scrollbar{display:none}.timeline-switcher button{border:0;border-bottom:1px solid transparent;background:transparent;color:var(--text-muted);font:inherit;font-size:.95rem;padding:.2rem 0 .25rem;cursor:pointer;transition:border-color .16s ease,color .16s ease}.timeline-switcher button:hover{color:var(--text-soft)}.timeline-switcher button.is-active{color:var(--text);border-color:var(--text-muted)}.timeline-switcher button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.timeline-switcher-secondary{margin-bottom:1rem;font-size:.94rem}.tools-intro{margin-bottom:clamp(2.1rem,4vw,2.7rem)}.tools-intro h2{margin-bottom:.75rem}.tools-intro p{margin:.25rem 0 0;color:var(--text);font-size:.98rem;line-height:1.35}.tool-stack{display:grid;gap:1.6rem;border-top:1px solid var(--border);padding-top:1.1rem}.tool-group{position:relative;display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:clamp(1rem,3vw,2rem);background:transparent;padding:0}.tool-group:before{content:"";position:absolute;left:calc(5.9rem + clamp(1rem,3vw,2rem));top:.15rem;bottom:.15rem;width:1px;background:var(--border)}.tool-group-head{padding-top:.35rem}.tool-group-head h3{margin:0;padding:0;color:var(--text);font-size:.98rem;font-weight:600;line-height:1.2}.tool-list{display:grid;grid-template-columns:minmax(0,1fr);column-gap:1.2rem;row-gap:.75rem;min-width:0}.tool-item{display:grid;grid-template-columns:1.85rem minmax(0,1fr);align-items:center;gap:.65rem;min-height:2.35rem;padding:0;transition:color .16s ease,opacity .16s ease}.tool-item:hover{opacity:.82}.tool-icon{width:1.85rem;height:1.85rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;color:var(--text-soft);background:var(--surface-2);overflow:hidden}.tool-icon img{width:1.15rem;height:1.15rem;display:block;object-fit:contain}.tool-copy{display:grid;grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:.45rem;min-width:0}.tool-name{margin:0;color:var(--text);font-size:.93rem;font-weight:600;line-height:1.2;white-space:nowrap}.tool-note{margin:0;color:var(--text-muted);font-size:.84rem;line-height:1.35;overflow-wrap:anywhere;min-width:0}.tool-note:before{content:"/";margin-right:.45rem;color:var(--border-strong)}.experience-list-shell{overflow:hidden;transition:height .18s ease}.contact-table-shell{margin-top:1.15rem;overflow-x:auto}.contact-table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.94rem}.thoughts-section .summary{margin-bottom:1rem}.thought-list{display:grid;gap:1.35rem;border-top:1px solid var(--border);padding-top:1.2rem}.thought-item{padding:0 0 1.35rem;border-bottom:1px solid var(--border)}.thought-heading{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.thought-summary{margin:.45rem 0 0;color:var(--text-muted);font-size:.95rem;line-height:1.55}.thought-status{color:var(--text-muted);font-size:.82rem;line-height:1;white-space:nowrap}.experience-list{display:grid;gap:.8rem}.experience-list article{border:1px solid var(--border);border-radius:14px;padding:1.1rem 1rem;background:transparent;transition:border-color .16s ease,background-color .16s ease}.experience-list header{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.entry-head-main,.entry-head-main>div,.contact-label-cell,.contact-value-cell,.contact-action{min-width:0}.experience-list article:hover{border-color:var(--border-strong);background:var(--surface)}.entry-head-main{display:flex;align-items:center;gap:.8rem}.entry-logo{width:64px;height:64px;flex:0 0 64px;position:relative;border-radius:10px;background:transparent;border:1px solid var(--border);overflow:hidden}.entry-logo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100% - .9rem);max-height:calc(100% - .9rem);width:auto;height:auto;object-position:center;object-fit:contain;border-radius:6px}.meta{margin:.4rem 0 0;color:var(--text-muted);font-size:.92rem;overflow-wrap:anywhere}.entry-site{width:2.05rem;height:2.05rem;flex:0 0 2.05rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;padding:0;color:var(--text-muted);background:transparent;text-decoration:none;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.entry-site-icon{width:1.45rem;height:1.45rem;display:inline-flex;align-items:center;justify-content:center}.entry-site-icon svg{width:.84rem;height:.84rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.entry-site:hover{color:var(--text-soft);border-color:var(--border-strong);background:var(--surface)}.entry-site:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.role-list{margin-top:.85rem;display:grid;gap:.7rem}.role-list.is-multi{border-left:1px solid var(--border-strong);padding-left:.9rem}.meta-role{margin:0;color:var(--text);font-size:.96rem;line-height:1.45;overflow-wrap:anywhere}.meta-date{margin:.32rem 0 0;color:var(--text-muted);font-size:.88rem;font-weight:500;letter-spacing:.015em;line-height:1.4}.contact-table th,.contact-table td{padding:.72rem 1rem .72rem 0;text-align:left;vertical-align:top;line-height:1.35;border-bottom:1px solid var(--border)}.contact-table th,.contact-table td{padding-top:.8rem;padding-bottom:.8rem}.contact-label-cell{width:9rem;color:var(--text);font-weight:500}.contact-value-cell{width:100%}.contact-main{display:inline-flex;align-items:center;gap:.55rem;font-weight:500;white-space:nowrap}.contact-icon{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.contact-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.contact-action{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:none;text-align:left;cursor:pointer}.contact-action:hover .contact-value,.contact-action:hover .contact-status{color:var(--text)}.contact-action:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.contact-action.is-copied .contact-status{color:var(--accent)}.contact-value{color:var(--text-soft);font-size:.96rem;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.contact-status{color:var(--text-muted);font-size:.84rem;white-space:nowrap}.puzzle-section{position:relative}.puzzle-invite{position:relative;z-index:2;padding:1rem 0 0}.puzzle-invite h2{margin-bottom:1.1rem}.puzzle-invite-row{display:inline-flex;align-items:center;gap:.75rem;flex-wrap:wrap}.puzzle-invite-text{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.45}.puzzle-idle-spacer{height:clamp(13rem,38vh,22rem)}.puzzle-summary{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin:0 0 .65rem;color:var(--text-muted);font-size:.95rem;line-height:1.45}.puzzle-summary-text{min-width:0}.puzzle-toolbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:.25rem;pointer-events:none}.puzzle-invite+.puzzle-toolbar{margin-top:.65rem}.puzzle-game-content{margin-top:.65rem;animation:puzzle-game-fade-in .26s ease-out both}.puzzle-count{margin:0;color:#fff;font-size:.92rem;font-variant-numeric:tabular-nums;white-space:nowrap}.puzzle-actions{display:flex;align-items:stretch;gap:.55rem}.puzzle-confirmation-actions{display:flex;align-items:center;gap:.4rem}.puzzle-button{min-height:2.1rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-soft);font:inherit;font-size:.9rem;line-height:1.2;padding:.45rem .8rem;cursor:pointer;pointer-events:auto;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.puzzle-button:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--surface)}.puzzle-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.puzzle-button:disabled{color:var(--text-muted);cursor:default;opacity:.7}.puzzle-confirmation{width:100%;display:flex;align-items:center;gap:.6rem;height:100%;min-height:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:0 .35rem 0 .65rem;pointer-events:auto}.puzzle-confirmation-slot{flex:0 0 clamp(28rem,58vw,31rem);display:flex;align-items:stretch;align-self:stretch;min-height:0;opacity:0;transition:opacity .16s ease}.puzzle-confirmation-slot.is-active{opacity:1}.puzzle-confirmation-text{flex:1;margin:0;color:var(--text);font-size:.86rem;line-height:1;white-space:nowrap}.puzzle-confirmation .puzzle-button{height:1.55rem;min-height:1.55rem;padding:.32rem .55rem}.puzzle-board-shell{position:relative;overflow:visible;overscroll-behavior:contain}.puzzle-board{position:relative;z-index:0;width:100%;height:auto;display:block;margin-top:-6.5rem;touch-action:none;user-select:none;-webkit-user-select:none}.puzzle-visible-box{fill:var(--surface);stroke:var(--border);stroke-width:1}.puzzle-segment,.puzzle-preview{fill:none;stroke-linecap:round;stroke-linejoin:round}.puzzle-segment{stroke:var(--text-soft);stroke-width:4.5}.puzzle-segment.is-solution{stroke:var(--accent)}.puzzle-preview{stroke:var(--text-muted);stroke-width:3.5;stroke-dasharray:6 6}.puzzle-dot{fill:var(--text)}.puzzle-dot-shell{transform-box:fill-box;transform-origin:center}.puzzle-dot-shell.is-jelly{animation:puzzle-dot-jelly .24s cubic-bezier(.22,.7,.24,1)}.puzzle-carry-dot{fill:none;stroke:var(--accent);stroke-width:2.5}.puzzle-hidden-dot{fill:none;stroke:var(--text-muted);stroke-width:1.5;opacity:.65}@keyframes puzzle-dot-jelly{0%{transform:translate(0) translateY(0) scale(1)}24%{transform:translate(-.7px) translateY(.35px) scale(1.24,.78)}52%{transform:translate(.55px) translateY(-.25px) scale(.9,1.15)}74%{transform:translate(-.2px) translateY(.15px) scale(1.07,.95)}to{transform:translate(0) translateY(0) scale(1)}}@keyframes puzzle-game-fade-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@media(min-width:740px){.site-shell{width:min(44rem,100% - 4rem)}.section{padding:3rem 0 2.2rem}.experience-list article{padding:1.3rem 1.25rem}}@media(max-width:640px){.site-shell{width:min(44rem,100% - 1.25rem);padding-top:2rem;padding-bottom:3rem}.floating-nav{align-items:flex-start;flex-direction:column;gap:.6rem;margin-bottom:1.2rem}.floating-nav nav{width:100%;margin-left:0;overflow-x:visible;padding-bottom:.1rem}.floating-nav ul{flex-wrap:wrap;gap:.75rem;min-width:0;white-space:normal}.floating-nav .nav-home,.floating-nav a{font-size:1.04rem}.section{padding:2.15rem 0 1.75rem}h1{font-size:clamp(2rem,11vw,2.9rem)}.summary,.intro .summary{font-size:1rem;line-height:1.65}.intro-contact-links{flex-wrap:wrap}.inline-note-bubble{left:0;bottom:calc(100% + .55rem);transform:translateY(.2rem);max-width:min(15rem,calc(100vw - 2rem))}.inline-note.is-visible .inline-note-bubble{transform:translateY(0)}.timeline-switcher{flex-wrap:wrap;gap:.8rem;overflow-x:visible}.tool-group{grid-template-columns:minmax(0,1fr);gap:.85rem;padding:0}.tool-group:before{left:0;top:1.95rem;bottom:.1rem}.tool-group-head{padding-right:0;padding-top:0}.tool-list{grid-template-columns:minmax(0,1fr);row-gap:.7rem}.tool-item{padding:0}.tool-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:.2rem}.tool-note:before{content:"";margin-right:0}.experience-list article{padding:1rem .9rem;border-radius:12px}.experience-list header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.entry-head-main{align-items:flex-start;gap:.7rem}.entry-logo{width:56px;height:56px;flex:0 0 56px}.role-list{margin-top:.75rem;gap:.55rem}.role-list.is-multi{padding-left:.75rem}.meta-role{font-size:.94rem}.meta-date{font-size:.84rem}.contact-table-shell{overflow:visible}.contact-table,.contact-table tbody,.contact-row,.contact-label-cell,.contact-value-cell{display:block;width:100%}.contact-table th,.contact-table td{padding:0;border:0}.contact-row{display:grid;gap:.42rem;padding:.85rem 0;border-bottom:1px solid var(--border)}.contact-label-cell{width:100%}.contact-action{display:grid;grid-template-columns:minmax(0,1fr);gap:.28rem;align-items:flex-start}.contact-main{white-space:normal}.contact-status{justify-self:start}.puzzle-toolbar{align-items:flex-start;flex-direction:column}.puzzle-invite{padding-bottom:0}.puzzle-idle-spacer{height:clamp(10rem,34vh,18rem)}.puzzle-actions,.puzzle-confirmation-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.puzzle-confirmation{flex-wrap:wrap;height:auto;min-height:2.1rem}.puzzle-confirmation-slot{flex-basis:100%;max-width:100%}.puzzle-confirmation-text{white-space:normal}.puzzle-board{margin-top:-3.5rem}}@media(max-width:420px){.floating-nav ul{gap:.6rem}.floating-nav .nav-home,.floating-nav a{font-size:1rem}.timeline-switcher button{font-size:.92rem}.puzzle-button{flex:1 1 auto;justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){.floating-nav a,.floating-nav .nav-home,.theme-toggle,.inline-note-bubble,.contact-action,.puzzle-button,.tool-item,.timeline-switcher button,.experience-list article,.experience-list-shell{transition:none}.puzzle-dot-shell.is-jelly,.puzzle-game-content{animation:none}}