:root{--paper:#f0eee8;--ink:#1a1b19;--muted:#666b65;--faint:#a5a8a1;--line:#d1d0c8;--accent:#dc3e24;--accent-dark:#a72f1c;--dark:#242622;--mono:'IBM Plex Mono',monospace;--sans:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}.paper-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-layout{display:grid;grid-template-columns:310px minmax(0,820px);gap:90px;width:min(1240px,calc(100% - 96px));margin:auto}.sidebar{min-height:100vh}.sidebar-inner{position:sticky;top:0;height:100vh;padding:52px 0 34px;display:flex;flex-direction:column}.wordmark{display:inline-block;color:var(--ink);text-decoration:none;font:500 17px var(--mono);letter-spacing:-.06em}.wordmark span{color:var(--accent)}.portrait-wrap{position:relative;width:118px;height:118px;margin:65px 0 27px}.portrait{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);border-radius:50%;display:block}.portrait-mark{position:absolute;right:-17px;bottom:-9px;background:var(--accent);color:#fff;font:10px var(--mono);padding:8px 7px;letter-spacing:.05em}.side-intro{font-size:16px;line-height:1.45;max-width:250px}.side-status{font:10px var(--mono);color:var(--muted);margin:18px 0 48px}.side-status span{width:7px;height:7px;display:inline-block;background:var(--accent);border-radius:50%;margin-right:7px}.site-nav{display:flex;flex-direction:column;gap:11px}.site-nav a,.side-links a,.footer a{color:var(--muted);font:11px var(--mono);text-decoration:none;transition:color .2s}.site-nav a:before{content:'↳ ';color:var(--faint);opacity:0;transition:opacity .2s}.site-nav a:hover,.site-nav a.active,.side-links a:hover,.footer a:hover{color:var(--accent)}.site-nav a:hover:before,.site-nav a.active:before{opacity:1}.side-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:48px}.side-footer{display:flex;justify-content:space-between;gap:15px;margin-top:auto;color:var(--faint);font:9px var(--mono);text-transform:uppercase}.mobile-header{display:none}.content{min-width:0}.content-block{border-bottom:1px solid var(--line);padding:93px 0 100px}.intro{padding-top:145px;border-bottom:0;min-height:570px}.kicker{font:11px var(--mono);color:var(--accent);margin:0 0 26px}.intro h1{font-size:clamp(58px,7.5vw,104px);line-height:.91;letter-spacing:-.09em;margin:0 0 32px;font-weight:600}.intro h1 i,.contact h2 i{font-style:normal;color:var(--accent)}.lede{font-size:22px;line-height:1.35;max-width:690px;margin:0;color:#454842}.intro-meta{display:flex;gap:17px;align-items:baseline;border-top:1px solid var(--line);margin-top:43px;padding-top:14px;font:10px var(--mono);text-transform:uppercase}.intro-meta span{color:var(--muted)}.intro-meta strong{color:var(--ink);font-weight:500}.block-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:34px}.block-heading .kicker{margin:0}.block-heading>span{color:var(--faint);font:10px var(--mono)}.work-list{border-top:1px solid var(--line)}.work-item{display:grid;grid-template-columns:50px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.work-no,.writeup-no{font:11px var(--mono);color:var(--accent)}.work-item h2,.writeup-item h2,.experience-row h2{font-size:23px;line-height:1.05;letter-spacing:-.05em;margin:0 0 11px;font-weight:500}.work-item p,.writeup-item p,.experience-row p,.stack-grid p,.contact>p{font-size:14px;color:var(--muted);max-width:650px;margin:0}.labels{display:flex;gap:8px;flex-wrap:wrap;margin-top:19px}.labels span{color:var(--accent-dark);border:1px solid #d7a095;padding:4px 7px;font:9px var(--mono);text-transform:uppercase}.writeup-list{border-top:1px solid var(--line)}.writeup-item{display:grid;grid-template-columns:50px 1fr 30px;gap:24px;padding:27px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:padding .2s,background .2s}.writeup-item:hover{padding-left:10px;background:rgba(220,62,36,.035)}.writeup-item h2{margin-bottom:10px}.writeup-item .arrow{font-size:23px;color:var(--accent);align-self:start}.writeup-item small{display:block;color:var(--faint);font:10px var(--mono);margin-top:16px}.wins{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:23px;font:10px var(--mono);color:var(--muted)}.wins span{color:var(--faint);margin-right:auto}.wins strong{font-weight:500;color:var(--accent)}.wins em{font-style:normal;color:var(--faint)}.experience-row{display:grid;grid-template-columns:100px 1fr;gap:22px;padding:23px 0;border-top:1px solid var(--line)}.experience-row time{font:11px var(--mono);color:var(--accent)}.stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px 45px}.stack-grid div{border-top:1px solid var(--line);padding-top:15px}.stack-grid b{font:11px var(--mono);color:var(--accent);text-transform:uppercase}.stack-grid p{margin-top:11px}.contact{border-bottom:0;padding-bottom:120px}.contact h2{font-size:clamp(48px,6vw,79px);line-height:.92;letter-spacing:-.08em;margin:0 0 28px}.contact>p{font-size:14px;color:var(--muted);max-width:650px}.contact-email{display:inline-block;color:var(--accent);font:500 17px var(--mono);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:6px;margin-top:20px}.contact-links{display:flex;gap:22px;margin-top:39px}.contact-links a{font:11px var(--mono);color:var(--muted);text-decoration:none}.contact-links a:hover{color:var(--accent)}.content-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 35px;color:var(--faint);font:9px var(--mono)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:930px){.site-layout{width:min(100% - 48px,720px);display:block}.sidebar{display:none}.mobile-header{height:70px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.mobile-header .wordmark{font-size:15px}.menu-toggle{display:flex;flex-direction:column;gap:4px;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:21px;height:1px;background:var(--accent)}.site-nav{display:none;position:absolute;right:24px;top:60px;background:var(--paper);border:1px solid var(--line);padding:14px 20px;z-index:5}.site-nav.open{display:flex}.intro{padding-top:105px;min-height:auto}.content-block{padding:76px 0 80px}.block-heading{display:block}.block-heading>span{display:block;margin-top:10px}.content-footer{gap:12px;display:grid}.content-footer span:last-child{grid-row:1}.writeup-item{grid-template-columns:38px 1fr 20px;gap:14px}}@media(max-width:520px){.site-layout{width:calc(100% - 34px)}.mobile-header{padding:0 17px}.intro h1{font-size:clamp(52px,16vw,80px)}.lede{font-size:18px}.intro-meta{display:block;line-height:2}.intro-meta strong{display:block}.work-item{grid-template-columns:32px 1fr;gap:13px}.work-item h2,.writeup-item h2,.experience-row h2{font-size:20px}.experience-row{grid-template-columns:62px 1fr;gap:13px}.stack-grid{grid-template-columns:1fr}.wins{gap:11px}.wins span{width:100%}.contact-links{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}