:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{color:#fff;background:#171717;margin:0;padding:0;font-family:Neue Haas Grotesk Display Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;transition:background-color .25s}:root[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=paper] body{color:#1c1c1c;background:#f0efea}#root{min-height:100vh}a{color:inherit}p{margin:0}.clock-wrap{--clock-scale:1;flex-direction:column;align-items:center;display:flex}.clock-face{width:calc(200px * var(--clock-scale));height:calc(200px * var(--clock-scale));border-radius:50%;position:relative}.clock-tick{width:calc(1px * var(--clock-scale));height:calc(6px * var(--clock-scale));margin-left:calc(-.5px * var(--clock-scale));background:var(--clock-tick,#ffffff59);transform-origin:50% calc(100px * var(--clock-scale));position:absolute;top:0;left:50%}.clock-tick--hour{width:calc(2px * var(--clock-scale));height:calc(10px * var(--clock-scale));margin-left:calc(-1px * var(--clock-scale));background:var(--clock-ink,#fff)}.clock-hand{transform-origin:50% 100%;border-radius:calc(4px * var(--clock-scale));position:absolute;bottom:50%;left:50%}.clock-hand--hour{width:calc(3px * var(--clock-scale));height:calc(54px * var(--clock-scale));margin-left:calc(-1.5px * var(--clock-scale));background:var(--clock-ink,#fff)}.clock-hand--minute{width:calc(2px * var(--clock-scale));height:calc(78px * var(--clock-scale));margin-left:calc(-1px * var(--clock-scale));background:var(--clock-ink,#fff)}.clock-hand--second{width:calc(1.5px * var(--clock-scale));height:calc(86px * var(--clock-scale));margin-left:calc(-.75px * var(--clock-scale));background:#ff9500}.clock-center{width:calc(10px * var(--clock-scale));height:calc(10px * var(--clock-scale));z-index:2;background:#ff9500;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-caption{margin-top:calc(16px * var(--clock-scale));font-size:calc(14px * var(--clock-scale));color:var(--clock-ink,#fff);font-weight:300}.page{text-align:center;flex-direction:column;align-items:center;min-height:100vh;padding:24px 24px 48px;display:flex}.page-body{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:64px;width:100%;margin-top:50px;display:flex}.social-links{justify-content:center;align-items:center;gap:24px;display:flex}.social-link{color:#fff;text-decoration:none;transition:opacity .15s;display:inline-flex}.social-link:hover,.social-link:focus-visible{opacity:.6}.content{text-align:left;flex-direction:column;align-items:flex-start;gap:64px;width:100%;max-width:620px;display:flex}.tagline{text-align:center;align-self:center;max-width:620px;font-size:36px;font-weight:300;line-height:1.3}.tagline-link{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.nav-wrap{align-self:center;width:100%;max-width:527px;position:relative}.nav-pills{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}@media (width<=480px){.tagline{font-size:26px}.page-body,.content{gap:40px}}.icon{display:inline-flex}.floating-nav{z-index:100;width:calc(var(--floating-nav-home-width) + var(--floating-nav-count) * 135px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);--floating-nav-home-width:52px;--floating-nav-offscreen:translate(-50%, calc(100% + 48px));background:#1c1c1ccc;border-radius:999px;align-items:center;max-width:calc(100vw - 32px);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s;animation:.5s cubic-bezier(.22,1,.36,1) backwards floating-nav-in;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.floating-nav--hidden{opacity:0;pointer-events:none;transform:var(--floating-nav-offscreen);transition:transform .4s cubic-bezier(.55,0,.75,.2),opacity .4s ease-in}@keyframes floating-nav-in{0%{opacity:0;transform:var(--floating-nav-offscreen)}}.floating-nav-home{width:var(--floating-nav-home-width);color:#d9d9d9;flex:none;justify-content:center;align-items:center;height:37px;transition:color .2s;display:flex}.floating-nav-home:hover,.floating-nav-home:focus-visible{color:#fff;outline:none}.floating-nav-sections{flex:1 1 0;min-width:0;display:flex;position:relative}.floating-nav-selector{width:calc(100% / var(--floating-nav-count));pointer-events:none;border:1px solid #f4910066;border-radius:999px;height:37px;transition:transform .6s cubic-bezier(.34,1.25,.5,1);position:absolute;top:0;left:0;box-shadow:0 14px 60px #0000008c,0 2px 4px #0000004d}.floating-nav-item{color:#d9d9d9;white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:37px;font-size:18px;font-weight:300;line-height:24px;text-decoration:none;transition:color .2s;display:flex;position:relative}.floating-nav-item:hover,.floating-nav-item:focus-visible{color:#fff}.floating-nav-item:focus-visible{outline:none}.floating-nav-item--active,.floating-nav-item--active:hover,.floating-nav-item--active:focus-visible{color:#f49100;transition:color 1.2s cubic-bezier(.45,0,.25,1)}@media (width<=600px){.floating-nav{bottom:20px}.floating-nav-item{font-size:15px}}@media (prefers-reduced-motion:reduce){.floating-nav,.floating-nav-home,.floating-nav-selector,.floating-nav-item{transition:none;animation:none}}.nav-pill{height:35px;font:inherit;color:#fff;white-space:nowrap;cursor:pointer;background:linear-gradient(150deg,#303030 0%,#2c2c2c 100%);border:none;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 20px;font-size:16px;font-weight:300;text-decoration:none;transition:opacity .15s,background .2s;display:inline-flex;box-shadow:-1px 1px 2px #1f1f1f33,1px -1px 2px #1f1f1f33,-1px -1px 2px #3d3d3de6,1px 1px 3px #1f1f1fe6,inset 1px 1px 2px #3d3d3d4d,inset -1px -1px 2px #1f1f1f80}.nav-pill--accent{background:linear-gradient(150deg,#ff9c00 0%,#f28e00 100%);box-shadow:-1px 1px 2px #d47f0033,1px -1px 2px #d47f0033,-1px -1px 2px #ffab00e6,1px 1px 3px #d47f00e6,inset 1px 1px 2px #ffab004d,inset -1px -1px 2px #d47f0080}.nav-pill:hover,.nav-pill:focus-visible{opacity:.85}.work-page{min-height:100vh;padding:100px 60px;position:relative}.work-clock{position:absolute;top:60px;right:60px}.work-content{width:100%;max-width:812px;margin:0 auto}.work-title{color:#dfdfdf;margin:0;font-size:36px;font-weight:500;line-height:normal}.work-intro{color:#dfdfdf;margin-top:30px;font-size:20px;font-weight:300;line-height:normal}.work-list{flex-direction:column;gap:15px;margin-top:36px;display:flex}.work-item{flex-direction:column;gap:5px;display:flex}.work-item-company{color:#dfdfdf;text-underline-offset:4px;width:fit-content;margin:0;font-size:20px;font-weight:400;line-height:normal;text-decoration-color:#888;text-decoration-thickness:2px}.work-item-company--linked:hover{text-decoration-line:underline}.work-item-link{text-decoration:none}.work-item-company .cfotech-mark{margin-left:8px}.work-item-period,.work-item-projects{color:gray;font-size:18px;font-weight:300;line-height:normal}@media (width<=1100px){.work-page{padding:80px 24px}.work-clock{justify-content:flex-end;max-width:812px;margin:0 auto 48px;display:flex;position:static}}@media (width<=600px){.work-page{padding:48px 24px 64px}.work-title{font-size:28px}.work-intro{font-size:17px}.work-item-company{font-size:18px}.work-item-period,.work-item-projects{font-size:16px}}.me-page{flex-direction:column;align-items:flex-start;gap:30px;display:flex}.me-split{align-items:flex-start;gap:20px;width:100%;display:flex}.me-split>*{flex:1 1 0;min-width:0}.me-photo{background:#d9d9d9;border-radius:10px;height:500px;overflow:hidden}.me-photo img{object-fit:cover;width:100%;height:100%;display:block}.me-text{color:#d9d9d9;text-align:justify;flex-direction:column;gap:24px;font-size:20px;font-weight:300;line-height:24px;display:flex}@media (width<=768px){.me-split{flex-direction:column}.me-split>*{flex:none;width:100%}.me-photo{height:420px}}@media (width<=600px){.me-page{gap:24px}.me-text{text-align:left;font-size:17px;line-height:22px}.me-photo{height:360px}}.reading-progress{z-index:100;pointer-events:none;width:100%;height:22px;position:fixed;top:0;left:0}.reading-progress-bar{pointer-events:auto;background:#ddd;border-bottom-right-radius:5px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;overflow:hidden}.reading-progress--hidden .reading-progress-bar{pointer-events:none;transition-timing-function:cubic-bezier(.55,0,.75,.2);transform:translateY(-100%)}.reading-progress-fill{transform-origin:0;background:#1c1c1c;transition:transform .12s linear;position:absolute;inset:0}.reading-progress-label,.reading-progress-toggle{color:#9c9c9c;font-family:Paper Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:10px;font-weight:400;line-height:24px}.reading-progress-label{font-variant-numeric:tabular-nums;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.reading-progress-toggle{cursor:pointer;pointer-events:auto;text-underline-offset:3px;background:0 0;border:0;border-bottom-left-radius:5px;height:22px;padding:0 16px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:background-color .4s,text-decoration-color .15s;position:absolute;top:0;right:0}.reading-progress-toggle:hover,.reading-progress-toggle:focus-visible{outline:none;text-decoration-color:currentColor}.reading-progress--hidden .reading-progress-toggle{background:#ddd}@media (prefers-reduced-motion:reduce){.reading-progress-bar,.reading-progress-fill,.reading-progress-toggle{transition:none}}@font-face{font-family:Michelangelus;src:url(/fonts/Michelangelus-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Michelangelus;src:url(/fonts/Michelangelus-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Paper Mono;src:url(/fonts/PaperMono-Thin.otf)format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Paper Mono;src:url(/fonts/PaperMono-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}.notes-page{--notes-ink:#1c1c1c;--clock-ink:var(--notes-ink);--clock-tick:var(--notes-ink);color:var(--notes-ink)}.notes-title{margin:24px 0 0;font-family:Michelangelus,Georgia,serif;font-size:36px;font-weight:700;line-height:44px}.notes-list{flex-direction:column;gap:15px;margin-top:36px;display:flex}.notes-item{flex-direction:column;gap:5px;display:flex}.notes-item-title{cursor:default;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;width:fit-content;margin:0;font-family:Michelangelus,Georgia,serif;font-size:20px;font-weight:400;line-height:24px;transition:background-size .4s cubic-bezier(.22,1,.36,1)}.notes-item-title:hover,.notes-item-title:focus-within{background-size:100% 1px}.notes-item-link{cursor:pointer;outline:none;text-decoration:none}.notes-item-date{font-family:Paper Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:18px;font-weight:100;line-height:22px}@media (prefers-reduced-motion:reduce){.notes-item-title{transition:none}}@media (width<=600px){.notes-title{margin-top:0;font-size:28px;line-height:36px}.notes-item-title{font-size:18px;line-height:22px}.notes-item-date{font-size:15px;line-height:20px}}.note-detail{flex-direction:column;gap:40px;display:flex}.note-detail-header{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.note-detail-back{text-underline-offset:5px;font-family:Paper Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:18px;font-weight:100;line-height:22px;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .15s}.note-detail-back:hover,.note-detail-back:focus-visible{opacity:.6;outline:none}.note-detail-title{margin-top:0}.note-detail-body{text-align:justify;-webkit-hyphens:manual;hyphens:manual;flex-direction:column;gap:40px;font-family:Michelangelus,Georgia,serif;font-size:20px;font-weight:400;line-height:24px;display:flex}.note-detail-body ol{margin:0;padding:0;list-style-position:inside}@media (width<=600px){.note-detail,.note-detail-body{gap:28px}.note-detail-back{font-size:15px;line-height:20px}.note-detail-body{text-align:left;font-size:18px;line-height:26px}}.cfotech-mark{vertical-align:-.12em;flex-shrink:0;width:1em;height:1em;display:inline-block}.work-detail{flex-direction:column;align-items:flex-start;gap:30px;display:flex}.work-detail-back{align-self:flex-start}.work-detail-text{color:#d9d9d9;text-align:justify;width:100%;font-size:20px;font-weight:300;line-height:normal}.work-detail-image{background:#d9d9d9;border-radius:10px;width:100%;height:500px;overflow:hidden}.work-detail-image img{object-fit:cover;width:100%;height:100%;display:block}.work-detail-split{align-items:flex-start;gap:20px;width:100%;display:flex}.work-detail-split>*{flex:1 1 0;min-width:0}@media (width<=768px){.work-detail-split{flex-direction:column}.work-detail-split--reverse{flex-direction:column-reverse}.work-detail-split>*{flex:none}.work-detail-image{height:360px}}@media (width<=600px){.work-detail{gap:24px}.work-detail-text{text-align:left;font-size:17px}.work-detail-image{height:240px}}.route-view{opacity:0;transition:opacity .25s}.route-view--visible{opacity:1}@media (prefers-reduced-motion:reduce){.route-view{opacity:1;transition:none}}