:root{--on-surface:#1a1c1c;--on-surface-variant:#474747;--on-surface-muted:#888;--surface:#fff;--surface-container:#eee;--surface-container-low:#f3f3f4;--on-secondary-fixed-variant:#3b3b3c;--outline-variant:#c6c6c6;--primary:#000;--ghost-focus:#c6c6c633;--font-family:ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Arial, sans-serif;--font-handwritten:"Caveat", cursive;--display-sm:2.25rem;--title-lg:1.25rem;--title-md:1rem;--title-sm:.875rem;--body-lg:1rem;--body-sm:.875rem;--label-md:.75rem;--lh-display:1.15;--lh-body:1.6;--weight-normal:400;--weight-medium:500;--weight-bold:700;--column-width:560px;--section-gap:80px;--subsection-gap:48px;--item-gap:32px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--body-lg);line-height:var(--lh-body);color:var(--on-surface);background-color:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body,main,section,footer{text-align:left}::selection{background:var(--on-surface);color:var(--surface)}:focus{outline:none}:focus-visible{outline:2px solid var(--ghost-focus);outline-offset:3px}.column{max-width:var(--column-width);margin-inline:auto;padding-inline:24px}.section{padding-block:var(--section-gap)}.section--projects,.section--work,.section--volunteering,.section--hobbies{padding-top:0}.section-heading{font-size:var(--label-md);font-weight:var(--weight-bold);color:var(--on-surface-muted);margin-bottom:var(--subsection-gap);text-transform:uppercase;letter-spacing:.08em}.bio-photo{background-color:var(--surface-container);border-radius:50%;width:90px;height:90px;margin-bottom:32px;overflow:hidden}.bio-photo img{object-fit:cover;width:100%;height:100%;display:block}.bio{font-size:var(--body-lg);line-height:var(--lh-body);color:var(--on-surface);max-width:520px;margin-bottom:16px}.bio a{color:var(--on-surface);font-weight:var(--weight-bold);-webkit-text-decoration:underline #00000032;text-decoration:underline #00000032;transition:text-decoration-color .2s}.bio a:hover{color:var(--on-surface);text-decoration-color:#000000e6}.bio strong{font-weight:var(--weight-bold);color:var(--on-surface)}.bio--secondary{color:var(--on-surface-variant);margin-bottom:24px}.social-links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.social-link{font-size:var(--label-md);color:var(--on-surface-variant);font-weight:var(--weight-medium);text-decoration:none;transition:color .2s}.social-link:hover{color:var(--on-surface)}.social-dot{font-size:var(--label-md);color:var(--on-surface-muted);-webkit-user-select:none;user-select:none}.project-list{flex-direction:column;display:flex}.project{color:inherit;margin-inline:-16px;border-radius:0;align-items:flex-start;gap:16px;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:opacity .15s;display:flex}.project-list:has(.project:hover) .project:not(:hover){opacity:.3}.project-thumb{border-radius:4px;flex-shrink:0;width:50px;height:50px;overflow:hidden}.project-thumb img{object-fit:cover;width:100%;height:100%;display:block}.project-body{flex:1;min-width:0}.project-meta{align-items:center;gap:6px;margin-bottom:4px;display:flex}.info-wrap{align-items:center;display:inline-flex;position:relative}.info-btn{cursor:default;color:var(--on-surface-muted);background:0 0;border:none;align-items:center;padding:0;font-size:13px;line-height:1;transition:color .15s;display:inline-flex}.info-btn:hover{color:var(--on-surface-variant)}.info-tooltip{background:var(--surface-container);color:var(--on-surface-variant);font-size:var(--label-md);font-weight:var(--weight-normal);white-space:nowrap;z-index:10;opacity:0;visibility:hidden;pointer-events:none;border-radius:4px;padding:8px 12px;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:0}.info-wrap:hover .info-tooltip,.info-wrap:focus-within .info-tooltip{opacity:1;visibility:visible;pointer-events:auto}.info-tooltip:after{content:"";width:100%;height:10px;position:absolute;top:100%;left:0}.ssh-cmd{font-family:ui-monospace,SF Mono,Monaco,Consolas,monospace;font-size:inherit;cursor:pointer;color:var(--on-surface);-webkit-user-select:all;user-select:all;background:#00000014;border-radius:3px;padding:1px 5px;transition:background .15s,color .15s}.ssh-cmd:hover{background:#00000024}.ssh-cmd.copied{color:var(--on-surface-muted)}.project-name{font-size:var(--body-lg);font-weight:var(--weight-bold);color:var(--on-surface)}.project-year{font-size:var(--body-lg);color:var(--on-surface-variant)}.project-desc{font-size:var(--body-sm);color:#999;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.work-list{flex-direction:column;gap:20px;display:flex}.work-item{align-items:flex-start;gap:16px;display:flex}.work-icon{background-color:var(--surface-container);width:44px;height:44px;color:var(--on-surface-muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.work-icon img{object-fit:cover;width:100%;height:100%;display:block}.work-body{flex:1;padding-top:2px}.work-meta{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.work-company{font-size:var(--body-lg);font-weight:var(--weight-bold);color:var(--on-surface)}.work-period{font-size:var(--body-sm);color:var(--on-surface-variant)}.work-role{font-size:var(--body-sm);color:#999}.hobbies-image{border-radius:4px;width:100%;height:auto;margin-top:24px;display:block}.site-footer{padding-block:var(--section-gap)}.footer-inner{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.footer-link{font-size:var(--label-md);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-muted);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--on-surface-variant);text-decoration:underline}.footer-copy{font-size:var(--label-md);color:var(--on-surface-muted);margin-left:auto}.trinket-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.trinket{position:absolute}.trinket-photo{pointer-events:auto;position:absolute}.trinket-photo:hover{z-index:100}.trinket-photo img{filter:grayscale()contrast(1.1)brightness(1.05);transform-origin:50%;width:100%;height:auto;transition:filter .45s,transform .45s;display:block}.trinket-photo:hover img{filter:none;transform:scale(1.1)}.tape-effect{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:11;background:#ffffff73;border:1px solid #0000000d;width:40px;height:15px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.trinket-doodle{opacity:.6;pointer-events:none;position:absolute}a{color:var(--on-surface);text-decoration:none;transition:color .2s,text-decoration-color .2s}a:not(.project):not(.social-link):not(.footer-link):not(.bio a):hover{text-decoration-line:underline;-webkit-text-decoration-color:var(--on-secondary-fixed-variant);text-decoration-color:var(--on-secondary-fixed-variant);color:var(--on-secondary-fixed-variant)}@media (width<=600px){:root{--section-gap:56px;--subsection-gap:32px}.trinket--margin{display:none}.column{padding-inline:20px}.project{margin-inline:-16px}.work-meta{flex-direction:column;gap:2px}}@media (width<=400px){:root{--section-gap:48px}}@media print{.trinket-layer{display:none}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.ssh-cmd.typing:after{content:"|";margin-left:1px;font-weight:300;animation:.6s step-end infinite cursor-blink}.ssh-cmd.typed:after{content:""}.trinket-photo[data-bubble-text]{cursor:pointer}.trinket-bubble{color:#fff;white-space:normal;word-break:normal;z-index:300;opacity:0;transform-origin:0 100%;pointer-events:none;background:#278eff;border-radius:18px;width:max-content;max-width:160px;padding:10px 14px;font-family:-apple-system,SF Pro Text,ui-sans-serif,sans-serif;font-size:14px;font-weight:400;line-height:1.35;transition:opacity .15s ease-out,transform .15s ease-out;position:absolute;inset:auto auto calc(100% + 15px) -100px;overflow:visible;transform:scale(.92)rotate(-4deg)}.trinket-bubble--right{transform-origin:100% 100%;left:auto;right:-70px;transform:scale(.92)rotate(4deg)}.trinket-bubble.is-open{opacity:1;pointer-events:auto;transform:scale(1)rotate(-4deg)}.trinket-bubble--right.is-open{transform:scale(1)rotate(4deg)}.trinket-bubble-tail{display:block;position:absolute;bottom:-11px}.trinket-bubble-link{color:#fff;font-size:inherit;font-weight:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #ffffff8c;text-decoration:underline #ffffff8c}.trinket-bubble-link:hover{text-decoration-color:#fffffff2}.trinket-bubble-player{align-items:center;gap:7px;margin-top:9px;display:flex}.trinket-bubble-play-btn{color:#fff;cursor:pointer;background:#ffffff40;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:9px;line-height:1;transition:background .12s;display:flex}.trinket-bubble-play-btn:hover{background:#fff6}.trinket-bubble-progress{background:#ffffff4d;border-radius:2px;flex:1;height:3px;overflow:hidden}.trinket-bubble-progress-fill{background:#fff;width:0%;height:100%}@media (width<=600px){.trinket-bubble{display:none}}