:root{--bg:#f5eddc;--bg-rule:#e6dcc6;--ink:#1a1a1a;--ink-soft:#4a4742;--ink-mute:#7a7269;--accent:#2d4a6e;--serif:"Playfair Display", "Iowan Old Style", Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;--col-w:860px;--base-size:17px;--section-gap:120px;--nav-h:64px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:var(--base-size);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;font-feature-settings:"kern", "liga", "calt";background-image:radial-gradient(circle,#a0948247 1px,#0000 1px);background-size:28px 28px;font-weight:400;line-height:1.7}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 700px at 8% 12%,#2d4a6e14 0%,#0000 70%),radial-gradient(700px 600px at 92% 88%,#5a8a4a12 0%,#0000 70%),radial-gradient(500px 400px at 65% 38%,#b67e2a0d 0%,#0000 70%);position:fixed;inset:0}::selection{background:var(--accent);color:var(--bg)}.topbar{z-index:100;-webkit-backdrop-filter:blur(18px)saturate(140%);background:#f5eddcc7;border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}.topbar.is-scrolled{border-bottom-color:var(--bg-rule);box-shadow:0 1px 24px #2d4a6e12}.topbar-inner{z-index:1;max-width:var(--col-w);height:var(--nav-h);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:0 28px;display:flex;position:relative}.topbar .mark{color:var(--ink);font-weight:500;font-family:var(--serif);letter-spacing:0;white-space:nowrap;font-size:1rem}.topbar-nav{font-family:var(--sans);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:24px;font-size:.82rem;display:flex;position:relative}.topbar-nav a{color:var(--ink-mute);white-space:nowrap;background-image:none;padding-bottom:0;text-decoration:none;transition:color .15s}.topbar-nav a:hover{color:var(--accent)}.topbar-nav a.is-active{color:var(--ink)}.nav-indicator{background:var(--accent);pointer-events:none;border-radius:1px;height:1.5px;transition:left .28s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;bottom:-22px}.page{z-index:1;max-width:var(--col-w);margin:0 auto;padding:72px 28px 160px;position:relative}.section-tag{font-family:var(--serif);color:var(--ink-mute);margin:0 0 10px;font-size:.95rem;font-style:italic;display:block}.section-label{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 40px;font-size:.78rem;display:block}.section-label:before{content:"";background:var(--ink-mute);vertical-align:middle;width:28px;height:1px;margin-right:14px;display:inline-block;transform:translateY(-3px)}.section-label .num{font-family:var(--serif);letter-spacing:0;text-transform:none;color:var(--ink);margin-right:12px;font-size:.92rem;font-style:italic;font-weight:500}section+section{margin-top:var(--section-gap)}h2{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;margin:0 0 36px;font-size:clamp(2rem,3.6vw,2.6rem);font-weight:600;line-height:1.15}p{text-wrap:pretty;margin:0 0 1.2em}p:last-child{margin-bottom:0}a{color:var(--accent);background-image:linear-gradient(var(--accent), var(--accent));background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;padding-bottom:1px;text-decoration:none;transition:background-size .2s,color .15s}a:hover{color:var(--ink);background-image:linear-gradient(var(--ink), var(--ink))}.hero h1{font-family:var(--serif);letter-spacing:-.012em;text-wrap:balance;max-width:18ch;margin:0 0 28px;font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:600;line-height:1.08}.hero .meta{font-family:var(--sans);color:var(--ink-mute);letter-spacing:.02em;margin:0 0 40px;font-size:.95rem}.hero .links{gap:28px;font-size:1rem;display:flex}.hero .links a{color:var(--accent)}.hero-bullets{color:var(--ink-soft);flex-direction:column;gap:6px;max-width:44ch;margin:0 0 40px;padding:0;font-size:1rem;list-style:none;display:flex}.hero-bullets li{padding-left:22px;position:relative}.hero-bullets li:before{content:"—";color:var(--ink-mute);position:absolute;left:0}.about p{font-size:1.08rem}.kicker{border-top:1px solid var(--bg-rule);font-family:var(--serif);color:var(--ink-soft);text-wrap:pretty;max-width:50ch;margin-top:40px;padding-top:24px;font-size:1.1rem;font-style:italic}.projects{flex-direction:column;gap:20px;display:flex}.project{-webkit-backdrop-filter:blur(12px)saturate(130%);background:#faf4e88c;border:1px solid #e6dcc6e6;border-radius:12px;padding:40px 44px;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 2px 16px #2d4a6e0a,inset 0 1px #ffffff8c}.project:hover{border-color:#2d4a6e2e;transform:translateY(-3px);box-shadow:0 10px 40px #2d4a6e17,inset 0 1px #ffffff8c}.project-head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:14px;display:flex}.project-num{font-family:var(--serif);color:var(--ink-mute);white-space:nowrap;flex-shrink:0;font-size:.95rem;font-style:italic}.project h3{font-family:var(--serif);letter-spacing:-.005em;flex:1;margin:0;font-size:1.7rem;font-weight:600;line-height:1.2}.project h3 .sub{color:var(--ink-soft);letter-spacing:0;margin-top:6px;font-size:1.25rem;font-style:italic;font-weight:500;display:block}.project .tag-label{font-family:var(--serif);color:var(--ink-mute);letter-spacing:.005em;margin-bottom:10px;font-size:.92rem;font-style:italic;display:block}.project .descriptor{font-family:var(--serif);color:var(--ink-soft);margin:0 0 22px;font-size:1.05rem;font-style:italic}.project p{color:var(--ink);font-size:1rem}.project-meta{font-family:var(--sans);flex-wrap:wrap;align-items:center;gap:14px 18px;margin:18px 0 28px;font-size:.82rem;display:flex}.project-meta .pill{border:1px solid var(--bg-rule);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);background:0 0;border-radius:999px;padding:4px 10px;font-size:.74rem;display:inline-block}.project-meta .sep{background:var(--ink-mute);opacity:.5;border-radius:50%;width:4px;height:4px}.project-meta a{font-size:.92rem}.sub-h{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin:22px 0 8px;font-size:.74rem;font-weight:600}.sub-h:first-of-type{margin-top:4px}.project .body p{margin:0 0 4px}.stack-chips{flex-wrap:wrap;gap:6px 8px;margin:4px 0;padding:0;list-style:none;display:flex}.stack-chips li{font-family:var(--mono);letter-spacing:.01em;border:1px solid var(--bg-rule);color:var(--ink-soft);background:#ffffff59;border-radius:4px;padding:3px 9px;font-size:.74rem;line-height:1.4}.evidence{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.evidence li{color:var(--ink);padding-left:18px;font-size:.97rem;line-height:1.55;position:relative}.evidence li:before{content:"";background:var(--ink-mute);width:8px;height:1px;position:absolute;top:.7em;left:0}.decisions{counter-reset:dec;flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.decisions li{color:var(--ink);counter-increment:dec;padding-left:26px;font-size:.97rem;line-height:1.6;position:relative}.decisions li:before{content:counter(dec, decimal-leading-zero);font-family:var(--serif);color:var(--ink-mute);font-size:.92rem;font-style:italic;line-height:1.6;position:absolute;top:0;left:0}.flow-strip{border-top:1px solid var(--bg-rule);border-bottom:1px solid var(--bg-rule);flex-wrap:wrap;align-items:stretch;margin:8px 0 4px;padding:14px 0;display:flex}.flow-strip .fs-step{text-align:left;flex-direction:column;flex:1 1 0;gap:4px;min-width:100px;padding:0 14px;display:flex;position:relative}.flow-strip .fs-step+.fs-step{border-left:1px dashed var(--bg-rule)}.flow-strip .fs-num{font-family:var(--serif);color:var(--ink-mute);font-size:.78rem;font-style:italic}.flow-strip .fs-label{font-family:var(--sans);color:var(--ink);font-size:.85rem;font-weight:500;line-height:1.3}.flow-strip .fs-step:after{content:"→";color:var(--accent);background:var(--bg);padding:0 2px;font-size:.85rem;line-height:1;position:absolute;top:50%;right:-7px;transform:translateY(-50%)}.flow-strip .fs-step:last-child:after{content:none}.arch-diagram{-webkit-overflow-scrolling:touch;border:1px solid #2d4a6e2e;border-radius:10px;margin:20px -44px 8px;overflow-x:auto;box-shadow:0 2px 16px #2d4a6e14,0 1px 4px #0000000f}.arch-diagram svg{width:100%;min-width:580px;height:auto;display:block}@media (width<=640px){.arch-diagram{border-radius:8px;margin:16px 0 8px}}.pull-quote{border-top:1px solid var(--bg-rule);border-bottom:1px solid var(--bg-rule);font-family:var(--serif);color:var(--ink);letter-spacing:-.005em;text-wrap:balance;margin:36px -44px;padding:28px 44px;font-size:1.85rem;font-style:italic;line-height:1.3;position:relative}.pull-quote .pq-attr{font-style:normal;font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);margin-top:12px;font-size:.78rem;display:block}.pull-quote .pq-attr:before{content:"— ";color:var(--ink-mute)}.project.short .descriptor{margin-bottom:18px}.project.short .body p{margin:0 0 1em;font-size:1rem}.project.short .sub-h:first-of-type{margin-top:16px}.status{border:1px solid var(--bg-rule);font-family:var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);background:#fff6;border-radius:999px;align-items:center;gap:8px;margin-bottom:12px;padding:3px 10px 3px 8px;font-size:.7rem;font-weight:500;display:inline-flex}.status:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.status[data-state=published]:before{background:#5a8a4a}.status[data-state=production]:before{background:var(--accent)}.status[data-state=open-source]:before{background:#b67e2a}.status[data-state=competition]:before{background:var(--ink-soft)}.how .habit{margin-bottom:36px}.how .habit:last-of-type{margin-bottom:0}.how h3{font-family:var(--serif);letter-spacing:-.005em;margin:0 0 10px;font-size:1.3rem;font-weight:600;line-height:1.25}.how p{font-size:1.05rem}.how .closing{border-top:1px solid var(--bg-rule);font-family:var(--serif);color:var(--ink-soft);max-width:44ch;margin-top:40px;padding-top:28px;font-size:1.15rem;font-style:italic}.skills-grid{grid-template-columns:1fr 1fr;gap:40px 56px;display:grid}.skill-cat{flex-direction:column;gap:8px;display:flex}.skill-cat dt{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-size:.78rem;font-weight:500}.skill-cat dd{font-family:var(--serif);color:var(--ink);margin:0;font-size:1.15rem;line-height:1.5}.contact .lede{font-family:var(--serif);text-wrap:pretty;max-width:36ch;margin:0 0 36px;font-size:1.4rem;font-style:italic;line-height:1.45}.contact-meta{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);flex-wrap:wrap;gap:24px;margin-bottom:44px;font-size:.85rem;display:flex}.contact-meta .dot{vertical-align:middle;background:#5a8a4a;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;transform:translateY(-1px)}.useful-links{border-top:1px solid var(--bg-rule);grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:44px;padding-top:36px;display:grid}.ul-card{color:var(--ink);-webkit-backdrop-filter:blur(10px);background:#faf4e880;border:1px solid #e6dcc6e6;border-radius:10px;flex-direction:column;gap:6px;padding:24px 28px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 12px #2d4a6e0a,inset 0 1px #ffffff80}.ul-card:hover{color:var(--ink);background-image:none;border-color:#2d4a6e2e;transform:translateY(-2px);box-shadow:0 8px 28px #2d4a6e14,inset 0 1px #ffffff80}.ul-card .ul-label{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);font-size:.72rem;font-weight:600}.ul-card .ul-handle{font-family:var(--serif);color:var(--accent);background-image:none;padding-bottom:0;font-size:1.05rem;font-weight:500}.ul-card .ul-note{font-family:var(--sans);color:var(--ink-soft);margin-top:4px;font-size:.85rem;line-height:1.5}.cv-line{font-family:var(--serif);color:var(--ink-soft);margin-top:32px;font-size:1rem;font-style:italic}.cv-line a{font-family:var(--serif);font-style:italic}footer.colophon{border-top:1px solid var(--bg-rule);font-family:var(--sans);color:var(--ink-mute);grid-template-columns:2fr 1fr 2fr;gap:32px;margin-top:140px;padding-top:36px;font-size:.85rem;line-height:1.6;display:grid}footer.colophon .cf-name{font-family:var(--serif);color:var(--ink);font-size:1rem;font-weight:500}footer.colophon .cf-role{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);margin-top:4px;font-size:.78rem;display:block}footer.colophon .cf-cell{flex-direction:column;gap:2px;display:flex}footer.colophon .cf-label{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-size:.72rem}footer.colophon .cf-cell em{font-family:var(--serif);color:var(--ink-soft);font-style:italic}footer.colophon .cf-cell .small{color:var(--ink-soft);font-size:.78rem}body.reveal-armed [data-reveal]{opacity:0;transition:opacity .6s cubic-bezier(.2,.6,.2,1)}body.reveal-armed [data-reveal].is-visible{opacity:1}@media (width<=640px){:root{--nav-h:56px}.page{padding:48px 20px 100px}section+section{margin-top:84px}.skills-grid{grid-template-columns:1fr;gap:32px}.project-head{flex-direction:column;gap:4px}.project{padding:28px 24px}.useful-links{grid-template-columns:1fr;gap:12px}footer.colophon{grid-template-columns:1fr;gap:20px}.flow-strip{flex-direction:column}.flow-strip .fs-step{border-top:1px dashed var(--bg-rule);min-width:0;padding:8px 0;border-left:0!important}.flow-strip .fs-step:first-child{border-top:0}.flow-strip .fs-step:after{content:none}.pull-quote{margin:28px -24px;padding:22px 24px;font-size:1.4rem}.topbar-inner{flex-wrap:wrap;gap:10px;height:auto;padding:12px 20px}.topbar-nav{gap:16px;font-size:.8rem}.nav-indicator{display:none}}