:root{color-scheme:light;--paper:#f4f5f3;--paper-raised:#fbfcfa;--paper-hover:#e9ece9;--ink:#202832;--body-copy:#3c444d;--muted:#626a67;--line:#d5d9d5;--line-strong:#bbc2bd;--accent:#356e9a;--accent-dark:#28597e;--secondary:#66598f;--signal:#835119;--signal-soft:#f1e4cf;--signal-line:#ddc69e;--code:#20252d;--code-text:#eef1f4;--inline-code:#e6e9e5;--portrait-bg:#e1e4df;--placeholder:#e7eae6;--placeholder-line:#cbd1cc;--placeholder-text:#6b716e;--media-dark:#11151b;--overlay:rgba(15, 19, 25, .8);--control:#fbfcfa;--control-ink:#202832;--shadow:rgba(35, 43, 48, .16);--radius:3px;--content-width:1120px;--gutter:24px;--section-inset:clamp(16px, 2vw, 24px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper:#141820;--paper-raised:#1c222b;--paper-hover:#252d38;--ink:#f0f3f7;--body-copy:#d1d7df;--muted:#9da7b4;--line:#343e4b;--line-strong:#4b5969;--accent:#76b7f2;--accent-dark:#9acbfa;--secondary:#b6a4f4;--signal:#edb46b;--signal-soft:#3a2c20;--signal-line:#6b5030;--code:#0b0e14;--code-text:#e9edf3;--inline-code:#242b35;--portrait-bg:#2a303b;--placeholder:#202731;--placeholder-line:#3b4654;--placeholder-text:#a4adba;--media-dark:#090c11;--overlay:rgba(9, 12, 17, .84);--control:#f5f8fc;--control-ink:#19232d;--shadow:rgba(0, 0, 0, .46)}}:root[data-theme=dark]{color-scheme:dark;--paper:#141820;--paper-raised:#1c222b;--paper-hover:#252d38;--ink:#f0f3f7;--body-copy:#d1d7df;--muted:#9da7b4;--line:#343e4b;--line-strong:#4b5969;--accent:#76b7f2;--accent-dark:#9acbfa;--secondary:#b6a4f4;--signal:#edb46b;--signal-soft:#3a2c20;--signal-line:#6b5030;--code:#0b0e14;--code-text:#e9edf3;--inline-code:#242b35;--portrait-bg:#2a303b;--placeholder:#202731;--placeholder-line:#3b4654;--placeholder-text:#a4adba;--media-dark:#090c11;--overlay:rgba(9, 12, 17, .84);--control:#f5f8fc;--control-ink:#19232d;--shadow:rgba(0, 0, 0, .46)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:var(--accent-dark);text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent);text-underline-offset:.22em;text-decoration-thickness:1px}a:hover{color:var(--accent);text-decoration-color:initial}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:1px}.shell{width:100%;max-width:calc(var(--content-width) + var(--gutter) + var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.home-shell{max-width:calc(960px + var(--gutter) + var(--gutter))}.skip-link{position:fixed;inset:12px auto auto 12px;z-index:20;padding:8px 12px;color:var(--paper-raised);background:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:32px}.header-actions{display:flex;align-items:center;gap:24px}.site-name{color:var(--ink);font-size:1rem;font-weight:720;letter-spacing:-.015em;text-decoration:none}nav{display:flex;gap:28px}nav a{color:var(--muted);font-size:.92rem;text-decoration:none}nav a[aria-current=page],nav a:hover{color:var(--ink)}nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.45em}.theme-toggle{position:relative;flex:none;width:52px;height:30px;padding:0;color:var(--muted);background:var(--paper-raised);border:1px solid var(--line-strong);border-radius:999px;cursor:pointer}.theme-toggle::before{position:absolute;inset:4px auto auto 4px;width:20px;height:20px;content:"";background:var(--accent);border-radius:50%;box-shadow:0 2px 6px var(--shadow);transition:transform .18s ease}.theme-toggle svg{position:absolute;z-index:1;top:7px;width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.theme-sun{left:7px;color:#fff}.theme-moon{right:7px}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px}:root[data-theme=dark] .theme-toggle::before{transform:translateX(22px)}:root[data-theme=dark] .theme-sun{color:var(--muted)}:root[data-theme=dark] .theme-moon{color:var(--control-ink)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle::before{transform:translateX(22px)}:root:not([data-theme=light]) .theme-sun{color:var(--muted)}:root:not([data-theme=light]) .theme-moon{color:var(--control-ink)}}.intro{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,72px);padding-block:72px 78px;padding-inline:var(--section-inset)}.portrait-frame{aspect-ratio:1;overflow:hidden;border-radius:50%;background:var(--portrait-bg)}.portrait-frame img{width:100%;height:100%;object-fit:cover}.portrait-placeholder,.media-slot{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--placeholder-text);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent 45%),repeating-linear-gradient(135deg,transparent 0 18px,color-mix(in srgb,var(--ink) 5%,transparent) 18px 19px),var(--placeholder);border:1px solid var(--placeholder-line);text-align:center}.portrait-placeholder span,.media-slot span{font-size:.88rem;font-weight:650;letter-spacing:.02em}.portrait-placeholder small,.media-slot small{max-width:90%;overflow-wrap:anywhere;font-size:.68rem;opacity:.72}.eyebrow{margin:0 0 13px;color:var(--accent-dark);font-size:.75rem;font-weight:720;line-height:1.4;letter-spacing:.025em}h1,h2,h3{margin-top:0;font-weight:675;line-height:1.12;letter-spacing:-.035em}.intro h1{margin-bottom:19px;font-size:clamp(2.15rem,4vw,2.85rem)}.intro-text{max-width:690px;margin:0;color:var(--muted);font-size:1.06rem;line-height:1.65}.intro-text+.intro-text{margin-top:.75em}.intro-links{display:flex;flex-wrap:wrap;gap:14px 26px;margin-top:32px;font-size:.93rem;font-weight:630}.file-type{margin-left:4px;color:var(--muted);font-size:.64rem;letter-spacing:.08em;vertical-align:.1em}.home-section{padding-block:74px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px;padding-inline:var(--section-inset)}.section-heading h2{margin:0;font-size:clamp(1.75rem,3vw,2.5rem)}.section-heading>a{font-size:.9rem}.section-heading>p{margin:0;color:var(--muted);font-size:.86rem}.featured-card{display:block;background:var(--paper-raised);border:1px solid var(--line)}.featured-media{display:block;aspect-ratio:1.92/1;color:inherit;text-decoration:none;overflow:hidden}.featured-image{width:100%;height:100%;object-fit:cover;transition:filter .18s ease}.featured-copy{display:grid;grid-template-columns:.85fr 1.2fr auto;align-items:end;gap:clamp(28px,5vw,68px);padding:29px 32px 32px}.featured-copy h3{margin:0;font-size:1.8rem}.project-kind{margin:10px 0 14px;color:var(--accent-dark);font-size:.85rem;font-weight:650}.featured-copy .project-kind{margin-bottom:0}.featured-copy h3,.compact-list h3,.project-row h2,.post-row h2,.post-row h3{color:var(--ink)}.featured-summary>p:first-child{margin:0;color:var(--muted);font-size:.96rem;line-height:1.6}.featured-summary .tech-line{margin-bottom:0}.text-link{color:var(--accent-dark);white-space:nowrap;font-size:.9rem;font-weight:650}.compact-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,28px);margin-top:36px}.compact-card{display:flex;min-width:0;flex-direction:column;padding-bottom:22px;border-bottom:1px solid var(--line)}.compact-media{aspect-ratio:16/9;margin-bottom:22px;overflow:hidden;background:var(--media-dark);border:1px solid var(--line);transition:border-color .18s ease}.compact-image{width:100%;height:100%;object-fit:cover;transition:filter .18s ease}.compact-card article{display:flex;flex:1;flex-direction:column}.compact-list h3{margin-bottom:0;font-size:1.28rem}.compact-list article>p:not(.project-kind,.tech-line){margin:0;color:var(--muted);font-size:.92rem}.compact-list .tech-line{margin:auto 0 0;padding-top:20px}.post-list{border-top:1px solid var(--line)}.post-row{display:grid;grid-template-columns:1fr auto;gap:32px;padding:26px var(--section-inset)28px;border-bottom:1px solid var(--line)}.featured-card,.compact-card,.post-row,.project-row{color:inherit;text-decoration:none;transition:background-color .18s ease,border-color .18s ease}.featured-card:hover,.post-row:hover,.project-row:hover{color:inherit;background:var(--paper-hover);border-color:var(--line-strong)}.featured-card:hover .featured-image{filter:brightness(.92)}.compact-card:hover{color:inherit;border-color:var(--line-strong)}.compact-card:hover .compact-media{border-color:var(--line-strong)}.compact-card:hover .compact-image{filter:brightness(.9)}.post-row h2,.post-row h3{margin:5px 0 9px;font-size:clamp(1.25rem,2.5vw,1.75rem)}.post-row p{max-width:760px;margin:0;color:var(--muted);font-size:.94rem}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.73rem !important;letter-spacing:.025em}.post-arrow{color:var(--secondary);font-size:1.35rem}.sample-badge{color:var(--signal);background:var(--signal-soft);border:1px solid var(--signal-line);padding:2px 7px;font-size:.63rem}.tag-line{margin-top:12px !important;color:var(--secondary) !important;font-size:.76rem !important;letter-spacing:.025em}.page-wrap,.project-page,.article-page,.resume-page{padding-block:82px 110px}.page-header{max-width:780px;margin-bottom:66px;padding-inline:var(--section-inset)}.page-header h1,.project-header h1,.article-header h1{margin-bottom:22px;font-size:clamp(2.3rem,5vw,3.5rem)}.page-header>p:last-child,.lede{margin:0;color:var(--muted);font-size:clamp(1.06rem,2vw,1.28rem);line-height:1.65}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:minmax(260px,1.08fr)minmax(280px,.92fr);gap:clamp(34px,6vw,80px);padding-block:48px;border-bottom:1px solid var(--line)}.project-row-media{display:block;aspect-ratio:1.65/1;overflow:hidden}.project-thumb{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.project-row:hover .project-thumb{transform:scale(1.015)}.project-row-copy{align-self:center;padding-inline:var(--section-inset)}.project-row-copy h2{margin-bottom:18px;font-size:clamp(1.7rem,3vw,2.35rem)}.project-row-copy>p:not(.eyebrow,.tech-line){color:var(--muted)}.tech-line{margin:20px 0;color:var(--secondary);font-size:.78rem;line-height:1.5;letter-spacing:.025em}.project-header,.article-header{max-width:900px;margin-bottom:47px}.project-header{padding-inline:var(--section-inset)}.project-meta{margin:-8px 0 22px;color:var(--muted);font-size:.85rem}.project-facts{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:27px;color:var(--muted);font-size:.85rem}.project-hero{margin:0 0 84px}.project-hero-image{width:100%;height:auto}figcaption{margin-top:10px;color:var(--muted);font-size:.78rem;line-height:1.5}.article-grid{display:grid;grid-template-columns:180px minmax(0,720px);justify-content:center;gap:clamp(42px,7vw,90px)}.article-aside{align-self:start;padding-top:7px;color:var(--muted);font-size:.75rem;line-height:1.45}.article-aside p{margin:0 0 4px;letter-spacing:.025em}.article-aside strong{display:block;margin-bottom:24px;color:var(--ink);font-size:.8rem;font-weight:650}.article-toc{position:sticky;top:26px}.article-toc nav{display:block}.article-toc nav ul{margin:12px 0 0;padding:0;list-style:none}.article-toc nav ul ul{margin:5px 0 0 12px}.article-toc nav a{display:block;padding-block:4px;color:var(--muted);font-size:.74rem;line-height:1.35}.prose{min-width:0;padding-inline:var(--section-inset)}.prose>:first-child{margin-top:0}.prose h2{margin:2.5em 0 .75em;font-size:1.85rem}.prose h3{margin:2.1em 0 .7em;font-size:1.35rem;letter-spacing:-.02em}.prose p,.prose li{color:var(--body-copy)}.prose p{margin:1.1em 0}.prose ul,.prose ol{padding-left:1.35em}.prose li+li{margin-top:.35em}.prose blockquote{margin:2em 0;padding:2px 0 2px 23px;border-left:2px solid var(--accent);color:var(--muted)}.prose blockquote p{color:inherit}.prose blockquote code{color:var(--body-copy)}.prose code{padding:.12em .32em;border-radius:3px;background:var(--inline-code);font-family:cascadia code,sfmono-regular,Consolas,monospace;font-size:.86em}.prose pre{overflow-x:auto;margin:2em 0;padding:22px 24px;border-radius:var(--radius);background:var(--code) !important;line-height:1.55}.prose pre code{padding:0;color:var(--code-text);background:0 0;font-size:.82rem}.prose hr{margin:3em 0;border:0;border-top:1px solid var(--line)}.prose table{width:100%;border-collapse:collapse;font-size:.9rem}.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.video-embed{margin:2em 0;aspect-ratio:16/9;background:var(--media-dark)}.video-embed button{position:relative;width:100%;height:100%;padding:0;overflow:hidden;color:#fff;background:0 0;border:0;cursor:pointer}.video-embed img,.video-embed iframe{width:100%;height:100%;border:0;object-fit:cover}.video-embed button:hover img{filter:brightness(.86)}.video-embed button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.screenshots{margin-top:96px;padding-top:64px;border-top:1px solid var(--line)}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}.screenshot-grid figure{margin:0}.screenshot-image{width:100%;height:auto;aspect-ratio:1.78/1;object-fit:cover}.screenshot-image-contain{background:#fff;object-fit:contain}.screenshot-grid figure:first-child:nth-last-child(odd){grid-column:1/-1}.screenshots-narrow{max-width:720px;margin-inline:auto}.screenshots-narrow .screenshot-grid{grid-template-columns:1fr}.screenshots-narrow .screenshot-image{aspect-ratio:auto}.screenshots-narrow .screenshot-grid figure:first-child:nth-last-child(odd){grid-column:auto}.article-header{margin-inline:auto;padding-bottom:48px;text-align:center;border-bottom:1px solid var(--line)}.article-header h1{max-width:880px;margin-inline:auto;font-size:clamp(2.35rem,5vw,3.7rem)}.article-header .lede{max-width:720px;margin-inline:auto}.article-header .tag-line{margin-top:22px !important}.sample-notice{display:inline-block;margin:0 0 27px;padding:7px 10px;color:var(--signal);background:var(--signal-soft);border:1px solid var(--signal-line);font-size:.73rem;letter-spacing:.02em}.article-page .article-grid,.project-page .article-grid{position:relative;display:block;max-width:720px;margin-inline:auto}.article-page .article-grid{margin-top:72px}.article-page .article-aside,.project-page .article-aside{position:absolute;top:0;right:calc(100% + clamp(42px,7vw,90px));width:180px}.system-flow{width:min(calc(100vw - var(--gutter) * 2),1040px);margin:2.7em 0 2.9em 50%;transform:translateX(-50%)}.flow-lane+.flow-lane{margin-top:18px}.flow-label{margin:0 0 8px !important;color:var(--muted) !important;font-size:.75rem;font-weight:650;letter-spacing:.025em}.flow-lane ol{display:grid;grid-template-columns:repeat(var(--flow-count,4),minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.flow-lane:nth-child(2) ol{--flow-count:5}.flow-lane li{position:relative;min-width:0;padding:15px 13px;background:var(--paper-raised);border:1px solid var(--line)}.flow-lane li:not(:last-child)::after{position:absolute;top:50%;left:calc(100% + 7px);width:10px;color:var(--secondary);content:"→";line-height:1;transform:translateY(-50%)}.flow-lane strong,.flow-lane span{display:block}.flow-lane strong{color:var(--ink);font-size:.84rem;line-height:1.3}.flow-lane span{margin-top:5px;color:var(--muted);font-size:.69rem;line-height:1.35}.system-flow figcaption{margin-top:12px}.project-page .system-flow{width:100%;margin-left:0;transform:none}.comparison{margin:2.4em 0}.comparison-frame{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--media-dark);touch-action:pan-y;user-select:none}.comparison-frame:focus-within{outline:2px solid var(--accent);outline-offset:3px}.comparison-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-divider{position:absolute;z-index:2;inset:0 auto 0 var(--split);width:3px;background:rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(0,0,0,.25),0 0 16px rgba(0,0,0,.28);pointer-events:none;transform:translateX(-1.5px)}.comparison-handle{position:absolute;top:50%;left:50%;display:grid;width:52px;height:52px;place-items:center;color:var(--control-ink);background:var(--control);border:2px solid color-mix(in srgb,var(--accent) 55%,white);border-radius:50%;box-shadow:0 5px 20px var(--shadow);transform:translate(-50%,-50%);transition:color .18s ease,transform .18s ease,box-shadow .18s ease}.comparison-handle svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.comparison-frame:hover .comparison-handle,.comparison-frame:focus-within .comparison-handle{color:var(--accent-dark);box-shadow:0 7px 24px var(--shadow);transform:translate(-50%,-50%)scale(1.06)}.comparison-label{position:absolute;z-index:3;top:12px;padding:5px 8px;border-radius:2px;color:#fff;background:var(--overlay);font-size:.75rem;line-height:1;pointer-events:none}.comparison-label-left{left:12px}.comparison-label-right{right:12px}.comparison-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.resume-header{margin-bottom:72px;padding-inline:var(--section-inset)}.resume-header>div{max-width:690px}.resume-header h1{margin-bottom:16px;font-size:clamp(2.3rem,5vw,3.5rem)}.resume-section{padding:32px var(--section-inset)46px;border-top:1px solid var(--line)}.resume-section>h2{margin-bottom:30px;font-size:1.45rem}.resume-entry{display:grid;grid-template-columns:170px minmax(0,1fr);gap:34px}.resume-entry+.resume-entry{margin-top:34px}.resume-period{margin:3px 0 0;color:var(--muted);font-size:.83rem}.resume-entry h3{margin-bottom:4px;font-size:1.18rem;letter-spacing:-.02em}.resume-organization{margin:0;color:var(--accent-dark);font-size:.9rem}.resume-summary{max-width:680px;margin:9px 0 0;color:var(--muted);font-size:.94rem}.resume-focus{margin:0}.resume-focus>div{display:grid;grid-template-columns:170px minmax(0,680px);gap:34px}.resume-focus>div+div{margin-top:24px}.resume-focus dt{font-size:.94rem;font-weight:650}.resume-focus dd{margin:0;color:var(--muted);font-size:.94rem}.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--muted);font-size:.78rem}.footer-inner p{margin:0}.footer-links{display:flex;gap:10px}.footer-links a{display:grid;width:46px;height:46px;place-items:center;color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--ink)}.footer-links svg{width:30px;height:30px;fill:currentColor}@media(max-width:800px){:root{--content-width:680px;--gutter:20px}.header-inner{min-height:68px;align-items:flex-start;flex-direction:column;justify-content:center;gap:7px;padding-block:12px}.header-actions{width:100%;gap:14px}.header-actions nav{flex:1;justify-content:space-between;gap:13px}nav a{font-size:.86rem}.theme-toggle{height:38px}.theme-toggle::before{top:8px}.theme-toggle svg{top:11px}.intro{grid-template-columns:120px minmax(0,1fr);gap:28px;padding-block:52px 60px}.intro h1{font-size:2.2rem}.featured-copy{grid-template-columns:1fr;align-items:start;gap:17px}.compact-list{grid-template-columns:1fr;gap:38px}.compact-card{min-height:0;padding-bottom:30px}.project-row{grid-template-columns:1fr;gap:28px}.article-grid{display:block}.article-aside{display:none}.article-page .article-aside{display:none}.system-flow{width:100%;margin-inline:0;transform:none}.flow-lane ol,.flow-lane:nth-child(2) ol{grid-template-columns:1fr;gap:22px}.flow-lane li:not(:last-child)::after{top:calc(100% + 6px);left:50%;width:auto;transform:translateX(-50%)rotate(90deg)}.resume-header{margin-bottom:56px}}@media(max-width:540px){.intro{display:block;padding-block:40px 50px}.portrait-frame{width:108px;margin-bottom:24px}.intro h1{margin-bottom:16px;font-size:2rem}.intro-text{font-size:1rem}.intro-links{gap:10px 22px;margin-top:25px}.home-section{padding-block:55px}.featured-copy{padding:23px 20px 26px}.page-wrap,.project-page,.article-page,.resume-page{padding-block:58px 82px}.page-header{margin-bottom:46px}.page-header h1,.project-header h1,.article-header h1{font-size:2.25rem}.project-hero{margin-bottom:54px}.screenshot-grid{grid-template-columns:1fr}.screenshot-grid figure:first-child:nth-last-child(odd){grid-column:auto}.section-heading{align-items:flex-start;flex-direction:column;gap:7px}.comparison-handle{width:46px;height:46px}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding-block:22px}.resume-entry{grid-template-columns:1fr;gap:5px}.resume-focus>div{grid-template-columns:1fr;gap:5px}.resume-entry+.resume-entry{margin-top:30px}.resume-period:empty{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}