:root{color-scheme:light;--bg: #ececec;--bg-elevated: #f7f7f7;--bg-muted: #e0e0e0;--text: #111111;--text-secondary: #555555;--text-tertiary: #888888;--accent: #e8590c;--accent-soft: rgba(232, 89, 12, .08);--accent-text: #ffffff;--font-ui: "Instrument Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--canvas-width: 680px;--header-height: 64px;--notch: 10px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration: .2s;--duration-slow: .32s;--grain-opacity: .025;--contrib-empty: #dedede;--contrib-1: #9be9a8;--contrib-2: #40c463;--contrib-3: #30a14e;--contrib-4: #216e39;--clip-panel: polygon( 0 var(--notch), var(--notch) 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, var(--notch) 100%, 0 calc(100% - var(--notch)) );--clip-panel-tr: polygon( 0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, var(--notch) 100%, 0 calc(100% - var(--notch)) );--clip-sm: polygon( 0 6px, 6px 0, calc(100% - 6px) 0, 100% 6px, 100% calc(100% - 6px) , calc(100% - 6px) 100%, 6px 100%, 0 calc(100% - 6px) )}[data-theme=dark]{color-scheme:dark;--bg: #0e0e0e;--bg-elevated: #1a1a1a;--bg-muted: #242424;--text: #f0f0f0;--text-secondary: #a0a0a0;--text-tertiary: #666666;--accent-soft: rgba(232, 89, 12, .12);--grain-opacity: .06;--contrib-empty: #1c1c1c;--contrib-1: #0e4429;--contrib-2: #006d32;--contrib-3: #26a641;--contrib-4: #39d353}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-ui);font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);min-height:100dvh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul{list-style:none}img{display:block;max-width:100%}.display-heading{font-family:var(--font-ui);font-size:clamp(36px,5vw,52px);font-weight:600;line-height:.95;letter-spacing:-.03em}.demo-link{position:fixed;top:16px;left:16px;z-index:101;padding:6px 10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text-tertiary);background:color-mix(in srgb,var(--bg-elevated) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;transition:color var(--duration-fast) var(--ease)}@media(hover:hover)and (pointer:fine){.demo-link:hover{color:var(--text)}}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-height);padding:0 clamp(24px,4vw,48px)}.wordmark{justify-self:start;font-family:var(--font-ui);font-size:15px;font-weight:600;letter-spacing:-.02em}.nav-pill{position:relative;display:flex;align-items:center;gap:2px;padding:4px;clip-path:var(--clip-sm)}.nav-pill__indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);background:var(--accent);clip-path:var(--clip-sm);transition:transform var(--duration) var(--ease-out),width var(--duration) var(--ease-out);will-change:transform,width;pointer-events:none;z-index:0}.nav-pill__item{position:relative;z-index:1;display:flex;align-items:center;gap:5px;padding:7px 14px;font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:-.01em;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease)}@media(hover:hover)and (pointer:fine){.nav-pill__item:hover:not(.is-active){color:var(--text)}}.nav-pill__item.is-active{color:var(--accent-text)}.nav-pill__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-family:var(--font-mono);font-size:11px;line-height:1}.nav-pill__item:not(.is-active) .nav-pill__icon{opacity:.6}.theme-dot{justify-self:end;width:10px;height:10px;border-radius:50%;background:var(--text);transition:transform var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.theme-dot:hover{transform:scale(1.15)}}.theme-dot:active{transform:scale(.92)}[data-theme=dark] .theme-dot{background:var(--accent)}.canvas{width:min(var(--canvas-width),calc(100% - 48px));margin:0 auto;padding:0 0 24px;display:flex;flex-direction:column;gap:14px;overflow-x:clip}.canvas>*{width:100%;max-width:100%;min-width:0}.panel{position:relative;background:var(--bg-elevated);clip-path:var(--clip-panel);scroll-margin-top:calc(var(--header-height) + 16px);transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.panel[data-reveal]{opacity:0;transform:translateY(12px)}.panel[data-reveal].is-visible{opacity:1;transform:translateY(0)}.panel__header{display:flex;align-items:baseline;justify-content:space-between;padding:24px 28px 0}.panel__title{font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:-.02em;color:var(--text-secondary)}.panel__count{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.hero{position:relative;display:flex;flex-direction:column;height:800px;margin-bottom:40px;padding-top:calc(var(--header-height) + 100px);scroll-margin-top:var(--header-height);opacity:0;transform:translateY(12px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.hero.is-visible{opacity:1;transform:translateY(0)}.hero__inner{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:min(920px,calc(100% - 48px));margin:0 auto;min-height:0;padding-bottom:4px}.hero__headline{position:relative;z-index:1;text-align:center;max-width:14ch;margin-bottom:0;font-size:clamp(32px,4.5vw,48px)}.hero__scene{position:relative;z-index:2;flex:0 0 auto;width:100%;margin-top:-8px;display:flex;align-items:flex-end;justify-content:center}.hero__figure{position:relative;z-index:3;margin:0;line-height:0}.hero__figure img{display:block;width:auto;height:420px;max-width:min(100%,520px);object-fit:contain;object-position:bottom center}.hero__preview{position:absolute;z-index:3;display:flex;flex-direction:column;gap:6px;width:132px;transition:transform var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.hero__preview:hover{transform:translateY(-2px)}.hero__preview:hover .hero__preview-thumb{transform:scale(1.02)}}.hero__preview--left{left:15%;bottom:108px}.hero__preview--right{right:15%;top:calc(var(--header-height) + 48px);align-items:flex-end;text-align:right}.hero__preview-thumb{overflow:hidden;width:132px;height:132px;background:var(--bg-elevated);clip-path:var(--clip-sm);transition:transform var(--duration-fast) var(--ease-out)}.hero__preview-thumb img{display:block;width:100%;height:100%;object-fit:cover}.hero__preview-name{font-size:13px;font-weight:600;letter-spacing:-.02em}.hero__preview-desc{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);letter-spacing:.04em}.hero__callout{position:absolute;width:148px;height:24px;color:#fff;opacity:.92;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.14))}.hero__callout--left{left:100%;top:66px;margin-left:8px}.hero__callout--right{right:100%;top:66px;margin-right:8px}.hero__dock{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(var(--canvas-width),calc(100% - 48px));margin:40px auto 0;padding:0 0 20px}.hero__dock-meta{display:flex;align-items:center;gap:12px}.hero__tz{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--text-tertiary)}.hero__stack{display:flex;align-items:center;gap:clamp(16px,4vw,32px)}.hero__stack li{font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:-.02em;color:var(--text);opacity:.45;transition:opacity var(--duration-fast) var(--ease)}@media(hover:hover)and (pointer:fine){.hero__stack li:hover{opacity:1}}.hero__coord{justify-self:end;font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);letter-spacing:.02em}.meta-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--text-secondary)}.meta-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:#22c55e}.hero__dock-meta .clock{font-family:var(--font-mono);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text-secondary)}@media(max-width:720px){.hero__preview{display:none}.hero__headline{max-width:18ch}.hero__dock{grid-template-columns:1fr;text-align:center;gap:12px}.hero__dock-meta,.hero__coord{justify-content:center;justify-self:center}.hero__stack{justify-content:center;flex-wrap:wrap}}.contrib-block{padding:18px 22px 20px;background:var(--bg-elevated);clip-path:var(--clip-sm);overflow:hidden;transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.contrib-block[data-reveal]{opacity:0;transform:translateY(10px)}.contrib-block[data-reveal].is-visible{opacity:1;transform:translateY(0)}.contrib-block__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.contrib-block__stat{font-size:12px;color:var(--text-secondary)}.contrib-block__stat strong{font-weight:600;color:var(--text)}.contrib-block__link{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease)}@media(hover:hover)and (pointer:fine){.contrib-block__link:hover{color:var(--accent)}}.contrib-chart{width:100%;max-width:100%;overflow:hidden}.contrib-chart__body--months{margin-bottom:6px}.contrib-chart__days-spacer{width:20px;flex-shrink:0}.contrib-chart__months{flex:1;min-width:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary)}.contrib-chart__body{display:flex;gap:8px;min-width:0;width:100%;max-width:100%}.contrib-chart__days{display:grid;grid-template-rows:repeat(7,1fr);width:20px;flex-shrink:0;font-family:var(--font-mono);font-size:9px;line-height:1;color:var(--text-tertiary)}.contrib-chart__days span{display:flex;align-items:center}.contrib-chart__days span:nth-child(1){grid-row:2}.contrib-chart__days span:nth-child(2){grid-row:4}.contrib-chart__days span:nth-child(3){grid-row:6}.contrib-chart__grid{flex:1;min-width:0;display:grid;grid-template-rows:repeat(7,auto);grid-template-columns:repeat(53,minmax(0,1fr));grid-auto-flow:column;gap:2px;width:100%;max-width:100%}.contrib-cell{display:block;width:100%;min-width:0;aspect-ratio:1;border-radius:2px;background:var(--contrib-empty)}.contrib-cell--0{background:var(--contrib-empty)}.contrib-cell--1{background:var(--contrib-1)}.contrib-cell--2{background:var(--contrib-2)}.contrib-cell--3{background:var(--contrib-3)}.contrib-cell--4{background:var(--contrib-4)}@media(hover:hover)and (pointer:fine){.contrib-chart__grid .contrib-cell:hover{box-shadow:inset 0 0 0 1px var(--text-tertiary)}}.contrib-chart__legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:10px;font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary)}.contrib-chart__legend .contrib-cell{width:10px;height:10px;aspect-ratio:auto}.panel--work{padding-bottom:8px}.project-list{padding:16px 8px 8px}.project+.project{margin-top:4px}.project__link{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:16px;padding:16px 20px;border-radius:4px;transition:background var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.project__link:hover{background:var(--accent-soft)}.project__link:hover .project__arrow{opacity:1;transform:translate(2px,-2px)}}.project__thumb{overflow:hidden;width:64px;height:64px;clip-path:var(--clip-sm);background:var(--bg-muted);flex-shrink:0}.project__thumb img{display:block;width:100%;height:100%;object-fit:cover}.project__name{font-family:var(--font-ui);font-size:15px;font-weight:600;letter-spacing:-.02em;margin-bottom:2px}.project__desc{font-size:14px;line-height:1.45;color:var(--text-secondary);margin-bottom:4px}.project__meta{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.project__arrow{font-size:16px;color:var(--accent);opacity:0;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.panel--experience{padding-bottom:8px}.accordion{padding:12px 8px 8px}.accordion__item+.accordion__item{margin-top:4px}.accordion__trigger{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;width:100%;padding:16px 20px;text-align:left;border-radius:4px}.accordion__item:not(.is-open) .accordion__trigger{grid-template-columns:1fr auto}.accordion__item:not(.is-open) .accordion__company,.accordion__item:not(.is-open) .accordion__period{display:none}.accordion__role{font-family:var(--font-ui);font-size:15px;font-weight:600;letter-spacing:-.01em}.accordion__company{font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--text-secondary)}.accordion__period{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.accordion__toggle{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);width:24px;text-align:center}.accordion__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.645,.045,.355,1)}.accordion__item.is-open .accordion__content{grid-template-rows:1fr}.accordion__item:not(.is-open) .accordion__content-inner{visibility:hidden}.accordion__item.is-open .accordion__content-inner{visibility:visible}@media(prefers-reduced-motion:reduce){.accordion__content{transition:none}}.accordion__content-inner{overflow:hidden;min-height:0;padding:0 20px}.accordion__item.is-open .accordion__content-inner{padding-bottom:14px}.accordion__content-inner p{font-size:12px;line-height:1.45;color:var(--text-secondary);margin-bottom:8px}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list li{padding:3px 8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-muted);clip-path:polygon(0 3px,3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px))}.panel--about{padding-bottom:12px}.about{padding:8px 8px 16px}.about__grid{display:grid;grid-template-columns:minmax(0,1fr) min(240px,38%);gap:clamp(24px,4vw,40px);align-items:start;padding:8px 20px 20px}.about__lead{font-size:17px;font-weight:500;line-height:1.5;letter-spacing:-.02em;color:var(--text);margin-bottom:24px}.about__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;padding:16px 18px;margin-bottom:24px;background:var(--bg-muted);clip-path:var(--clip-sm)}.about__fact dt{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px}.about__fact dd{font-size:13px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.about__body{display:flex;flex-direction:column;gap:14px;margin-bottom:20px}.about__body p{font-size:14px;line-height:1.6;color:var(--text-secondary)}.about__interests{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.about__interests li{font-family:var(--font-mono);font-size:9px;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-muted);padding:6px 10px;clip-path:polygon(0 3px,3px 0,calc(100% - 3px) 0,100% 3px,100% calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,0 calc(100% - 3px))}.about__signoff{margin-top:4px}.about__signature{display:block;height:54px;width:auto;max-width:210px;object-fit:contain;object-position:left center}.about__signature--dark,[data-theme=dark] .about__signature--light{display:none}[data-theme=dark] .about__signature--dark{display:block}.about__portrait{position:sticky;top:calc(var(--header-height) + 24px);margin:0}.about__portrait-frame{overflow:hidden;background:var(--bg-muted);clip-path:var(--clip-sm);line-height:0}.about__portrait-frame img{display:block;width:100%;height:auto;object-fit:cover;object-position:center top;aspect-ratio:4 / 5}.about__portrait-caption{display:flex;justify-content:flex-end;margin-top:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--text-tertiary)}@media(max-width:640px){.about__grid{grid-template-columns:1fr;padding-inline:16px}.about__portrait{position:static;order:-1;max-width:280px;margin:0 auto}.about__facts{grid-template-columns:1fr 1fr}}.site-footer{margin-top:8px;scroll-margin-top:calc(var(--header-height) + 16px);opacity:0;transform:translateY(12px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.site-footer.is-visible{opacity:1;transform:translateY(0)}.site-footer__inner{width:min(var(--canvas-width),calc(100% - 48px));margin:0 auto 48px;background:var(--bg-elevated);clip-path:var(--clip-panel);overflow:hidden}.site-footer__top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;padding:36px 32px 32px}.site-footer__eyebrow{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.site-footer__cta{position:relative;display:flex;flex-direction:column;gap:4px;padding:16px 20px;min-width:240px;background:var(--accent);color:var(--accent-text);clip-path:var(--clip-sm);transition:transform var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.site-footer__cta:hover{transform:translateY(-2px)}}.site-footer__cta:active{transform:scale(.98)}.site-footer__cta-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.site-footer__cta-arrow{position:absolute;right:20px;bottom:16px;font-size:18px}.site-footer__marquee{overflow:hidden;background:var(--bg-muted)}.site-footer__marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.site-footer__marquee-track span{flex-shrink:0;padding:10px 0;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary);white-space:nowrap}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.site-footer__marquee-track{animation:none;width:100%;justify-content:center}.site-footer__marquee-track span:last-child{display:none}}.site-footer__bottom{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;padding:16px 32px}.site-footer__meta{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.site-footer__dot{opacity:.4}.site-footer__links{display:flex;gap:16px}.site-footer__links a{font-family:var(--font-ui);font-size:12px;font-weight:500;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease)}@media(hover:hover)and (pointer:fine){.site-footer__links a:hover{color:var(--accent)}}.site-footer__clock{font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-tertiary)}::view-transition-old(root),::view-transition-new(root){animation-duration:.55s;animation-timing-function:cubic-bezier(.23,1,.32,1);mix-blend-mode:normal}::view-transition-old(root){z-index:0;animation:none}::view-transition-new(root){z-index:1;animation:none}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.01ms}}@media(min-width:900px){:root{--canvas-width: 720px}.hero__figure img{height:440px}}@media(min-width:1200px){:root{--canvas-width: 760px}}