:root{color-scheme:light;--color-paper:oklch(96% .018 82);--color-ink:oklch(20% .025 55);--color-muted:oklch(52% .025 70);--color-line:oklch(20% .025 55/.22);--color-accent:oklch(63% .16 28);--color-focus:oklch(48% .14 255);--font-body:ui-sans-serif, system-ui, sans-serif;--font-display:ui-serif, Georgia, serif;--font-mono:ui-monospace, monospace;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:5rem;--space-7:8rem;--size-small:.72rem;--size-body:1rem;--size-lead:clamp(1.4rem, 2.5vw, 2.4rem);--size-display:clamp(3rem, 8.4vw, 8.5rem);--size-rail:12rem;--size-content:96rem;--size-marker:.6rem;--size-hero-note:13rem;--size-column:16rem;--size-experience:30rem;--size-nav-mobile:.64rem;--size-nav-narrow:.56rem;--size-nav-gap:.45rem;--tracking-wide:.12em;--tracking-label:.09em;--tracking-link:.06em;--leading-body:1.45;--leading-tight:.94;--radius-full:50%;--border-rule:1px solid var(--color-line);--opacity-hidden:0;--ease-standard:cubic-bezier(.2, .8, .2, 1);--duration-fast:.18s;--duration-slow:.5s;--duration-reduced:.01ms}:root[data-theme=dark]{color-scheme:dark;--color-paper:oklch(19% .018 255);--color-ink:oklch(91% .018 85);--color-muted:oklch(70% .025 85);--color-line:oklch(91% .018 85/.22);--color-accent:oklch(66% .12 255);--color-focus:oklch(78% .1 255)}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--color-paper:oklch(19% .018 255);--color-ink:oklch(91% .018 85);--color-muted:oklch(70% .025 85);--color-line:oklch(91% .018 85/.22);--color-accent:oklch(66% .12 255);--color-focus:oklch(78% .1 255)}}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--size-body);line-height:var(--leading-body);margin:0}*,:before,:after{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover,a:active,.theme-toggle:hover,.theme-toggle:active{color:var(--color-accent)}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:.3rem}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-style:normal;font-weight:400;line-height:var(--leading-tight)}h1{font-size:var(--size-display);letter-spacing:-.06em;max-width:11ch}h2{font-size:var(--size-lead)}h3{font-size:clamp(1.5rem,3vw,2.5rem)}.skip-link{left:var(--space-2);z-index:5;background:var(--color-ink);color:var(--color-paper);padding:var(--space-1) var(--space-2);position:fixed;top:-5rem}.skip-link:focus{top:var(--space-2)}.side-rail{z-index:2;width:var(--size-rail);border-right:var(--border-rule);padding:var(--space-3);background:var(--color-paper);flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{font-family:var(--font-mono);font-size:var(--size-small);letter-spacing:var(--tracking-wide);font-weight:700}.wordmark span,.marker{color:var(--color-accent)}.primary-nav{min-width:0;display:grid}.nav-links{gap:var(--space-1);display:grid}.side-rail nav a,.language-switch,.nav-toggle{font-size:var(--size-small);text-transform:uppercase;letter-spacing:var(--tracking-label);white-space:nowrap}.side-rail nav a:before{content:"— ";color:var(--color-accent);opacity:var(--opacity-hidden);transition:opacity var(--duration-fast) var(--ease-standard)}.side-rail nav a:hover:before,.side-rail nav a:focus-visible:before{opacity:1}.nav-toggle{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;display:none}.nav-toggle:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:.3rem}.rail-meta{gap:var(--space-1);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--size-small);display:grid}.theme-toggle{color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0}main{margin-left:var(--size-rail)}.hero,.section-rule,footer{max-width:var(--size-content);padding:var(--space-6) clamp(var(--space-3), 6vw, var(--space-7));margin-inline:auto}.hero{min-height:100svh;padding-top:var(--space-5);align-content:space-between;display:grid}.eyebrow,.project-kind{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--size-small);letter-spacing:.08em;text-transform:uppercase}.hero-grid{grid-template-columns:minmax(0, 1fr) minmax(8rem, var(--size-column));gap:var(--space-5);align-items:end;display:grid}.hero-note{border-top:var(--border-rule);padding-top:var(--space-2);max-width:var(--size-hero-note)}.marker{width:var(--size-marker);height:var(--size-marker);border-radius:var(--radius-full);margin-bottom:var(--space-2);background:currentColor;display:block}.hero-note p{color:var(--color-muted);font-size:var(--size-small)}.hero-foot{border-top:var(--border-rule);padding-top:var(--space-2);font-family:var(--font-mono);font-size:var(--size-small);justify-content:space-between;display:flex}.hero-foot a,.project-link{white-space:nowrap}.section-rule{border-top:var(--border-rule)}.section-heading{grid-template-columns:minmax(0, 1fr) minmax(0, var(--size-column));gap:var(--space-4);margin-bottom:var(--space-5);display:grid}.section-aside{color:var(--color-muted);font-size:var(--size-small)}.project-row{gap:var(--space-3);border-top:var(--border-rule);padding:var(--space-3) 0;transition:padding var(--duration-fast) var(--ease-standard);grid-template-columns:4rem minmax(0,1.2fr) minmax(0,.8fr) auto;align-items:start;display:grid}.project-row:hover{padding-inline:var(--space-1)}.project-index{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--size-small)}.project-copy,.project-stack{gap:var(--space-1);min-width:0;display:grid}.project-copy p:last-child,.project-stack p:last-child,.experience-card p,.contact-links p{color:var(--color-muted);max-width:32rem}.project-link{font-family:var(--font-mono);font-size:var(--size-small);text-transform:uppercase;letter-spacing:var(--tracking-link)}.project-link span{color:var(--color-accent);margin-left:var(--space-1)}.project-link--quiet{color:var(--color-muted)}.experience-card{grid-template-columns:1rem minmax(0, var(--size-experience));gap:var(--space-3);padding-block:var(--space-4);display:grid}.experience-card .marker{margin-top:.3rem}.experience-card div{gap:var(--space-2);display:grid}.contact-grid{gap:var(--space-5);padding-top:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid}.contact-grid h2 a{color:var(--color-accent);overflow-wrap:anywhere}.contact-links{align-content:start;gap:var(--space-2);display:grid}.contact-links a,.contact-links span{font-family:var(--font-mono);font-size:var(--size-small)}.contact-links p{margin-top:var(--space-3)}footer{border-top:var(--border-rule);justify-content:space-between;gap:var(--space-2);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--size-small);display:flex}.experience-timeline{padding:0 0 0 var(--space-4);gap:0;margin:0;list-style:none;display:grid;position:relative}.experience-timeline:before{content:"";background:var(--color-line);width:1px;position:absolute;top:.5rem;bottom:.5rem;left:.32rem}.experience-entry{grid-template-columns:minmax(0, var(--size-experience));gap:var(--space-3);padding:0 0 var(--space-5);display:grid;position:relative}.experience-entry:last-child{padding-bottom:0}.experience-marker{left:calc(var(--space-4) * -1 + .08rem);border:1px solid var(--color-accent);border-radius:var(--radius-full);background:var(--color-paper);width:.55rem;height:.55rem;position:absolute;top:.35rem}.experience-content{gap:var(--space-1);min-width:0;display:grid}.experience-meta{gap:var(--space-2);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--size-small);flex-wrap:wrap;display:flex}.experience-current{color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--tracking-label)}.experience-entry h2{font-size:var(--size-lead)}.experience-company{width:fit-content;color:var(--color-accent);font-size:1.1em}.experience-bullets{margin:var(--space-2) 0 0;color:var(--color-muted);gap:.35rem;max-width:48rem;padding-left:1.1rem;display:grid}.experience-bullets li::marker{color:var(--color-accent)}.experience-stack{margin-top:var(--space-2);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--size-small)}.experience-stack span{color:var(--color-ink)}.is-current .experience-marker{background:var(--color-accent);box-shadow:0 0 0 .25rem color-mix(in oklch, var(--color-accent), transparent 78%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=48rem){.side-rail{border-right:0;border-bottom:var(--border-rule);width:100%;height:auto;padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:sticky;inset:0 0 auto}.side-rail nav{min-width:0;display:block}.nav-toggle{font-size:var(--size-nav-mobile);margin-inline-start:auto;display:block}.nav-links{top:calc(100% + var(--space-1));z-index:3;min-width:12rem;max-width:calc(100vw - (var(--space-3) * 2));padding:var(--space-2);border:var(--border-rule);background:var(--color-paper);display:none;position:absolute;right:0}.side-rail.is-nav-open .nav-links{display:grid}.side-rail nav a{padding-block:var(--space-1);font-size:var(--size-nav-mobile)}.side-rail nav a:before,.rail-meta>span{display:none}.rail-meta{justify-content:flex-end;gap:var(--space-2);min-width:0;display:flex}main{margin-left:0}.hero,.section-rule,footer{padding:var(--space-5) var(--space-3)}.hero{min-height:calc(100svh - 4rem)}.hero-grid,.section-heading,.contact-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}h1{max-width:9ch}.hero-note{max-width:100%}.project-row{grid-template-columns:2.5rem minmax(0,1fr) auto}.project-stack{grid-column:2/-1}.project-link{grid-area:1/3}.experience-entry{grid-template-columns:minmax(0,1fr)}footer{display:grid}}@media (width<=24rem){.side-rail nav{gap:var(--size-nav-gap)}.side-rail nav a{font-size:var(--size-nav-narrow);letter-spacing:.04em}.project-row{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:var(--duration-reduced)!important}}.blog-back{margin-bottom:1.5rem;display:inline-block}.blog-shell{max-width:72rem;margin:0 auto;padding:clamp(3rem,8vw,8rem) clamp(1.1rem,5vw,5rem) 6rem}.blog-header{border-bottom:1px solid var(--line,#c9c4b8);max-width:50rem;margin-bottom:clamp(3rem,8vw,7rem);padding-bottom:2rem}.blog-header h1{max-width:14ch;margin:.5rem 0 1.25rem;font-size:clamp(2.6rem,7vw,6.5rem);line-height:.95}.blog-kicker,.blog-description,.blog-date{color:var(--muted,#706b62)}.blog-description{max-width:42rem;font-size:1.15rem;line-height:1.7}.blog-language{margin-top:1rem;display:inline-block}.blog-index{max-width:54rem}.blog-index h2{text-transform:uppercase;letter-spacing:.12em;font-size:1rem}.blog-list{gap:1rem;margin-top:2rem;display:grid}.blog-card{border-top:1px solid var(--line,#c9c4b8);padding:1.5rem 0;text-decoration:none;display:block}.blog-card h3{margin:.45rem 0;font-size:clamp(1.5rem,3vw,2.3rem)}.blog-card p{max-width:42rem;color:var(--muted,#706b62);line-height:1.6}.blog-card span{font-size:.9rem}.blog-article{max-width:44rem;margin:0 auto;font-size:1.1rem;line-height:1.8}.blog-article h2{margin:3.5rem 0 1rem;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.1}.blog-article pre{border:1px solid var(--line,#c9c4b8);padding:1rem;font-size:.9rem;line-height:1.5;overflow-x:auto}.blog-article a{text-underline-offset:.2em;text-decoration:underline .08em}.blog-article img{max-width:100%;height:auto}.blog-article li{margin:.4rem 0}@media (width<=700px){.blog-article{font-size:1rem}}