@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.container{width:100%}.block{display:block}.contents{display:contents}.inline-flex{display:inline-flex}.h-\[1\.2rem\]{height:1.2rem}.h-full{height:100%}.w-\[1\.2rem\]{width:1.2rem}.w-full{width:100%}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.whitespace-nowrap{white-space:nowrap}.underline-offset-4{text-underline-offset:4px}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media(prefers-color-scheme:dark){.dark\:scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dark\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.dark\:-rotate-90{rotate:-90deg}.dark\:rotate-0{rotate:none}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}*{box-sizing:border-box;margin:0;padding:0}:root.light{--white:#f5f5f5;--bg-primary:#f5f5f5;--text-primary:#000;--text-secondary:#666;--text-tertiary:#888;--secondary:#24adbc;--border-color:#ddd;--border-dotted:#ccc;--hover-bg:#f0f0f0;--nav-bg:#f5f5f5;--nav-active-bg:#000;--nav-active-text:#f5f5f5;--card-border:#ddd;--page-width:900px;--px:12px;interpolate-size:allow-keywords}:root.dark{--white:#1a1a1a;--bg-primary:#1a1a1a;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-tertiary:#787878;--secondary:#24adbc;--border-color:#333;--border-dotted:#444;--hover-bg:#2a2a2a;--nav-bg:#1a1a1a;--nav-active-bg:#f5f5f5;--nav-active-text:#1a1a1a;--card-border:#333;--page-width:900px;--px:12px;interpolate-size:allow-keywords}html{scroll-behavior:smooth;--crowd-h:220px;scroll-padding-top:40px}body{background-color:var(--bg-primary);color:var(--text-primary);--font-size:.9rem;font-family:Verdana,sans-serif;font-size:10px;transition:background-color .3s,color .3s}a,p,h1,h2,h3{font-size:var(--font-size);font-weight:400}h2{color:var(--secondary);text-underline-offset:3px;font-weight:700;text-decoration:underline}a{color:var(--secondary);cursor:pointer;text-decoration:none}h1{font-size:1.15rem}.name-heading{flex-direction:column;gap:5px;display:flex}.name-location{color:var(--text-secondary);align-items:center;gap:5px;font-size:.75rem;display:flex}nav{width:-moz-fit-content;width:fit-content;font-size:var(--font-size);z-index:2;flex-direction:column;align-items:flex-end;padding:6px 0;display:flex;position:fixed;right:0}nav span{cursor:pointer;background-color:var(--nav-bg);color:var(--text-primary);text-align:right;margin:0 8px 2px;padding:4px;transition:background-color .3s,color .3s;display:block}nav span.nav-active{background-color:var(--nav-active-bg);color:var(--nav-active-text)}section{padding:40px var(--px);max-width:var(--page-width);flex-direction:column;justify-content:center;min-height:100dvh;margin:0 auto;display:flex;position:relative}section:last-of-type{align-items:start}#about,#experience,#projects{justify-content:flex-start}section p{margin-bottom:12px}h2:before{content:"";border-top:1px dotted var(--border-dotted);width:calc(100% - (var(--px)*2));margin-top:-10px;transition:all .5s;position:absolute}h2+a{margin-top:12px}h2+p,h3+p,h3+a{margin-top:48px}.name-layout{align-items:baseline;gap:60px;display:flex}.name-meta{flex-direction:column;gap:3px;padding-top:2px;display:flex}.name-meta .meta-group{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.name-meta .meta-group:last-child{margin-bottom:0}.meta-label{color:var(--text-tertiary);margin-bottom:2px;font-size:.75rem}.item-list{flex-direction:column;align-items:flex-start;gap:2px;margin-top:40px;display:flex}.item{padding:6px var(--px);margin:0 calc(var(--px)*-1);width:min(380px,100%);font-size:var(--font-size);color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#0000;border-radius:4px;line-height:1.4rem}.item-title,.item-sub{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.item-sub{color:var(--text-secondary);margin-top:1px;font-size:.75rem}.item:hover{background-color:var(--nav-active-bg);color:var(--nav-active-text)}.item:hover .item-sub{color:var(--nav-active-text);opacity:.65}@media screen and (min-width:400px){body{--font-size:.85rem}}.exp-detail{border-top:1px dotted var(--border-dotted);gap:0;width:100%;margin-top:32px;padding-top:20px;display:flex}.exp-detail-spacer{flex:1}.exp-detail-text{min-height:var(--exp-detail-height,auto);flex-direction:column;flex:1;gap:5px;display:flex}.exp-detail-text p{margin-bottom:0;line-height:1.6}@keyframes content-fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes expand-fade-in{0%{opacity:0}to{opacity:1}}@keyframes expand-fade-out{0%{opacity:1}to{opacity:0}}.exp-detail-text,.proj-text{animation:.3s forwards content-fade}input[type=checkbox]:checked+div{animation:.3s forwards expand-fade-in}input[type=checkbox]:not(:checked)+div{animation:.3s forwards expand-fade-out}@keyframes paragraph-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes paragraph-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}input[type=checkbox]:checked+div>p{opacity:0;animation:.4s forwards paragraph-fade-in}input[type=checkbox]:checked+div>p:first-of-type{animation-delay:.1s}input[type=checkbox]:checked+div>p:nth-of-type(2){animation-delay:.25s}input[type=checkbox]:checked+div>p:nth-of-type(3){animation-delay:.4s}input[type=checkbox]:checked+div>p:nth-of-type(4){animation-delay:.55s}input[type=checkbox]:checked+div>.photo-row{opacity:0;animation:.4s .7s forwards paragraph-fade-in}input[type=checkbox]:not(:checked)+div>p{animation:.4s forwards paragraph-fade-out}input[type=checkbox]:not(:checked)+div>p:nth-of-type(4){animation-delay:.25s}input[type=checkbox]:not(:checked)+div>p:nth-of-type(3){animation-delay:.4s}input[type=checkbox]:not(:checked)+div>p:nth-of-type(2){animation-delay:.55s}input[type=checkbox]:not(:checked)+div>p:first-of-type{animation-delay:.7s}input[type=checkbox]:not(:checked)+div>.photo-row{animation:.4s .1s forwards paragraph-fade-out}.exp-role{color:var(--text-primary);opacity:.85}.exp-period{color:var(--text-tertiary);font-size:.75rem}.exp-desc{color:var(--text-primary);margin-top:8px!important;line-height:1.7!important}.exp-tech{color:var(--secondary);font-size:.75rem;margin-top:4px!important}.proj-detail{align-items:flex-start;gap:24px;margin-top:28px;padding-top:0;display:flex}.proj-placeholder{border:1px dotted var(--border-dotted);width:220px;height:220px;color:var(--text-tertiary);letter-spacing:.12em;text-transform:lowercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.proj-thumbnail{-o-object-fit:cover;object-fit:cover;border:1px dotted var(--border-dotted);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;width:220px;height:220px}.proj-text{flex-direction:column;flex:1;gap:8px;padding-top:4px;display:flex}.proj-text p{color:var(--text-primary);margin-bottom:0;line-height:1.6}.proj-text .proj-tech{color:var(--secondary);font-size:.75rem}.proj-links{gap:16px;margin-top:4px;display:flex}.photo-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;width:100%;margin-top:80px;margin-bottom:20px;display:flex}.photo-circle-wrap{border-radius:50%;flex-shrink:0;display:inline-block;position:relative;overflow:hidden}.photo-circle{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;border-radius:50%;width:200px;height:200px;transition:transform .45s;display:block}.photo-circle-wrap:hover .photo-circle{transform:scale(1.06)}@media(prefers-reduced-motion:reduce){.photo-circle{transition:none}.photo-circle-wrap:hover .photo-circle{transform:none}}.about-arrow-svg,.about-tooltip{display:none}@keyframes tooltip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-highlight{0%{background-color:#0000}50%{background-color:#c8c8c826}to{background-color:#0000}}.tooltip-label{border-radius:2px;margin-bottom:7px;padding:1px 5px;font-size:.75rem;display:inline-block}.about-tooltip p{color:var(--text-primary);margin-bottom:3px;font-size:.8rem;line-height:1.5}@media(max-width:600px){.about-arrow-svg,.about-tooltip{display:none}}.skills{flex-direction:column;gap:10px;margin-top:20px;margin-bottom:16px;display:flex}.skill-row{align-items:baseline;gap:24px;display:flex}.skill-label{color:var(--text-tertiary);text-align:right;text-transform:lowercase;letter-spacing:.05em;flex-shrink:0;min-width:60px;font-size:.7rem;line-height:1.5}.skill-list{color:var(--text-primary);flex:1;font-size:.8rem;line-height:1.5}.more-about-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}.more-arrow{color:var(--secondary);font-size:var(--font-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:1s ease-in-out infinite arrow-bounce;display:inline-block}@keyframes arrow-bounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.sparkle{z-index:10;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.block{pointer-events:none;z-index:9999;width:8px;height:8px;animation:.5s forwards block-fade;position:fixed}@keyframes block-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}input[type=checkbox]{display:none}input[type=checkbox]+div{margin-top:12px;transition:all .3s;position:relative;overflow:hidden}input[type=checkbox]+div,input[type=checkbox]+div p{font-family:Verdana,sans-serif}input[type=checkbox]:checked+div{overflow:visible}input[type=checkbox]:not(:checked)+div{height:0}label:has(span){font-size:var(--font-size)}label span{color:var(--secondary);cursor:pointer}section:has(input[type=checkbox]:checked) label span{font-size:0}section:has(input[type=checkbox]:checked) label:before{content:"x";color:var(--secondary);cursor:pointer}section:last-of-type a{margin-bottom:4px;display:block}section:last-of-type a+h3{margin-top:36px}section:last-of-type h2+a,section:last-of-type h3+a{margin-top:12px}small{width:calc(100% - (var(--px)*2));text-align:right;color:var(--text-tertiary);font-size:.7rem;position:absolute;bottom:8px}.github-container{margin-top:32px;padding-bottom:8px;overflow-x:auto}.github-container .react-activity-calendar__count,.github-container .react-activity-calendar__legend-colors,.github-container text{color:var(--text-tertiary);fill:var(--text-tertiary);font-size:.7rem}#resume{min-height:40dvh}section small{display:none}@media(max-width:767px){body{padding-bottom:48px;overflow-x:clip}nav{background-color:var(--nav-bg);border-top:1px dotted var(--border-dotted);flex-flow:wrap;justify-content:center;align-items:center;gap:2px 4px;width:100%;padding:8px 6px;inset:auto 0 0}nav span{text-align:center;margin:0}.name-layout{flex-direction:column;align-items:flex-start;gap:20px}.name-meta{padding-top:0}.exp-detail-spacer{display:none}.exp-detail-text{min-height:auto}.proj-detail{flex-direction:column;gap:16px}.proj-placeholder{width:100%;height:140px}.proj-thumbnail{width:100%;height:auto}.skill-row{gap:14px}.skill-label{min-width:52px}.photo-row{justify-content:center;gap:16px;margin-top:40px}.photo-circle{width:150px;height:150px}}#home{min-height:unset;height:calc(100dvh - var(--crowd-h));align-items:center}.crowd-band{width:100%;height:var(--crowd-h);pointer-events:none;position:relative;overflow:hidden}.crowd-band canvas{width:100%;height:100%;position:absolute;bottom:0;left:0}:root.dark .crowd-band canvas{filter:invert()}.blog-back{margin-top:40px;display:inline-block}.blog-post{flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:48px;min-height:100dvh;display:flex}.blog-side-nav{flex-direction:column;flex-shrink:0;gap:8px;width:160px;display:flex;position:sticky;top:40px}.blog-side-nav nav{flex-direction:column;align-items:flex-start;gap:4px;margin-top:20px;display:flex;position:static}.blog-side-nav nav span{cursor:pointer;color:var(--text-tertiary);background:0 0;padding:2px 0;transition:color .2s}.blog-side-nav nav span.side-nav-active{color:var(--secondary);font-weight:700}.blog-content{flex:1}.blog-meta{color:var(--text-tertiary);margin-top:6px;font-size:.75rem}.blog-section{border-top:1px dotted var(--border-dotted);min-height:60dvh;padding:40px 0}.blog-section h3{color:var(--secondary);margin-bottom:12px;font-weight:700}.blog-section p{line-height:1.7}@media(max-width:767px){.blog-post{flex-direction:column;gap:20px}.blog-side-nav{width:100%;position:static;top:auto}.blog-section{min-height:auto}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}