@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Libre+Baskerville:ital@0;1&display=swap";:root{--paper:#e9e8e3;--ink:#11110f;--red:#e23b2e;--muted:#6b6b65;--line:#b9b8b1;--mono:"DM Mono",monospace;--sans:"DM Sans",sans-serif;--serif:"Libre Baskerville",Georgia,serif;color:var(--ink);background:var(--paper);font-family:var(--sans)}:root[data-theme=dark]{--paper:#11110f;--ink:#e9e8e3;--muted:#999991;--line:#45453f;--red:#ff5546}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{min-height:100vh}.wrap{width:min(1240px,100% - 72px);margin:0 auto}.topbar{border-bottom:1px solid var(--ink);width:min(1240px,100% - 72px);height:72px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:1fr auto 1fr;align-items:center;margin:auto;display:grid}.wordmark{align-items:center;gap:10px;display:flex}.wordmark span{color:var(--red);font-size:16px}.wordmark strong{font-weight:500}nav{gap:28px;display:flex}nav a{color:var(--muted)}nav a:hover,.text-link:hover{color:var(--red)}.theme-toggle{color:var(--ink);cursor:pointer;font:11px var(--mono);text-transform:uppercase;background:0 0;border:0;justify-self:end;padding:5px 0}.theme-toggle span{color:var(--red);margin-right:8px;font-size:16px}.hero{border-bottom:1px solid var(--ink);grid-template-columns:1.1fr .9fr;align-items:end;gap:80px;min-height:720px;padding:90px 0 125px;display:grid}.eyebrow,.section-kicker,.article-tag,.work-meta>p:first-child{font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em}.eyebrow{color:var(--red);align-items:center;gap:10px;display:flex}.eyebrow i{background:var(--red);width:8px;height:8px;display:block}h1{letter-spacing:-.1em;margin:42px 0 50px;font-size:clamp(72px,12vw,170px);font-weight:700;line-height:.79}h1 em,h2 em{font:italic .96em var(--serif);letter-spacing:-.07em}.hero-intro{width:min(460px,100%);color:var(--muted);font-size:17px;line-height:1.45}.hero-actions{align-items:center;gap:28px;margin-top:32px;display:flex}.button{font:11px var(--mono);text-transform:uppercase;align-items:center;gap:32px;padding:14px 15px;transition:all .2s;display:inline-flex}.button-dark{background:var(--ink);color:var(--paper)}.button-accent{background:var(--red);color:#fff}.button:hover{transform:translate(4px,-4px)}.text-link{font:11px var(--mono);text-transform:uppercase;border-bottom:1px solid;padding-bottom:3px}.text-link span,.button span{font-size:16px}.hero-aside{align-self:center}.code-panel{background:var(--ink);color:var(--paper);min-height:330px;box-shadow:12px 12px 0 var(--red);flex-direction:column;justify-content:space-between;padding:17px 20px;display:flex;transform:rotate(2deg)}.code-panel-top,.code-panel-bottom{color:var(--muted);font:10px var(--mono);justify-content:space-between;display:flex}.code-panel-top span:last-child,.code-panel-bottom span:last-child{color:var(--red)}.code-panel pre{font:14px/1.75 var(--mono);margin:32px 0}.code-panel code b{color:var(--red);font-weight:400}.code-panel code em{color:#a6d18e;font-style:normal}.code-panel code strong{color:#e5b86c;font-weight:400}.code-panel code i{color:#80c7d8;font-style:normal}.side-note{color:var(--muted);font:11px/1.6 var(--mono);margin:42px 0 0 20px}.intro-section{padding:120px 0 150px}.section-kicker{color:var(--red);margin-bottom:25px}.intro-grid{grid-template-columns:1fr 1fr;gap:90px;display:grid}h2{letter-spacing:-.1em;margin:0;font-size:clamp(48px,7vw,90px);line-height:.86}.intro-grid div{max-width:450px;padding-top:10px}.intro-grid p{color:var(--muted);font-size:15px;line-height:1.65}.ai-note{border-left:3px solid var(--red);margin:35px 0 38px;padding:0 0 0 16px}.ai-note p:last-child{margin:0}.power-visual{background:var(--ink);place-items:center;height:150px;margin:0 0 25px -19px;display:grid;position:relative;overflow:hidden}.power-visual:before,.power-visual:after{content:"";border:1px solid var(--red);border-radius:50%;width:210px;height:210px;animation:12s linear infinite powerSpin;position:absolute}.power-visual:after{border-style:dashed;width:130px;height:130px;animation-duration:8s;animation-direction:reverse}.power-label{z-index:2;background:var(--red);color:#fff;text-align:center;width:62px;height:62px;font:10px/1 var(--mono);border-radius:50%;align-content:center;place-items:center;animation:2.6s ease-in-out infinite powerPulse;display:grid;position:relative}.power-label b{margin:2px 0;font-size:14px;font-weight:400}.cape-shape{z-index:1;background:var(--red);opacity:.25;clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);width:230px;height:95px;animation:3.2s ease-in-out infinite capeFloat;position:absolute}.signal{background:var(--red);border-radius:50%;width:5px;height:5px;position:absolute}.signal-one{animation:3s ease-in-out infinite signalFloat;top:25px;left:22%}.signal-two{animation:2.4s ease-in-out .5s infinite signalFloat;top:35px;right:18%}.signal-three{animation:2.8s ease-in-out 1s infinite signalFloat;bottom:22px;left:35%}.knowledge{border-top:1px solid var(--ink);margin-top:38px;padding-top:15px}.knowledge .knowledge-label,.ai-note .knowledge-label{color:var(--red);font:10px var(--mono);margin:0 0 16px}.knowledge ul{grid-template-columns:1fr 1fr;gap:10px 20px;margin:0;padding:0;list-style:none;display:grid}.knowledge li{font:12px var(--mono)}.knowledge li:before{content:"↳";color:var(--red);margin-right:8px}.section-heading{border-top:1px solid var(--ink);grid-template-columns:1fr auto;align-items:end;margin-bottom:45px;padding-top:18px;display:grid}.section-heading .section-kicker{grid-column:1/-1}.section-heading .text-link{margin-bottom:5px}.work-section{padding-bottom:160px}.work-grid{background:var(--ink);border:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:1px;display:grid}.work-card{background:var(--paper);grid-template-rows:1.1fr 1fr;min-height:480px;display:grid}.card-3{grid-column:1/-1;grid-template-rows:1fr;grid-template-columns:1fr 1fr;min-height:390px}.card-art{flex-direction:column;justify-content:center;padding:28px;display:flex;position:relative}.card-1 .card-art{color:#c4e6a9;background:#20251d}.card-2 .card-art{background:var(--red);color:#fff}.card-3 .card-art{color:#d3e2ff;background:#1d2940}.window-dots{letter-spacing:3px;font-size:8px;position:absolute;top:20px;left:25px}.terminal-line{font:13px var(--mono);margin:4px 0}.terminal-line b{color:#f0ae65;font-weight:400}.terminal-line.muted{color:#778574}.terminal-line span{color:#f0ae65;animation:1s step-end infinite blink}.journal-mark{font:italic 100px var(--serif);letter-spacing:-.16em;align-self:center}.journal-mark span{font:35px var(--sans);padding:0 13px}.migration-mark{font:700 110px var(--sans);letter-spacing:-.16em;align-self:center}.migration-mark span{color:var(--red);padding:0 12px;font-size:55px}.journal-caption{font:10px var(--mono);position:absolute;bottom:20px;right:25px}.work-meta{padding:25px 28px;position:relative}.work-meta>p:first-child{color:var(--red);margin:0 0 14px}.work-meta h3{letter-spacing:-.07em;margin:0 0 15px;font-size:28px}.arrow{color:var(--red);font-size:24px;position:absolute;top:25px;right:28px}.work-text{color:var(--muted);max-width:400px;margin:0 0 18px;font-size:14px;line-height:1.5}.work-bullets{color:var(--muted);margin:0 0 20px;padding-left:17px;font-size:13px;line-height:1.55}.work-bullets li::marker{color:var(--red)}.work-meta small{color:var(--muted);font:10px var(--mono);text-transform:uppercase}.react-section{padding-bottom:150px}.react-projects{background:var(--ink);border:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:1px;display:grid}.react-project{background:var(--paper);grid-template-columns:.8fr 1.2fr;min-height:360px;display:grid}.react-project-3{grid-column:1/-1;grid-template-columns:1fr 1fr}.react-project-visual{color:#d5e2ff;background:#232833;place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.react-project-2 .react-project-visual{color:#1a1a17;background:#d5d1c3}.react-project-3 .react-project-visual{color:#c4e6a9;background:#1b2b24}.project-index,.project-host{font:10px var(--mono);position:absolute}.project-index{color:var(--red);top:18px;left:20px}.project-host{text-align:right;line-height:1.4;bottom:18px;right:18px}.project-bracket{font:900 100px var(--sans);letter-spacing:-.2em}.dashboard-bars{align-items:end;gap:9px;height:110px;display:flex}.dashboard-bars i{background:#c4e6a9;width:22px;display:block}.dashboard-bars i:first-child{height:35%}.dashboard-bars i:nth-child(2){height:70%}.dashboard-bars i:nth-child(3){height:52%}.dashboard-bars i:nth-child(4){background:var(--red);height:92%}.react-project-copy{padding:28px}.react-project-copy .article-tag{margin-bottom:13px}.react-project-copy h3{letter-spacing:-.07em;margin:0 0 8px;font-size:28px}.react-project-copy>p:not(.article-tag){color:var(--muted);max-width:430px;font-size:14px;line-height:1.5}.project-url{color:var(--red);font:10px var(--mono);border-bottom:1px solid;margin-bottom:18px;padding-bottom:3px;display:inline-block}.timeline-section{background:var(--ink);color:var(--paper);padding:120px 0 140px}.timeline-section .section-kicker{color:var(--red)}.timeline{border-top:1px solid #55554e;margin-top:70px}.milestone{border-bottom:1px solid #55554e;grid-template-columns:110px 1fr 1.5fr;gap:25px;padding:23px 0;display:grid}.milestone-year{color:var(--red);font:11px var(--mono)}.milestone-dot{display:none}.milestone-body{grid-template-columns:1fr 1.2fr;gap:25px;display:grid}.milestone-body h3{letter-spacing:-.04em;margin:0;font-size:22px}.milestone-body p{color:#999991;max-width:380px;margin:0;font-size:14px;line-height:1.5}.writing-section{padding:140px 0}.article-list{border-top:1px solid var(--ink)}.article-row{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr 155px;gap:25px;padding:28px 0;transition:padding .2s,background .2s;display:grid}.article-row:hover{background:var(--red);color:#fff;padding-left:14px}.article-row:hover .article-tag,.article-row:hover .article-main>p:last-child,.article-row:hover .article-end{color:#fff}.article-number,.article-end{color:var(--muted);font:11px var(--mono)}.article-tag{color:var(--red);margin:0 0 10px}.article-main h3{letter-spacing:-.05em;margin:0 0 9px;font-size:24px}.article-main>p:last-child{color:var(--muted);max-width:600px;margin:0;font-size:14px}.article-end{justify-content:space-between;display:flex}.article-end b{color:var(--ink);font-size:20px}.weird-ideas{border-top:1px solid var(--ink);grid-template-columns:.8fr 1.2fr;gap:90px;margin-top:130px;padding-top:24px;display:grid}.weird-heading h3{letter-spacing:-.08em;margin:0 0 25px;font-size:clamp(38px,5vw,65px);line-height:.9}.weird-heading h3 em{font:italic .95em var(--serif)}.weird-heading>p:last-child{color:var(--muted);max-width:280px;font-size:14px;line-height:1.55}.idea-list{border-top:1px solid var(--line)}.idea-row{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr 1.2fr 20px;align-items:start;gap:15px;padding:20px 0;display:grid}.idea-row>span,.idea-row>b{color:var(--red);font:11px var(--mono)}.idea-row h4{letter-spacing:-.04em;margin:0;font-size:17px}.idea-row p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.idea-row>b{font-size:18px;font-weight:400}.contact-section{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;padding:85px 0;display:flex}.contact-section h2{font-size:clamp(55px,9vw,120px)}.footer{min-height:95px;color:var(--muted);font:10px var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;display:flex}.footer a:hover{color:var(--red)}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:none}@keyframes blink{50%{opacity:0}}@keyframes powerSpin{to{transform:rotate(360deg)}}@keyframes powerPulse{50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--red) 20%,transparent);transform:scale(1.08)}}@keyframes capeFloat{50%{transform:translateY(7px)scaleX(1.04)}}@keyframes signalFloat{50%{opacity:.35;transform:translate(8px,-12px)}}@media (width<=760px){.wrap,.topbar{width:calc(100% - 36px)}.topbar{grid-template-columns:1fr auto;height:66px}nav{display:none}.hero{min-height:0;padding:80px 0 100px;display:block}h1{font-size:clamp(68px,19vw,120px)}.hero-aside{margin:90px 10px 0 0}.intro-section,.writing-section{padding:95px 0}.intro-grid{display:block}.intro-grid h2{margin-bottom:38px}.section-heading{display:block}.section-heading h2{margin-bottom:25px}.section-heading .text-link{display:inline-block}.work-section,.react-section{padding-bottom:100px}.work-grid,.react-projects{background:0 0;border:0;display:block}.work-card,.react-project{border:1px solid var(--ink);min-height:420px;margin-bottom:18px}.card-3,.react-project-3{display:block}.react-project-visual{min-height:220px}.timeline-section{padding:95px 0}.milestone{padding:25px 0;display:block}.milestone-year{margin-bottom:14px}.milestone-body{display:block}.milestone-body h3{margin-bottom:12px}.writing-section .section-heading{margin-bottom:35px}.article-row{grid-template-columns:35px 1fr;gap:8px}.article-end{grid-column:2;justify-content:flex-start;gap:20px;margin-top:12px}.weird-ideas{margin-top:90px;display:block}.weird-heading{margin-bottom:40px}.idea-row{grid-template-columns:28px 1fr 20px;gap:10px}.idea-row p{grid-column:2/-1}.contact-section{padding:75px 0;display:block}.contact-section .button{margin-top:35px}.footer{flex-wrap:wrap;gap:15px;min-height:125px;padding:25px 0}}