@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600&family=Newsreader:ital,opsz,wght@1,6..72,500&display=swap";:root{--ink:#20201c;--paper:#f1efe8;--accent:#728f00;--muted:#74746b;--line:#ceccc3;--soft:#55554e;--panel:#e8e6de;--inline-code:#dedcd2;--sans:"Manrope", sans-serif;--serif:"Newsreader", serif;--mono:"DM Mono", monospace}:root[data-theme=dark]{--ink:#e7e3d9;--paper:#11120f;--accent:#c9ed49;--muted:#97978e;--line:#34362f;--soft:#b5b1a7;--panel:#191b17;--inline-code:#2d2f29}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#e7e3d9;--paper:#11120f;--accent:#c9ed49;--muted:#97978e;--line:#34362f;--soft:#b5b1a7;--panel:#191b17;--inline-code:#2d2f29}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}.shell{width:min(1080px,100% - 64px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;display:grid}.wordmark{letter-spacing:-.07em;font-size:23px;font-weight:600}.dot{color:var(--accent)}nav{gap:30px;font-size:13px;display:flex}nav a,.header-link,.site-footer a,.text-link{position:relative}nav a:after,.header-link:after,.site-footer a:after,.text-link:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .18s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}nav a:hover:after,nav a:focus-visible:after,.header-link:hover:after,.header-link:focus-visible:after,.site-footer a:hover:after,.site-footer a:focus-visible:after,.text-link:hover:after,.text-link:focus-visible:after{transform-origin:0;transform:scaleX(1)}.header-actions{justify-self:end;align-items:center;gap:18px;display:flex}.header-link{font:10px var(--mono);text-transform:uppercase}.theme-toggle{color:var(--ink);border:1px solid var(--line);font:9px var(--mono);text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:6px;padding:6px 9px;display:flex}.theme-toggle:hover{border-color:var(--muted)}.theme-toggle>span:first-child{font-size:11px;line-height:1}.kicker{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;margin:0;display:flex}.kicker span{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero{padding:112px 0 94px}.hero h1{letter-spacing:-.052em;max-width:820px;margin:30px 0 50px;font-size:clamp(50px,6.2vw,78px);font-weight:500;line-height:1.02}.hero h1 em{font-family:var(--serif);letter-spacing:-.02em;font-weight:500}.hero-foot{grid-template-columns:minmax(0,580px) auto;justify-content:space-between;align-items:end;gap:40px;display:grid}.hero-foot>p{color:var(--soft);margin:0;font-size:18px;line-height:1.65}.text-link{border-bottom:1px solid var(--line);font:11px var(--mono);text-transform:uppercase;white-space:nowrap;padding-bottom:2px}.text-link:after{bottom:-1px}.text-link span{color:var(--accent);margin-left:6px}.interests{border-block:1px solid var(--line);font:10px var(--mono);text-transform:uppercase;letter-spacing:.05em;grid-template-columns:140px 1fr;align-items:center;gap:24px;padding-block:22px;display:grid}.interests p{color:var(--muted);margin:0}.interests div{justify-content:space-between;gap:24px;display:flex}.work{padding:104px 0 120px}.section-heading{grid-template-columns:170px minmax(0,550px);gap:36px;margin-bottom:46px;display:grid}.section-heading p:first-child{color:var(--muted);font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0}.section-heading p:last-child{letter-spacing:-.025em;margin:0;font-size:27px;line-height:1.35}.work-list{border-top:1px solid var(--ink)}.work-row{border-bottom:1px solid var(--line);min-height:168px;box-shadow:inset 0 0 0 var(--accent);grid-template-columns:34px 1fr 110px 22px;align-items:center;gap:24px;transition:background .16s,box-shadow .16s;display:grid}.work-row:hover{background:color-mix(in srgb, var(--accent) 8%, var(--paper));box-shadow:inset 0 2px 0 var(--accent)}.work-index,.work-copy>p{color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.05em}.work-copy h2{letter-spacing:-.035em;margin:7px 0 8px;font-size:clamp(25px,3vw,36px);font-weight:500;line-height:1.15}.work-copy>span{max-width:660px;color:var(--soft);font-size:13px;line-height:1.55;display:block}.work-row strong{font:400 15px var(--mono);text-align:right}.work-arrow{font-size:17px;transition:color .16s}.work-row:hover .work-arrow{color:var(--accent)}.home-story{padding:0 0 110px}.story-heading{border-top:1px solid var(--ink);grid-template-columns:170px minmax(0,590px);align-items:start;gap:36px;padding:66px 0 54px;display:grid}.story-heading>p:last-child{letter-spacing:-.035em;margin:0;font-size:clamp(27px,3.5vw,40px);line-height:1.2}.story-body{grid-template-columns:240px minmax(0,620px);justify-content:end;align-items:start;gap:76px;padding-bottom:86px;display:grid}.story-body img{aspect-ratio:4/5;object-fit:cover;filter:saturate(.55)contrast(1.04);width:100%}.story-body>div{color:var(--soft);font-size:16px}.story-body>div p{margin-top:0;margin-bottom:1.35em}.story-body>div p:first-child{color:var(--ink);font-size:18px}.experience{border-top:1px solid var(--ink)}.experience>p{color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0;padding:22px 0}.experience-row{border-top:1px solid var(--line);grid-template-columns:74px 1.1fr .8fr 1.6fr;align-items:start;gap:24px;padding:24px 0;display:grid}.experience-row span{font:9px var(--mono);text-transform:uppercase}.experience-row strong{font-size:15px;font-weight:500}.experience-row p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.site-footer{border-top:1px solid var(--line);font:9px var(--mono);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;padding:28px 0;display:flex}.site-footer div{gap:22px;display:flex}.page-intro{border-bottom:1px solid var(--ink);padding:92px 0 66px}.page-intro h1{letter-spacing:-.052em;max-width:820px;margin:30px 0 34px;font-size:clamp(48px,6vw,74px);font-weight:500;line-height:1.02}.page-intro h1 em{font-family:var(--serif);letter-spacing:-.015em;font-weight:500}.page-intro>p:last-child{max-width:570px;color:var(--soft);margin:0;font-size:17px}.archive{padding-bottom:110px}.archive-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:32px;padding:24px 0;display:flex}.tag-filters{flex-wrap:wrap;gap:7px;display:flex}.tag-filters button{color:var(--muted);border:1px solid var(--line);font:8px var(--mono);text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;padding:5px 8px}.tag-filters button:hover{color:var(--ink);border-color:var(--muted)}.tag-filters button.is-active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.sort-control{color:var(--muted);font:9px var(--mono);text-transform:uppercase;white-space:nowrap;align-items:center;gap:9px;display:flex}.sort-control select{color:var(--ink);background:var(--paper);border:1px solid var(--line);font:9px var(--mono);border-radius:3px;padding:6px 25px 6px 8px}.archive-head{border-bottom:1px solid var(--line);color:var(--muted);font:9px var(--mono);text-transform:uppercase;justify-content:space-between;padding:18px 0;display:flex}.archive-item[hidden]{display:none}.archive-row{border-bottom:1px solid var(--line);min-height:150px;box-shadow:inset 0 0 0 var(--accent);grid-template-columns:38px 126px minmax(0,1fr) 105px 20px;align-items:center;gap:22px;transition:background .16s,box-shadow .16s;display:grid}.archive-row:hover{background:color-mix(in srgb, var(--accent) 8%, var(--paper));box-shadow:inset 0 2px 0 var(--accent)}.archive-item:not(.has-thumbnail) .archive-copy{grid-column:2/4}.archive-thumbnail{object-fit:cover;filter:saturate(.7)contrast(1.02);width:126px;height:84px}.archive-num,.archive-meta,.archive-copy>p{color:var(--muted);font:9px var(--mono);text-transform:uppercase}.archive-row h2{letter-spacing:-.035em;margin:6px 0;font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.14}.archive-copy>span{color:var(--soft);font-size:13px}.archive-meta{line-height:1.8}.archive-arrow{font-size:16px;transition:color .16s}.archive-row:hover .archive-arrow{color:var(--accent)}.archive-empty{color:var(--muted);text-align:center;font:10px var(--mono);text-transform:uppercase;margin:0;padding:44px 0}.bits-intro{border-bottom:0}.bit-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;padding-bottom:110px;display:grid}.bit-card{background:var(--paper);min-height:330px;box-shadow:inset 0 0 0 var(--accent);flex-direction:column;padding:28px;transition:background .16s,box-shadow .16s;display:flex}.bit-card:hover{background:color-mix(in srgb, var(--accent) 8%, var(--paper));box-shadow:inset 0 2px 0 var(--accent)}.bit-card>div{color:var(--muted);font:9px var(--mono);text-transform:uppercase;justify-content:space-between;display:flex}.bit-card h2{letter-spacing:-.04em;max-width:460px;margin:auto 0 16px;font-size:clamp(27px,3.3vw,40px);font-weight:500;line-height:1.08}.bit-card p{color:var(--soft);font-size:14px}.bit-arrow{color:var(--muted);font:9px var(--mono);text-transform:uppercase;margin-top:22px;transition:color .16s}.bit-card:hover .bit-arrow{color:var(--accent)}.article{padding:68px 0 120px}.article-head{max-width:850px;margin-inline:auto;padding-bottom:64px}.article-head>a{font:9px var(--mono);text-transform:uppercase}.article-labels{flex-wrap:wrap;gap:7px;margin:58px 0 21px;display:flex}.article-labels span{border:1px solid var(--line);font:8px var(--mono);text-transform:uppercase;border-radius:3px;padding:4px 8px}.article-head h1{letter-spacing:-.052em;margin:0 0 24px;font-size:clamp(45px,6vw,72px);font-weight:500;line-height:1.02}.article-head>p{max-width:650px;color:var(--soft);margin:0;font-size:18px}.article-byline{color:var(--muted);font:9px var(--mono);text-transform:uppercase;gap:26px;margin-top:30px;display:flex}.article-grid{border-top:1px solid var(--ink);grid-template-columns:230px minmax(0,700px);justify-content:center;gap:52px;padding-top:52px;display:grid}.article-grid aside{max-height:calc(100vh - 60px);font:11px/1.45 var(--mono);scrollbar-width:thin;flex-direction:column;align-self:start;gap:10px;padding-right:12px;display:flex;position:sticky;top:30px;overflow-y:auto}.article-grid aside p{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:13px;font-size:9px}.article-grid aside a{color:var(--muted)}.article-grid aside a:hover{color:var(--ink)}.article-grid aside .toc-depth-3{color:color-mix(in srgb, var(--muted) 88%, transparent);padding-left:15px;font-size:10px;line-height:1.5}.article-grid aside .toc-depth-3:before{content:"—";color:var(--line);margin-left:-15px;margin-right:6px}.prose{min-width:0;font-size:16px;line-height:1.8}.prose>:first-child{margin-top:0}.prose h2{letter-spacing:-.03em;margin:2.2em 0 .65em;font-size:34px;line-height:1.18}.prose h3{margin-top:2em;font-size:23px;line-height:1.25}.prose a{text-decoration:underline var(--accent);text-underline-offset:3px}.prose img{max-width:100%;height:auto;margin:1.5em auto;display:block}.prose p:has(>img:only-child)+p:has(>em:only-child){color:var(--muted);font:italic 13px/1.5 var(--serif);text-align:center;margin-top:-1.15em}.prose pre{color:#f5f2e8;font:12px/1.7 var(--mono);background:#1e1f1c;border-radius:2px;padding:20px;overflow-x:auto}.prose :not(pre)>code{background:var(--inline-code);font:12px var(--mono);padding:2px 5px}.prose blockquote{border-left:2px solid var(--accent);font:italic 21px/1.55 var(--serif);margin:2em 0;padding-left:20px}.prose .callout,.prose .callout-note{--callout-color:var(--accent);border:1px solid var(--line);border-left:3px solid var(--callout-color);background:color-mix(in srgb, var(--callout-color) 5%, var(--paper));font:inherit;margin:1.6em 0;padding:14px 18px 16px}.prose .callout-important,.prose .callout-warning,.prose .callout-caution{--callout-color:#c45f4c}.prose .callout-title{color:var(--ink);font:600 10px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:0 0 8px;display:flex}.prose .callout-title:before{content:"";background:var(--callout-color);border-radius:50%;width:7px;height:7px}.prose .callout p:not(.callout-title){margin:0 0 8px}.prose .callout ul{margin:6px 0 0;padding-left:22px}.prose .callout li{margin:2px 0}.prose .callout-note>:first-child{margin-top:0}.prose .callout-note>:last-child,.prose .callout>:last-child{margin-bottom:0}.prose .video-embed{aspect-ratio:16/9;background:var(--panel);width:100%;margin:1.8em 0}.prose .video-embed iframe{border:0;width:100%;height:100%;display:block}.prose .animation{max-width:100%;overflow-x:auto}@media (width<=760px){.shell{width:min(100% - 36px,650px)}.site-header{grid-template-columns:auto 1fr auto;min-height:68px}nav{justify-self:end;gap:15px;font-size:11px}nav a:first-child,.header-link{display:none}.header-actions{gap:0}.theme-name{display:none}.theme-toggle{justify-content:center;width:29px;height:29px;padding:0}.hero{padding:72px 0 64px}.hero h1{font-size:clamp(43px,13vw,62px)}.hero-foot{grid-template-columns:1fr;align-items:start;gap:25px}.interests{grid-template-columns:1fr;gap:14px}.interests div{flex-wrap:wrap;justify-content:flex-start;gap:10px 22px}.section-heading,.story-heading{grid-template-columns:1fr;gap:25px}.work{padding:78px 0 90px}.work-row{grid-template-columns:26px 1fr 18px;gap:12px;padding:24px 0}.work-row strong{display:none}.story-body{grid-template-columns:1fr;gap:38px}.story-body img{max-width:300px}.experience-row{grid-template-columns:65px 1fr}.experience-row p{grid-column:2}.site-footer{align-items:flex-start;gap:20px}.site-footer div{text-align:right;flex-direction:column;gap:3px}.page-intro{padding:70px 0 52px}.archive-tools{flex-direction:column;gap:18px}.sort-control{justify-content:space-between;align-self:stretch}.archive-row{grid-template-columns:26px 84px minmax(0,1fr) 18px;gap:10px;padding:24px 0}.archive-thumbnail{width:84px;height:62px}.archive-item:not(.has-thumbnail) .archive-copy{grid-column:2/4}.archive-meta,.archive-copy>span{display:none}.bit-grid{grid-template-columns:1fr}.article{padding-top:42px}.article-head{padding-bottom:48px}.article-grid{grid-template-columns:minmax(0,1fr);gap:0;padding-top:38px}.article-grid aside{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}