: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}#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));transform-origin:50% calc(100px * var(--clock-scale));background:#ffffff59;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:#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:#fff}.clock-hand--minute{width:calc(2px * var(--clock-scale));height:calc(78px * var(--clock-scale));margin-left:calc(-1px * var(--clock-scale));background:#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:#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: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}}.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}}