@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f8f7f3;--ink:#292a26;--muted:#73746d;--accent:#db5731;--line:#e2e1da;--green:#697d60;--font:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a,button{transition:color .2s,background .2s,transform .2s}a:hover{color:var(--accent)}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.container{width:min(1180px,calc(100% - 96px));margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.2;letter-spacing:-1.5px}h2{font-size:31px;font-weight:650}h3{font-size:24px;font-weight:650;letter-spacing:-.8px}.accent,.brand-dot{color:var(--accent)}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;letter-spacing:-.8px}.brand-mark{background:var(--accent);color:white;width:39px;height:39px;display:grid;place-content:center;border-radius:11px;font-size:24px;letter-spacing:-2px;display:block;text-align:center;line-height:36px}.brand-mark span{color:#ffd9b6}.brand-dot{margin-left:-11px}.site-header nav{display:flex;gap:31px;font-size:13px;font-weight:500}.site-header nav a{position:relative;padding:10px 0}.site-header nav a[aria-current]{color:var(--accent)}.site-header nav a[aria-current]:after{content:'';position:absolute;bottom:0;left:calc(50% - 2px);width:4px;height:4px;background:var(--accent);border-radius:50%}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--ink);color:#fff;padding:13px 20px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap}.button:hover{background:var(--accent);color:white;transform:translateY(-2px)}.button-small{padding:10px 17px;gap:20px}.button-outline{background:transparent;color:var(--ink);border:1px solid #c9cac0}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:13px;font-weight:600}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px;vertical-align:middle}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:38px;min-height:534px;padding:65px 0 53px}.hero .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(38px,4.15vw,56px);font-weight:650;line-height:1.15;letter-spacing:-2.5px}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400}.hero-description{margin-top:25px;color:#65665f;font-size:14px;line-height:1.9}.hero-subtext{font-size:13px;color:var(--muted);margin-top:8px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:27px}.hero-footnote{display:flex;align-items:center;gap:9px;margin-top:32px;font-size:10px;color:var(--muted)}.tiny-star{color:var(--accent);font-size:20px}.hero-art{position:relative;height:355px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:340px;height:340px;border:1px dashed #dadbd0;border-radius:50%;transform:rotate(-25deg)}.orbit-two{width:430px;height:260px;transform:rotate(-35deg)}.code-window{width:370px;transform:rotate(-5deg);border:1px solid #44483e;border-radius:10px;background:#292f28;color:#e3e5d9;box-shadow:12px 20px 0 #e5e5dc;z-index:1;font-family:monospace;font-size:11px}.window-bar{height:41px;border-bottom:1px solid #43483f;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#a2a99c;font-size:10px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#d88469;border-radius:50%}.window-dots i:nth-child(2){background:#cfb877}.window-dots i:nth-child(3){background:#8caa7b}.code-body{padding:19px 10px;line-height:1.85;white-space:pre}.line-number{display:inline-block;width:29px;margin-right:13px;text-align:center;color:#697362;font-size:9px}.code-purple{color:#c4acd6}.code-green{color:#bdcc9d}.code-yellow{color:#e4ba83}.window-status{padding:9px 16px;border-top:1px solid #43483f;color:#aeb7a7;font-size:9px;display:flex;justify-content:space-between}.window-status .status-dot{background:#95ae80;width:5px;height:5px}.art-star{position:absolute;right:6px;top:5px;color:var(--accent);font-size:72px;line-height:1;transform:rotate(12deg)}.art-cross{position:absolute;left:2px;bottom:18px;font-size:30px;color:#95a087}.floating-tag{position:absolute;z-index:2;background:#fffdf7;border:1px solid #e1e1d7;padding:10px 15px;border-radius:6px;font-size:11px;box-shadow:0 5px 12px #292a2608;white-space:nowrap}.go-tag{top:4px;left:12px;transform:rotate(-8deg)}.go-tag b{color:#488692;font-size:18px;margin-right:7px;font-style:italic}.coffee-tag{bottom:5px;right:0;transform:rotate(5deg);display:flex;align-items:center;gap:10px}.coffee-tag>span:first-child{font-size:20px}.art-caption{position:absolute;bottom:-23px;left:73px;font-family:Georgia,serif;font-size:12px;font-style:italic;color:#93968b;transform:rotate(-5deg)}.interest-strip{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;font-size:11px;color:#63665c}.interest-strip>span:first-child{font-size:9px;letter-spacing:1.3px;color:#929489}.interest-strip i{font-size:15px;font-style:normal;color:#a5aa97}.writing-section{padding:56px 0 38px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading .eyebrow{color:var(--muted);margin-bottom:9px}.section-heading h2{font-size:29px}.home-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:29px}.featured-post{display:block}.post-art{position:relative;overflow:hidden;height:223px;background:#e9ecdf;border-radius:8px;padding:24px 29px;color:#505b46}.art-label{font-size:8px;letter-spacing:2px}.hello-art{display:block;font-size:73px;line-height:.84;font-weight:700;letter-spacing:-5px;margin-top:16px;transform:rotate(-6deg);width:max-content}.hello-art>span:first-child{color:var(--accent)}.hello-outline{color:transparent;-webkit-text-stroke:1px #66715a}.post-art-star{position:absolute;right:75px;top:47px;font-size:145px;line-height:1;color:#7e8c68;transform:rotate(10deg);transition:transform .3s}.featured-post:hover .post-art-star{transform:rotate(35deg)}.art-bottom{position:absolute;bottom:19px;left:29px;right:29px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px}.art-bottom span{font-size:19px}.post-info{padding:19px 1px 0}.post-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px}.category{font-size:8px;letter-spacing:.7px;background:#eeeae2;color:#756f5e;padding:4px 7px;border-radius:3px}.post-info h3{display:flex;justify-content:space-between;margin-top:12px;font-size:23px}.post-info h3 span{font-size:21px;font-weight:400}.post-info>p{font-size:12px;color:var(--muted);margin-top:9px;max-width:95%}.about-card{border:1px solid var(--line);border-radius:8px;padding:27px 27px 0;display:flex;flex-direction:column}.about-top{display:flex;align-items:center;gap:12px;margin-bottom:21px}.mini-mark{display:grid;place-content:center;min-width:36px;height:36px;border-radius:50%;background:#ebe8dd;font-family:Georgia,serif;font-style:italic;font-size:18px}.about-top .eyebrow{font-size:8px;letter-spacing:1px}.about-card h3{font-size:26px;line-height:1.3;margin-bottom:14px}.about-card>p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:12px}.about-card>.text-link{font-size:12px;margin:7px 0 23px}.about-bottom{margin-top:auto;padding:16px 0;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.about-bottom .status-dot{width:5px;height:5px}.building-section{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:32px 0 41px;margin-top:9px}.building-section .eyebrow{color:var(--muted);font-size:9px;margin-bottom:10px}.building-section h2{font-size:24px}.building-section p:last-child{color:var(--muted);font-size:12px;margin-top:9px}.newsletter{display:flex;align-items:center;gap:29px;background:#eeeee5;border:1px solid #e4e5d8;border-radius:9px;padding:33px 35px;margin:3px 0 53px}.newsletter-symbol{font-size:73px;line-height:1;color:#7d876a}.newsletter .eyebrow{font-size:8px;color:#71765f;margin-bottom:8px}.newsletter h2{font-size:25px;letter-spacing:-.8px}.newsletter p:last-child{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}.newsletter-action{margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:9px}.newsletter-action .button{font-size:11px;gap:19px}.newsletter-action>span{font-size:9px;color:var(--muted)}.site-footer{display:flex;align-items:center;gap:24px;padding:27px 0 34px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer-brand{color:var(--ink);font-size:15px;gap:1px;white-space:nowrap}.footer-brand .brand-dot{margin:0}.footer-links{margin-left:auto;display:flex;gap:20px;font-size:10px}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:10px;z-index:5}.skip-link:focus{top:10px}.page-heading{padding:65px 0 35px}.page-heading h1,.reading-page h1{font-size:54px;margin:15px 0 20px}.page-heading>p:last-child,.page-subtitle{color:var(--muted)}.article-list{margin-bottom:65px}.article-row{display:flex;justify-content:space-between;align-items:center;gap:25px;border-block:1px solid var(--line);padding:30px 0}.article-row h2{margin:12px 0}.article-row p:last-child{color:var(--muted);font-size:14px}.article-row>span{font-size:30px}.reading-page{max-width:780px;margin:60px auto 75px}.back-link{margin-bottom:30px}.post-content{margin-top:35px;font-size:17px;line-height:1.9}.post-content p{margin:0 0 20px}.post-content a{color:var(--accent);text-decoration:underline}.post-content img{max-width:100%}.post-content pre{overflow:auto;padding:20px;background:#eeeee5;border-radius:8px}.post-content h2,.post-content h3{margin:30px 0 15px}.project-note{padding:35px;background:#eeeee5;border-radius:9px;margin-top:30px}.project-icon{font-size:35px;color:var(--accent)}.project-note h2{margin:10px 0 20px}.project-note p{color:var(--muted);margin-bottom:25px}.bio-section{padding-top:35px;margin-top:35px;border-top:1px solid var(--line)}.bio-section h2{margin-bottom:25px}.experience{padding:0 0 23px 20px;border-left:2px solid #deded1}.experience h3{font-size:19px;letter-spacing:-.5px;margin-bottom:7px}.experience p{font-size:14px;color:var(--muted)}.experience .role{color:var(--accent);font-size:12px;margin-bottom:8px}dl{display:grid;grid-template-columns:150px 1fr;gap:16px;font-size:14px;margin-bottom:35px}dt{font-weight:600}dd{margin:0;color:var(--muted)}
@media(min-width:1450px){.hero{min-height:580px}.hero h1{font-size:58px}.hero-description{font-size:15px}.hero-art{transform:scale(1.06)}}
@media(max-width:1000px){.container{width:calc(100% - 64px)}.hero{gap:16px}.hero h1{font-size:42px}.code-window{width:310px;font-size:10px}.orbit{width:280px;height:280px}.orbit-two{width:330px;height:240px}.hero-art{height:325px}.art-star{right:-5px;font-size:56px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:11px}.desktop-break{display:none}.go-tag{left:0}.interest-strip{flex-wrap:wrap;justify-content:center;column-gap:20px}.interest-strip>span:first-child{width:100%;text-align:center}.about-card{padding:22px 22px 0}.about-top .eyebrow{font-size:7px}.newsletter{padding:29px 25px;gap:20px}.newsletter h2{font-size:22px}.newsletter-symbol{font-size:50px}.site-footer{flex-wrap:wrap}.footer-links{gap:14px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.site-header{height:auto;min-height:112px;flex-wrap:wrap;gap:12px;padding:18px 0 10px}.brand{font-size:18px}.site-header nav{order:3;width:100%;justify-content:center;gap:32px}.site-header>.button{font-size:11px;padding:8px 12px}.hero{grid-template-columns:1fr;padding:42px 0 40px;gap:44px}.hero h1{font-size:clamp(36px,7.7vw,55px);letter-spacing:-1.8px}.hero .eyebrow{font-size:9px}.hero-description{font-size:14px;max-width:440px}.hero-art{width:min(390px,100%);margin:0 auto;height:320px}.code-window{width:min(340px,90%)}.orbit-two{width:95%}.art-star{right:5px}.hero-actions .text-link{font-size:12px}.hero-footnote{font-size:9px}.art-caption{left:60px}.interest-strip{gap:10px 14px;font-size:9px}.interest-strip i{font-size:10px}.interest-strip i:last-of-type{display:none}.writing-section{padding-top:37px}.section-heading{align-items:center}.section-heading h2{font-size:24px;max-width:260px}.section-heading>.text-link{white-space:nowrap;font-size:11px;gap:7px}.section-heading .eyebrow{font-size:8px}.home-grid{grid-template-columns:1fr;gap:30px}.post-art{height:230px}.post-art-star{right:50px}.about-card{padding:25px 25px 0}.about-top .eyebrow{font-size:8px}.about-card>p{font-size:13px}.about-bottom{padding:18px 0}.building-section{flex-direction:column;align-items:flex-start;gap:20px}.building-section h2{font-size:25px}.newsletter{flex-wrap:wrap;padding:28px 23px;gap:18px;margin-bottom:32px}.newsletter-symbol{font-size:43px}.newsletter>div:nth-child(2){flex:1;min-width:200px}.newsletter h2{font-size:23px}.newsletter-action{margin:5px 0 0 0;align-items:flex-start}.site-footer{gap:15px;padding:23px 0}.site-footer>span{font-size:9px}.footer-links{width:100%;margin:0;gap:23px}.page-heading h1,.reading-page h1{font-size:42px}.reading-page{margin:40px auto 50px}.post-content{font-size:15px}dl{grid-template-columns:1fr;gap:5px}dd{margin-bottom:12px}.project-note{padding:25px}.project-note h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Syndicated writing and the public X timeline. */
.substack-section{padding:35px 0 42px;border-top:1px solid var(--line)}
.substack-posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.substack-post{padding:24px;border:1px solid var(--line);border-radius:8px;min-width:0}
.substack-post h3{font-size:23px;margin:16px 0 12px;overflow-wrap:anywhere}
.substack-post>p:not(.post-meta){font-size:13px;color:var(--muted);margin-bottom:20px;overflow-wrap:anywhere}
.substack-post .post-meta{flex-wrap:wrap}
.twitter-section{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;padding:38px 0 45px;border-top:1px solid var(--line)}
.twitter-intro .eyebrow{color:var(--muted);margin-bottom:13px}
.twitter-intro h2{font-size:29px;margin-bottom:18px}
.twitter-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:22px}
.twitter-intro .feed-note{font-size:11px!important;margin-top:22px}
.twitter-feed{min-width:0;max-height:460px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:16px;background:#fffdf8}
.feed-note{color:var(--muted);font-size:13px}
.feed-note a{color:var(--accent)}
@media(max-width:760px){.twitter-section{grid-template-columns:1fr;gap:22px}.substack-section .section-heading{align-items:flex-start;flex-wrap:wrap}.substack-section .section-heading h2{max-width:none}.twitter-intro h2{font-size:25px}}