:root{--paper:#fafaf7;--card:#fff;--ink:#0b0d0c;--ink-2:#3b3b37;--muted:#55554f;--faint:#8e8e86;--line:#d9d9d2;--line-soft:#e2e2dc;--signal:#0a7d4b;--night:#0e1110;--night-2:#131715;--night-3:#1a1f1c;--night-line:#2a2f2c;--night-text:#e8ece9;--night-muted:#8fa197;--night-faint:#5c6b62;--glow:#3ddc97;--glow-dim:#2e4a3c;--sans:"Inter Tight", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--column:1060px;--gutter:clamp(16px, 4vw, 48px);--ruler:22px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}a:hover{color:var(--signal)}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}button{font:inherit;color:inherit}.mono{font-family:var(--mono)}.column{max-width:var(--column);padding:0 var(--gutter);margin:0 auto;position:relative}.span-label{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-size:12px}.span-label .ms{color:var(--faint)}.section-title{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(32px,4vw,44px);font-weight:600}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}@keyframes fade-in{to{opacity:1}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse{animation:none}}.intro{z-index:50;background:var(--night);color:var(--night-text);animation:.7s cubic-bezier(.7,0,.2,1) 3.1s forwards intro-out;position:fixed;inset:0}@keyframes intro-out{to{transform:translateY(-100%)}}.intro__inner{max-width:var(--column);padding:clamp(80px, 18vh, 160px) var(--gutter) 0;flex-direction:column;gap:28px;margin:0 auto;display:flex}.intro__request{color:var(--night-muted);opacity:0;margin:0;font-size:14px;animation:.3s forwards fade-in}.intro__request span{color:var(--night-faint)}.intro__bars{flex-direction:column;gap:14px;display:flex}.intro__row{align-items:center;gap:16px;display:flex}.intro__label{flex:0 0 170px;font-size:13px}.intro__label.is-infra{color:var(--night-muted)}.intro__track{flex:1}.intro__bar{background:var(--glow);transform-origin:0;border-radius:2px;height:14px;animation:.5s cubic-bezier(.2,.8,.2,1) forwards intro-grow;transform:scaleX(0)}.intro__bar.is-infra{background:var(--glow-dim)}@keyframes intro-grow{to{transform:scaleX(1)}}.intro__status{color:var(--night-muted);opacity:0;align-items:center;gap:12px;margin:0;font-size:14px;animation:.3s 2.2s forwards fade-in;display:flex}.intro__ok{background:var(--glow);color:var(--night);border-radius:3px;padding:3px 8px;font-weight:500}@media (width<=600px){.intro__label{flex-basis:120px;font-size:11px}}.ruler{z-index:30;background-color:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed}.ruler--x{height:var(--ruler);border-bottom:1px solid var(--line-soft);background-image:repeating-linear-gradient(90deg,#c9c9c2 0 1px,#0000 1px 10px),repeating-linear-gradient(90deg,#8e8e86 0 1px,#0000 1px 100px);background-position:bottom,bottom;background-repeat:no-repeat;background-size:100% 6px,100% 12px;top:0;left:0;right:0}.ruler--y{top:var(--ruler);width:var(--ruler);border-right:1px solid var(--line-soft);background-image:repeating-linear-gradient(#c9c9c2 0 1px,#0000 1px 10px),repeating-linear-gradient(#8e8e86 0 1px,#0000 1px 100px);background-position:100%,100%;background-repeat:no-repeat;background-size:6px 100%,12px 100%;bottom:0;left:0}.ruler__caption{color:var(--faint);background:var(--paper);white-space:nowrap;padding:0 6px;font-size:10px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.ruler__marker{width:var(--ruler);background:var(--signal);color:#fff;text-align:center;pointer-events:none;padding:2px 0;font-size:8px;position:fixed;left:0;transform:translateY(-50%)}@media (width<=760px){.ruler--y{display:none}}.header{padding:calc(var(--ruler) + 22px) 0 18px;border-bottom:1px dashed #c9c9c2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.header__brand{align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.header__mark{background:var(--ink);border-radius:3px;width:12px;height:12px}.header__nav{flex-wrap:wrap;gap:6px 20px;font-size:15px;display:flex}.header__nav a{padding:6px 0;text-decoration:none}.header__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:13px;display:flex}.header__dot{background:var(--signal);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.header__lang{align-items:center;gap:2px;display:inline-flex}.header__lang button{all:unset;cursor:pointer;color:var(--muted);padding:6px 4px}.header__lang button[aria-pressed=true]{color:var(--ink);font-weight:500}.header__lang button:focus-visible{outline:2px solid var(--signal)}.header__trace{color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0;padding-top:10px;font-size:11px;display:flex}.header__trace button{all:unset;cursor:pointer;color:var(--signal);min-height:24px}.header__trace button:focus-visible{outline:2px solid var(--signal)}.side-note{width:160px;color:var(--signal);flex-direction:column;margin:0;font-size:12px;line-height:1.55;display:flex;position:absolute}.side-note span:first-child{margin-bottom:2px;font-weight:500}.side-note--left{left:-200px}.side-note--right{right:-200px}.side-note--dark{color:var(--glow)}@media (width<=1240px){.side-note{display:none}}.identity{padding:88px 0 96px;position:relative}.identity .span-label{margin-bottom:28px}.identity__hello{color:var(--ink-2);margin:0 0 6px;font-size:22px}.identity__name{letter-spacing:-.045em;margin:0;font-size:clamp(52px,8vw,96px);font-weight:600;line-height:.98}.identity__name span{color:#9a9a92;font-weight:500}.identity__tagline{color:#6b6b64;margin:14px 0 40px;font-size:20px}.identity__bio{max-width:640px;color:var(--ink-2);flex-direction:column;gap:18px;font-size:19px;line-height:1.6;display:flex}.identity__bio p{margin:0}.identity__bio a,.identity__bio .dotted{color:var(--ink)}.dotted{-webkit-text-decoration:underline dotted var(--faint);text-decoration:underline dotted var(--faint);text-underline-offset:4px}.identity__updated{color:var(--faint);font-size:12px}.work{background-color:var(--night);color:var(--night-text);background-image:radial-gradient(#232825 1px,#0000 1px);background-size:16px 16px;padding:88px 0 96px;position:relative}.work a:hover{color:var(--glow)}.work .span-label{color:var(--night-muted)}.work .span-label .ms{color:var(--night-faint)}.work__lead{color:#a9b4ad;max-width:620px;margin:0 0 40px;font-size:18px;line-height:1.6}.work__panel{border:1px solid var(--night-line);background:var(--night-2);border-radius:10px;overflow:hidden}.work__frame{aspect-ratio:16/8;background:var(--night-3);flex-direction:column;justify-content:space-between;min-height:220px;padding:clamp(18px,3vw,32px);animation:.45s cubic-bezier(.2,.8,.2,1) frame-in;display:flex;position:relative}@keyframes frame-in{0%{opacity:0;transform:translateY(8px)}}.work__media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.work__frame-top{color:var(--night-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.work__frame-title{position:relative}.work__request{color:var(--glow);margin:0 0 10px;font-size:14px}.work__name{letter-spacing:-.04em;margin:0;font-size:clamp(36px,6vw,72px);font-weight:600;line-height:1}.work__details{border-top:1px solid var(--night-line);flex-wrap:wrap;align-items:flex-start;gap:18px 32px;padding:22px clamp(16px,3vw,28px);display:flex}.work__desc{color:#c8cec9;flex:999 380px;margin:0;font-size:17px;line-height:1.6}.work__side{flex-direction:column;flex:240px;align-items:flex-start;gap:14px;display:flex}.work__stack{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.work__stack li{color:#c8cec9;border:1px solid #3a403c;border-radius:999px;padding:5px 10px;font-size:12px}.work__case{color:#fff;font-size:15px;font-weight:500}.work__timeline{border-top:1px solid var(--night-line);padding:16px clamp(16px,3vw,28px) 22px}.work__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.work__buttons{gap:8px;display:flex}.work__btn{width:44px;height:44px;color:var(--night-text);cursor:pointer;background:0 0;border:1px solid #3a403c;border-radius:8px;font-size:14px;transition:border-color .2s,background .2s}.work__btn:hover{border-color:var(--glow);background:#18201b}.work__position{color:var(--night-muted);font-size:12px}.work__axis,.work__row{align-items:center;gap:12px;display:flex}.work__axis-spacer,.work__row-btn{flex:0 0 170px}.work__axis-labels{height:22px;color:var(--night-faint);border-bottom:1px solid var(--night-line);flex:1;padding-bottom:6px;font-size:11px;position:relative}.work__row{border-bottom:1px solid #1f2421}.work__row-btn{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;font:500 15px var(--sans);color:var(--night-muted);align-items:center;gap:10px;transition:color .2s;display:flex}.work__row-btn span{color:var(--night-faint);font-size:11px}.work__row-btn:hover,.work__row.is-on .work__row-btn{color:#fff}.work__row-btn:focus-visible{outline:2px solid var(--glow)}.work__lane{flex:1;height:44px;position:relative}.work__bar{background:var(--glow-dim);border-radius:3px;height:14px;transition:background .3s;position:absolute;top:15px}.work__row.is-on .work__bar{background:var(--glow)}.work__live{background:var(--glow);border-radius:50%;width:8px;height:8px;position:absolute;top:18px}.work__needle{background:#fff;width:2px;margin-left:-1px;position:absolute;top:4px;bottom:4px}.work__needle:before{content:"";background:#fff;width:10px;height:10px;position:absolute;top:-5px;left:-4px;transform:rotate(45deg)}@media (width<=640px){.work__tick--today{display:none}.work__axis-spacer,.work__row-btn{flex-basis:120px}.work__row-btn{font-size:14px}}@media (prefers-reduced-motion:reduce){.work__frame{animation:none}}.work .side-note--left{left:calc(-200px + var(--gutter))}.work .side-note--right{right:calc(-200px + var(--gutter))}.work__tick{white-space:nowrap;position:absolute;bottom:6px}.work__tick:before{content:"";background:var(--night-faint);width:1px;height:5px;position:absolute;bottom:-7px;left:0}.work__tick--today{right:0}.work__tick--today:before{left:auto;right:0}.now{padding:96px 0 40px;position:relative}.now__title{margin-bottom:32px}.now__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.now__log{background:var(--night);color:#c8cec9;border-radius:10px;min-height:260px;padding:22px;font-size:13px;line-height:1.9}.now__log p{margin:0}.now__prompt{color:var(--night-faint);margin-bottom:8px!important}.now__line{opacity:0}.now__log.is-in .now__line{animation:.25s forwards fade-in}.now__date{color:var(--night-faint)}.k-green{color:var(--glow)}.k-blue{color:#7fb8ff}.k-yellow{color:#f2c46d}.now__cursor{color:var(--glow);margin-top:8px!important}.now__card{border:1px solid var(--line);background:var(--card);border-radius:10px;flex-direction:column;gap:14px;padding:22px;display:flex}.now__eyebrow{letter-spacing:.06em;color:var(--muted);font-size:12px}.now__article{flex-direction:column;gap:4px;display:flex}.now__article a{font-size:19px;font-weight:500;line-height:1.35;text-decoration:none}.now__article span{color:var(--faint);font-size:12px}.now__offline{color:var(--ink-2);margin:0;font-size:17px;line-height:1.6}.now__more{margin-top:auto;font-size:15px}@media (prefers-reduced-motion:reduce){.now__line,.now__log.is-in .now__line{opacity:1;animation:none}}.contact{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:48px;padding:72px 0 88px;display:flex}.contact__text{flex-direction:column;flex:340px;align-items:flex-start;gap:18px;display:flex}.contact__text .span-label{margin:0}.contact__title{letter-spacing:-.04em;margin:0;font-size:clamp(40px,5.6vw,64px);font-weight:600;line-height:1}.contact__lead{max-width:40ch;color:var(--ink-2);margin:0;font-size:19px;line-height:1.55}.contact__cta{background:var(--ink);min-height:48px;color:var(--paper);border-radius:8px;align-items:center;padding:0 22px;font-weight:500;text-decoration:none;transition:transform .2s;display:inline-flex}.contact__cta:hover{color:var(--paper);transform:translateY(-2px)}.contact__receipt-wrap{flex-direction:column;flex:0 340px;align-items:center;gap:18px;display:flex}.receipt{background:var(--card);border:1px solid var(--line);width:300px;max-width:100%;color:var(--ink-2);border-radius:6px;margin:0;padding:22px 22px 18px;font-size:12px;transition:transform .5s cubic-bezier(.3,1.6,.5,1);transform:rotate(-2deg);box-shadow:0 18px 40px -18px #0b0d0c59}.receipt:hover{transform:rotate(1deg)translateY(-6px)}.receipt__top{letter-spacing:.08em;color:var(--faint);justify-content:space-between;gap:8px;margin-bottom:14px;font-size:10px;display:flex}.receipt__number{font-family:var(--sans);letter-spacing:-.03em;color:var(--ink);margin:0 0 14px;font-size:34px;font-weight:600}.receipt__rows{border-top:1px dashed #c9c9c2;flex-direction:column;gap:6px;margin:0;padding-top:12px;display:flex}.receipt__rows div{grid-template-columns:54px 1fr;gap:10px;display:grid}.receipt__rows dt{color:var(--faint)}.receipt__rows dd{margin:0}.receipt__thanks{color:var(--muted);border-top:1px dashed #c9c9c2;margin:14px 0 0;padding-top:12px;font-size:11px}.contact__save{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:500}.contact__save:hover{background:var(--ink);color:var(--paper)}@media (prefers-reduced-motion:reduce){.receipt,.contact__cta{transition:none}}.footer{border-top:1px solid var(--ink);flex-direction:column;gap:28px;padding:28px 0 56px;display:flex}.footer__links{flex-wrap:wrap;justify-content:space-between;gap:14px 24px;font-size:15px;display:flex}.footer__links div{flex-wrap:wrap;gap:20px;display:flex}.footer__poetry{color:#6b6b64}.footer__block{border:1px solid var(--line);background:var(--card);border-radius:8px;flex-wrap:wrap;font-size:12px;display:flex;overflow:hidden}.footer__block dl{gap:8px 12px;margin:0;padding:16px 18px;display:grid}.footer__block dt{color:var(--faint)}.footer__block dd{margin:0}.footer__changelog{border-right:1px solid var(--line);flex:999 420px;grid-template-columns:54px 1fr}.footer__changelog .is-head{color:var(--faint)}.footer__changelog .is-current{color:var(--ink)}.footer__changelog .is-old{color:#6b6b64}.footer__headers{flex:260px;grid-template-columns:auto 1fr}.footer__end{text-align:center;color:var(--faint);margin:0;font-size:11px}