:root{--bg:#fafaf6;--ink:#1a1a1a;--ink-soft:#4a4a4a;--muted:#8a8a85;--rule:#e5e3dc;--code-bg:#f0eee6;--accent:#b45309;--serif:"Newsreader",Georgia,serif;--display:"Instrument Serif",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--serif);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;font-size:18px;font-weight:380;line-height:1.65}body:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.035 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}.container{z-index:1;max-width:640px;margin:0 auto;padding:80px 24px 120px;position:relative}nav{font-family:var(--mono);letter-spacing:.02em;gap:28px;margin-bottom:64px;font-size:13px;animation:.7s both fadeUp;display:flex}nav a{color:var(--muted);cursor:pointer;padding-bottom:4px;text-decoration:none;transition:color .25s;position:relative}nav a:after{content:"";background:var(--ink);transform-origin:0;width:100%;height:1px;transition:transform .3s cubic-bezier(.2,.7,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}nav a:hover{color:var(--ink)}nav a:hover:after{transform:scaleX(1)}nav a.active{color:var(--ink);font-weight:500}nav a.active:after{transform:scaleX(1)}.tab{display:none}.tab.active{animation:.55s cubic-bezier(.2,.7,.3,1) both fadeUp;display:block}.tab>*{animation:.55s cubic-bezier(.2,.7,.3,1) both fadeUp}.tab>:first-child{animation-delay:50ms}.tab>:nth-child(2){animation-delay:.1s}.tab>:nth-child(3){animation-delay:.15s}.tab>:nth-child(4){animation-delay:.2s}.tab>:nth-child(5){animation-delay:.25s}.tab>:nth-child(6){animation-delay:.3s}.tab>:nth-child(7){animation-delay:.35s}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h1{font-family:var(--display);letter-spacing:-.02em;margin-bottom:8px;font-size:52px;font-weight:400;line-height:1.05}h1 .em{color:var(--ink-soft);font-style:italic}h2{font-family:var(--display);letter-spacing:-.01em;margin:56px 0 24px;font-size:28px;font-weight:400}h2.italic{font-style:italic}.tagline{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:36px;font-size:13px}p{color:var(--ink-soft);margin-bottom:1.2em}p strong{color:var(--ink);font-weight:600}a.link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .2s}a.link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}code{font-family:var(--mono);background:var(--code-bg);color:var(--ink);border-radius:3px;padding:2px 6px;font-size:.84em}hr{border:none;border-top:1px solid var(--rule);margin:40px 0}.experience{list-style:none}.experience li{border-bottom:1px solid var(--rule);grid-template-columns:120px 1fr;gap:24px;padding:18px 0;transition:padding-left .3s;display:grid}.experience li:hover{padding-left:6px}.experience li:last-child{border-bottom:none}.experience .date{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;padding-top:4px;font-size:12px}.experience .role{color:var(--ink);margin-bottom:2px;font-weight:500}.experience .company{color:var(--ink-soft);font-style:italic}.experience .desc{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.55}.contact{list-style:none}.contact li{border-bottom:1px solid var(--rule);grid-template-columns:80px 1fr;align-items:baseline;gap:24px;padding:12px 0;transition:padding-left .3s;display:grid}.contact li:hover{padding-left:6px}.contact li:last-child{border-bottom:none}.contact .label{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;font-size:12px}.contact a{color:var(--ink);font-family:var(--serif);text-decoration:none;transition:color .2s}.contact a:hover{color:var(--accent);font-style:italic}.contact .ext{font-family:var(--mono);color:var(--muted);margin-left:4px;font-size:11px;transition:transform .25s,color .25s;display:inline-block}.contact a:hover .ext{color:var(--accent);transform:translate(2px,-2px)}.project{border-bottom:1px solid var(--rule);cursor:pointer;-webkit-user-select:none;user-select:none;padding:28px 0;transition:padding-left .3s}.project:hover{padding-left:6px}.project:last-child{border-bottom:none}.project-preview{background:var(--bg);border:1px solid var(--rule);pointer-events:none;z-index:100;width:260px;animation:.18s both fadeUp;position:fixed;overflow:hidden;box-shadow:0 8px 40px #0000001a}.project-preview img{width:100%;height:auto;display:block}.project-preview-dots{justify-content:center;gap:5px;padding:8px;display:flex}.project-preview-dot{background:var(--rule);border-radius:50%;width:4px;height:4px;transition:background .2s}.project-preview-dot.active{background:var(--accent)}.project-panel{margin-top:12px;animation:.2s both fadeUp}.project-panel-links{gap:20px;display:flex}.project-panel-links a{font-family:var(--mono);color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:2px;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s}.project-panel-links a:hover{color:var(--accent);border-bottom-color:var(--accent)}.project-proprietary{font-family:var(--mono);color:var(--muted);font-size:12px;font-style:italic}.project-title{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.project-title a{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;font-size:24px;text-decoration:none}.project-title a:hover{font-style:italic}.arrow{font-family:var(--mono);color:var(--muted);font-size:13px;transition:transform .25s,color .25s;display:inline-block}.project:hover .arrow{color:var(--accent);transform:translate(3px,-3px)}.project p{margin-bottom:12px;font-size:16px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{font-family:var(--mono);color:var(--muted);background:var(--code-bg);letter-spacing:.02em;border-radius:3px;padding:3px 8px;font-size:11px}.year{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:40px 0 16px;font-size:12px}.year:first-of-type{margin-top:8px}.post{border-bottom:1px dashed var(--rule);grid-template-columns:60px 1fr;align-items:baseline;gap:20px;padding:14px 0;transition:padding-left .3s;display:grid}.post:hover{padding-left:6px}.post:last-child{border-bottom:none}.post-date{font-family:var(--mono);color:var(--muted);font-size:12px}.post a{color:var(--ink);font-size:17px;text-decoration:none;transition:color .2s}.post a:hover{color:var(--accent);font-style:italic}.post .excerpt{color:var(--muted);margin-top:3px;font-size:14px;line-height:1.5}footer{border-top:1px solid var(--rule);font-family:var(--mono);color:var(--muted);letter-spacing:.04em;justify-content:space-between;margin-top:80px;padding-top:28px;font-size:11px;display:flex}footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--ink)}@media (max-width:560px){body{font-size:17px}.container{padding:56px 20px 80px}h1{font-size:40px}h2{font-size:24px}.experience li{grid-template-columns:1fr;gap:4px}.experience .date{padding-top:0}.contact li{grid-template-columns:70px 1fr;gap:16px}}.post-back{font-family:var(--mono);color:var(--muted);letter-spacing:.02em;font-size:13px;text-decoration:none;transition:color .2s}.post-back:hover{color:var(--ink)}.post-body{margin-top:40px}.post-body p{max-width:62ch;margin-bottom:1.5em}.post-body h2{margin:2.5em 0 .8em}.post-body h3{max-width:62ch}.post-blockquote{border-left:2px solid var(--accent);color:var(--ink-soft);margin:2em 0;padding:4px 0 4px 24px;font-style:italic}.post-blockquote p{margin-bottom:0}.post-list{max-width:62ch;margin:0 0 1.5em;padding:0;list-style:none}.post-list li{color:var(--ink-soft);padding:4px 0 4px 20px;position:relative}.post-list li:before{content:"—";color:var(--muted);font-family:var(--mono);font-size:12px;position:absolute;left:0}.post-list-num{counter-reset:item}.post-list-num li{counter-increment:item}.post-list-num li:before{content:counter(item)".";font-family:var(--mono);color:var(--muted);font-size:11px}.post-code{background:var(--code-bg);border:1px solid var(--rule);font-family:var(--mono);color:var(--ink);border-radius:2px;margin:1.5em 0;padding:20px 24px;font-size:13px;line-height:1.7;overflow-x:auto}::selection{color:var(--bg);background:#1a1a1a}