@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.css";:root{--bg-color: #ffffff;--surface-color: rgba(20, 20, 20, .04);--surface-color-strong: rgba(20, 20, 20, .08);--text-primary: #141414;--text-secondary: #514c47;--border-color: rgba(20, 20, 20, .12);--nav-color: #6f6a64;--footer-link: #6f6a64;--card-image-bg: #e5dfd7;--card-image-text: #141414;--card-image-subtle: rgba(20, 20, 20, .62);--toggle-bg: rgba(20, 20, 20, .05);--toggle-border: rgba(20, 20, 20, .12);--toggle-hover: rgba(20, 20, 20, .1);--timeline-line: rgba(20, 20, 20, .14);--timeline-dot: rgba(20, 20, 20, .4);--selection-bg: #d9d0c2;--selection-text: #111;color-scheme:light;--ease-out: cubic-bezier(.2, .8, .2, 1);--underline-ease: cubic-bezier(.65, 0, .35, 1)}html.dark{--bg-color: #000000;--surface-color: rgba(255, 255, 255, .05);--surface-color-strong: rgba(255, 255, 255, .1);--text-primary: #ededed;--text-secondary: #9a9a9a;--border-color: #1f1f1f;--nav-color: #737373;--footer-link: #737373;--card-image-bg: #0a0a0a;--card-image-text: #ffffff;--card-image-subtle: rgba(255, 255, 255, .7);--toggle-bg: rgba(255, 255, 255, .03);--toggle-border: rgba(255, 255, 255, .08);--toggle-hover: rgba(255, 255, 255, .08);--timeline-line: #262626;--timeline-dot: #525252;--selection-bg: #27272a;--selection-text: #fff;color-scheme:dark}*{box-sizing:border-box}html{background-color:var(--bg-color)}body{margin:0;min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input{font:inherit}#root{min-height:100vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.custom-p{font-size:.875rem;font-weight:460;line-height:1.25rem;letter-spacing:-.00563rem;color:var(--text-secondary)}.site-nav-link{-webkit-tap-highlight-color:transparent}.copy-link{position:relative;display:inline-block;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 32%,transparent);text-decoration-thickness:1px;text-underline-offset:.22em;transition:text-decoration-color .24s ease}.copy-link:hover{text-decoration-color:currentColor}.site-nav{display:flex;gap:1.25rem;font-size:14px;font-weight:500}.site-nav-wrap{display:flex;align-items:center;gap:.8rem}.site-nav-link{color:var(--nav-color);transition:color .3s ease}.site-nav-link:hover,.site-nav-link-active{color:var(--text-primary)}.brand-shimmer{color:transparent;background-image:linear-gradient(105deg,color-mix(in srgb,var(--text-primary) 82%,transparent),color-mix(in srgb,var(--text-primary) 82%,transparent) 38%,color-mix(in srgb,#ffffff 92%,var(--text-primary) 8%),color-mix(in srgb,var(--text-primary) 82%,transparent) 62%,color-mix(in srgb,var(--text-primary) 82%,transparent));background-size:220% 100%;background-position:140% 50%;-webkit-background-clip:text;background-clip:text;animation:brand-shimmer 3.2s linear infinite;transition:background-size .3s ease,filter .3s ease,transform .3s ease}@keyframes brand-shimmer{0%{background-position:140% 50%}to{background-position:-40% 50%}}.site-brand-link{display:inline-flex;align-items:center}.site-brand-link:hover .brand-shimmer{background-size:190% 100%;filter:brightness(1.08)}.fig-easter-egg{display:inline-flex;align-items:center;position:relative;overflow:visible;transform-origin:50% 70%;transition:transform .18s ease;padding:.32rem;margin:-.32rem}.fig-easter-egg img{transition:transform .18s ease;will-change:transform}.fig-easter-egg.is-animating{animation:fig-bounce .78s cubic-bezier(.2,.8,.2,1)}.about-photo-image{transform-origin:center center}@keyframes fig-bounce{0%{transform:translateY(0) scale(1) rotate(0)}18%{transform:translateY(-2px) scale(.94) rotate(-8deg)}38%{transform:translateY(-8px) scale(1.08) rotate(6deg)}58%{transform:translateY(0) scale(.98) rotate(-3deg)}76%{transform:translateY(-3px) scale(1.02) rotate(2deg)}to{transform:translateY(0) scale(1) rotate(0)}}.article-card,.project-card{transition:background-color .4s ease}.article-card:hover,.project-card:hover{background-color:color-mix(in srgb,var(--surface-color) 68%,var(--surface-color-strong) 32%)}.article-title,.project-title,.article-subtitle{transition:transform .4s var(--ease-out),color .3s ease}.article-card:hover .article-title,.project-card:hover .project-title{transform:translate(4px);color:#fff}.article-card:hover .article-subtitle{transform:translate(4px)}.article-arrow,.project-arrow{opacity:0;transform:translate(-10px);transition:all .4s var(--ease-out)}.project-arrow{transform:translate(-10px) translateY(10px)}.article-card:hover .article-arrow{opacity:1;transform:translate(0)}.project-card:hover .project-arrow{opacity:1;transform:translate(0) translateY(0)}.article-date{transition:color .3s ease}.article-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card:hover .article-date{color:#a3a3a3}.article-image-placeholder{position:relative;aspect-ratio:3 / 2;width:100%;background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--surface-color-strong) 74%,transparent) 0,transparent 34%),radial-gradient(circle at 76% 68%,color-mix(in srgb,var(--surface-color-strong) 78%,transparent) 0,transparent 36%),linear-gradient(140deg,color-mix(in srgb,var(--surface-color) 78%,transparent),color-mix(in srgb,var(--surface-color-strong) 72%,transparent));filter:blur(0px)}.article-image-placeholder-default{max-width:100%}.article-image-frame{position:relative;aspect-ratio:3 / 2;width:100%;background:color-mix(in srgb,var(--surface-color) 78%,transparent)}.article-image-frame-video{aspect-ratio:16 / 9}.article-image-frame-media{display:block;width:100%;height:100%}.article-image-frame-media-cover{object-fit:cover;object-position:center}.article-image-frame-media-contain{object-fit:contain;object-position:center;background:color-mix(in srgb,var(--surface-color) 78%,transparent)}@media(min-width:768px){.article-image-placeholder-wide,.article-image-frame-wide,.tonemapping-demo-shell-wide,.tonemapping-demo-launch-wide,.article-comparison-wide{width:min(calc(100% + 16rem),78rem);max-width:none;margin-left:50%;margin-right:0;transform:translate(-50%)}}.article-comparison{position:relative;aspect-ratio:3 / 2;width:100%;background:color-mix(in srgb,var(--surface-color) 78%,transparent);margin-bottom:.25rem}.article-comparison-stage{position:relative;width:100%;height:100%;-webkit-user-select:none;user-select:none;overflow:hidden}.article-comparison-image,.article-comparison-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.article-comparison-image{display:block;object-fit:cover;object-position:center}.article-comparison-overlay{overflow:hidden}.article-comparison-label{position:absolute;top:1rem;z-index:4}.article-comparison-label-left{left:1rem}.article-comparison-label-right{right:1rem}.article-comparison-label span{display:inline-flex;align-items:center;min-height:1.75rem;padding:.35rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--bg-color) 76%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent);color:var(--text-secondary);font-size:.72rem;font-weight:560;letter-spacing:.02em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.article-comparison-divider{position:absolute;inset:0 auto 0 0;width:0;border-left:1px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px #00000014;z-index:2;pointer-events:none}.article-comparison-handle-wrap{position:absolute;top:50%;left:0;transform:translate(calc(-50% + .5px),-50%);pointer-events:none}.article-comparison-handle{width:2.1rem;height:2.1rem;border-radius:999px;background:color-mix(in srgb,var(--bg-color) 76%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent);box-shadow:0 10px 26px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center}.article-comparison-handle span{position:relative;display:block;width:.82rem;height:.82rem}.article-comparison-handle span:before,.article-comparison-handle span:after{content:"";position:absolute;top:50%;width:.3rem;height:.3rem;border-top:1.5px solid var(--text-primary);border-right:1.5px solid var(--text-primary)}.article-comparison-handle span:before{left:.04rem;transform:translateY(-50%) rotate(-135deg)}.article-comparison-handle span:after{right:.04rem;transform:translateY(-50%) rotate(45deg)}.article-comparison-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:col-resize;z-index:3}.article-comparison-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.25rem;height:100%;background:transparent;border:none;cursor:col-resize}.article-comparison-range::-moz-range-thumb{width:2.25rem;height:100%;background:transparent;border:none;border-radius:0;cursor:col-resize}.article-comparison-range::-webkit-slider-runnable-track,.article-comparison-range::-moz-range-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.tonemapping-demo-shell{position:relative;width:100%;overflow:visible}.tonemapping-demo-stage{position:relative;aspect-ratio:3 / 2;width:100%;background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--surface-color-strong) 74%,transparent) 0,transparent 34%),linear-gradient(140deg,color-mix(in srgb,var(--surface-color) 78%,transparent),#000)}.tonemapping-demo-canvas,.tonemapping-demo-canvas-mount{position:absolute;top:0;right:0;bottom:0;left:0}.tonemapping-demo-canvas-mount canvas{display:block;width:100%;height:100%}.tonemapping-demo-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-color) 55%,transparent);color:var(--text-secondary);font-size:.82rem;letter-spacing:.02em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tonemapping-demo-floating-panel{position:absolute;top:2.25rem;right:-12.75rem;z-index:120;pointer-events:auto}.tonemapping-demo-floating-panel>div{position:relative!important;width:11.25rem;max-width:11.25rem}.tonemapping-demo-idle,.tonemapping-demo-idle-image,.tonemapping-demo-idle-overlay,.tonemapping-demo-idle-copy{position:absolute;top:0;right:0;bottom:0;left:0}.tonemapping-demo-idle{width:100%;border:0;padding:0;background:#000;color:#fff;cursor:pointer}.tonemapping-demo-idle-image{width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(10px) saturate(.92) brightness(.78);transform:scale(1.04)}.tonemapping-demo-idle-overlay{background:linear-gradient(180deg,#0000003d,#00000061 44%,#000000a3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tonemapping-demo-idle-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.55rem;padding:1.25rem;color:#fff;text-align:left;z-index:1}.tonemapping-demo-idle-kicker{display:inline-flex;align-items:center;width:fit-content;min-height:1.75rem;padding:.35rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--bg-color) 76%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent);color:var(--text-secondary);font-size:.72rem;font-weight:560;letter-spacing:.02em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tonemapping-demo-idle-copy h3{margin:0;max-width:24rem;font-size:1rem;font-weight:550;line-height:1.25;letter-spacing:-.01em}.tonemapping-demo-idle-copy p{margin:0;max-width:22rem;color:#ffffffc7;font-size:.84rem;line-height:1.4}.tonemapping-demo-launch{position:relative;display:block;width:100%;aspect-ratio:3 / 2;padding:0;background:#000;cursor:pointer;overflow:hidden;transition:transform .24s var(--ease-out),border-color .24s ease}.tonemapping-demo-launch:disabled{cursor:default}.tonemapping-demo-launch:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--border-color) 88%,var(--text-secondary) 12%)}.tonemapping-demo-launch-image,.tonemapping-demo-launch-overlay,.tonemapping-demo-launch-copy{position:absolute;top:0;right:0;bottom:0;left:0}.tonemapping-demo-launch-image{width:100%;height:100%;object-fit:cover;object-position:center}.tonemapping-demo-launch-overlay{background:linear-gradient(180deg,#00000024,#00000047 42%,#000000b8)}.tonemapping-demo-launch-copy{display:flex;flex-direction:column;justify-content:flex-end;gap:.55rem;padding:1.25rem;color:#fff}.tonemapping-demo-launch-kicker,.tonemapping-demo-launch-cta{display:inline-flex;align-items:center;width:fit-content;min-height:1.75rem;padding:.35rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--bg-color) 76%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tonemapping-demo-launch-kicker{color:var(--text-secondary);font-size:.72rem;font-weight:560;letter-spacing:.02em;text-transform:uppercase}.tonemapping-demo-launch-copy h3{margin:0;max-width:28rem;font-size:1rem;font-weight:550;line-height:1.25;letter-spacing:-.01em}.tonemapping-demo-launch-copy p{margin:0;max-width:26rem;color:#ffffffc7;font-size:.84rem;line-height:1.4}.tonemapping-demo-launch-cta{color:var(--text-primary);font-size:.75rem;font-weight:560;letter-spacing:.01em}@media(min-width:1200px){.article-comparison-wide{width:min(calc(100% + 22rem),86rem)}.article-image-placeholder-wide,.article-image-frame-wide,.tonemapping-demo-shell-wide,.tonemapping-demo-launch-wide{width:min(calc(100% + 22rem),86rem);max-width:none;margin-left:50%;margin-right:0;transform:translate(-50%)}}@media(max-width:1199px){.tonemapping-demo-floating-panel{position:static;width:100%;margin-top:1rem}.tonemapping-demo-floating-panel>div{width:100%;max-width:none}}.article-image-placeholder-grid,.article-image-placeholder-glow,.article-image-placeholder-caption{position:absolute;top:0;right:0;bottom:0;left:0}.article-image-placeholder-grid{background-image:linear-gradient(to right,color-mix(in srgb,var(--border-color) 38%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--border-color) 38%,transparent) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent);opacity:.52}.article-image-placeholder-glow{background:linear-gradient(120deg,transparent 0%,color-mix(in srgb,var(--text-primary) 8%,transparent) 45%,transparent 100%);mix-blend-mode:screen;filter:blur(20px)}.article-image-placeholder-caption{display:flex;align-items:flex-end;justify-content:flex-start;padding:1rem}.article-image-placeholder-caption span{display:inline-flex;align-items:center;min-height:1.75rem;padding:.35rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--bg-color) 76%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent);color:var(--text-secondary);font-size:.72rem;font-weight:560;letter-spacing:.02em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.article-section-image{margin-top:1rem;margin-bottom:.25rem}.home-work-logo-wrap{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.24rem}.home-work-logo{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform-origin:center;opacity:.72;transition:opacity .52s ease,transform .52s ease,filter .6s ease}.home-work-logo-stack{position:relative}.home-work-logo-dark{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}html.dark .home-work-logo-light{opacity:0}html.dark .home-work-logo-dark{opacity:.72}.article-card:hover .home-work-logo{opacity:1;transform:scale(1.04)}.work-card{transition:all .4s var(--ease-out);border:1px solid transparent}.work-card:hover{background-color:#ffffff05;border-color:#ffffff0d;transform:translateY(-2px)}.timeline-item{position:relative;padding-left:1.5rem}.timeline-item:before{content:"";position:absolute;left:0;top:.5rem;bottom:-1.5rem;width:1px;background-color:var(--timeline-line)}.timeline-item:last-child:before{bottom:0;height:0}.timeline-dot{position:absolute;left:-3px;top:.5rem;width:7px;height:7px;border-radius:50%;background-color:var(--timeline-dot);transition:background-color .3s ease}.timeline-item:hover .timeline-dot{background-color:var(--text-primary)}.skill-tag,.tag-badge{transition:all .3s ease}.skill-tag:hover{background-color:#262626;color:var(--text-primary)}.tag-badge:hover{background-color:#ffffff1a;color:#fff}.tag-badge.active{background-color:#fff;color:#000}.back-link{transition:color .3s ease,transform .3s ease}.back-link:hover{color:var(--text-primary);transform:translate(-2px)}.prose{display:flex;flex-direction:column;gap:.9rem;color:var(--text-secondary)}.prose h2{color:var(--text-primary);font-size:.95rem;font-weight:600;letter-spacing:-.01em;line-height:1.4rem;margin:1.25rem 0 .1rem}.prose h2:first-of-type{margin-top:0}.prose p{margin:0;font-size:.875rem;font-weight:460;line-height:1.25rem;letter-spacing:-.00563rem;color:var(--text-secondary)}.prose a{position:relative;display:inline-block;color:var(--text-primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 32%,transparent);text-decoration-thickness:1px;text-underline-offset:.22em;transition:text-decoration-color .24s ease}.prose a:hover{text-decoration-color:currentColor}.project-thumbnail{position:relative;overflow:hidden;background-color:var(--card-image-bg)}.project-thumbnail-placeholder{position:relative;width:100%;height:100%;background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--surface-color-strong) 64%,transparent) 0,transparent 32%),radial-gradient(circle at 78% 70%,color-mix(in srgb,var(--surface-color-strong) 68%,transparent) 0,transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--surface-color) 82%,transparent),color-mix(in srgb,var(--surface-color-strong) 76%,transparent));filter:grayscale(1);transition:opacity .35s ease,background .35s ease,filter .35s ease}.project-thumbnail-placeholder-grid,.project-thumbnail-placeholder-glow{position:absolute;top:0;right:0;bottom:0;left:0}.project-thumbnail-placeholder-grid{background-image:linear-gradient(to right,color-mix(in srgb,var(--border-color) 28%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--border-color) 28%,transparent) 1px,transparent 1px);background-size:2.75rem 2.75rem;opacity:.22}.project-thumbnail-placeholder-glow{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--text-secondary) 14%,transparent) 0,transparent 56%),radial-gradient(circle at 24% 30%,color-mix(in srgb,var(--text-primary) 7%,transparent) 0,transparent 28%);filter:blur(18px);opacity:.62}.group:hover .project-thumbnail-placeholder{opacity:.92;background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--surface-color-strong) 78%,transparent) 0,transparent 32%),radial-gradient(circle at 78% 70%,color-mix(in srgb,var(--surface-color-strong) 82%,transparent) 0,transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--surface-color) 94%,transparent),color-mix(in srgb,var(--surface-color-strong) 90%,transparent))}.site-footer-link{color:var(--footer-link);transition:color .3s ease}.site-footer-link:hover{color:var(--text-primary)}.site-footer-main-row{display:flex;align-items:center}.site-footer-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;white-space:nowrap}.site-footer-weather{display:inline-flex;align-items:center;gap:.45rem;color:var(--footer-link);user-select:none;-webkit-user-select:none}.site-footer-weather-current{display:inline-flex;align-items:center;gap:.22rem}.site-footer-weather-icon{width:1.35rem;height:1.35rem;opacity:.96;flex:0 0 auto}.site-footer-weather-temp,.site-footer-weather-label{color:inherit}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--footer-link);cursor:pointer;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.theme-toggle:hover{background:var(--toggle-bg);border-color:var(--toggle-border);color:var(--text-primary)}.theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:1rem}.noise-overlay{display:none}::selection{background-color:var(--selection-bg);color:var(--selection-text)}html:not(.dark) .text-neutral-100,html:not(.dark) .text-neutral-200,html:not(.dark) .text-neutral-300,html:not(.dark) .text-white{color:var(--text-primary)!important}html:not(.dark) .text-neutral-400,html:not(.dark) .text-neutral-500,html:not(.dark) .text-neutral-600,html:not(.dark) .text-white\/70{color:var(--text-secondary)!important}html:not(.dark) .bg-neutral-900,html:not(.dark) .bg-\[\#0a0a0a\]{background-color:var(--card-image-bg)!important}html:not(.dark) .bg-neutral-900\/30,html:not(.dark) .bg-neutral-900\/50,html:not(.dark) .bg-neutral-800\/50{background-color:var(--surface-color)!important}html:not(.dark) .bg-neutral-100{background-color:#141414!important;color:#f4f1ea!important}html:not(.dark) .border-neutral-700,html:not(.dark) .border-neutral-800,html:not(.dark) .border-neutral-800\/50,html:not(.dark) .border-neutral-800\/80,html:not(.dark) .border-neutral-900,html:not(.dark) .border-\[\#1a1a1a\]{border-color:var(--border-color)!important}html:not(.dark) .article-card:hover,html:not(.dark) .project-card:hover,html:not(.dark) .work-card:hover{background-color:color-mix(in srgb,var(--surface-color) 56%,var(--surface-color-strong) 44%)}html:not(.dark) .project-title:hover,html:not(.dark) .article-title:hover{color:var(--text-primary)}@media(max-width:768px){.project-thumbnail-overlay h2{font-size:1.5rem}}