:root{color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--ground:#f2f2f0;--surface:#fbfbfa;--ink:#16171a;--muted:#6e7076;--rule:#d4d4d0;--paint:#24384c;--mono:"IBM Plex Mono", monospace;font-family:IBM Plex Sans JP,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ground)}body{color:var(--ink);background:var(--ground);margin:0}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--paint)}a:focus-visible{outline:2px solid var(--paint);outline-offset:4px}.page-width{width:min(100% - 48px,960px);margin-inline:auto}.skip-link{z-index:10;background:var(--surface);padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.masthead{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:72px;display:flex}.wordmark{font:500 13px var(--mono);letter-spacing:.06em;text-decoration:none}.wordmark span{color:var(--muted)}.language-link,.footer-bottom a{font:12px var(--mono)}.hero{border-bottom:1px solid var(--rule);grid-template-columns:1fr 180px;align-items:center;gap:32px;padding:82px 0 72px;display:grid}.eyebrow,.node-date,.node-index,.activity-card-index,.section-heading h2{font-family:var(--mono)}.eyebrow{color:var(--muted);letter-spacing:.1em;font-size:11px}h1{letter-spacing:-.055em;margin:20px 0;font-size:clamp(38px,7vw,68px);font-weight:500;line-height:1.1}.intro{max-width:560px;margin:0;font-size:clamp(18px,2.3vw,23px);line-height:1.8}.sigil{justify-self:end;width:160px;overflow:visible}.sigil-ring,.sigil-orbit{fill:none;stroke:var(--rule);stroke-width:1px}.sigil-orbit{stroke-dasharray:1 5;transform-origin:50%;animation:48s linear infinite orbit}.sigil-path{fill:none;stroke:var(--paint);stroke-width:1.5px;stroke-linecap:square}.sigil[data-state=building] .sigil-path{transform:rotate(-14deg)}.sigil[data-state=experiments] .sigil-path{transform:scale(.9)rotate(14deg)}.sigil[data-state=writing] .sigil-path{transform:translate(5px,-4px)rotate(4deg)}.sigil-path{transform-origin:50%;transition:transform .3s}.sigil-node{fill:var(--paint)}.sigil-end{fill:var(--surface);stroke:var(--paint);stroke-width:1.5px}.flow-section,.activities-section,.work-section{border-bottom:1px solid var(--rule);padding:58px 0 68px}.section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:32px;display:flex}.section-heading h2{letter-spacing:.12em;margin:0;font-size:12px;font-weight:500}.section-heading p{color:var(--muted);margin:0;font-size:13px}.flowchart{background:var(--surface);height:490px;position:relative;overflow:hidden}.flow-lines{width:100%;height:100%;position:absolute;inset:0}.flow-lines path{fill:none;stroke:var(--rule);stroke-width:1.3px;vector-effect:non-scaling-stroke}.flow-lines .activity-branch,.flow-lines .project-branch{transition:stroke .25s,stroke-width .25s}.flowchart[data-active=building] .branch-building,.flowchart[data-active=experiments] .branch-experiments,.flowchart[data-active=writing] .branch-writing{stroke:var(--paint);stroke-width:2px}.timeline-node,.activity-node,.project-node{z-index:1;background:var(--surface);flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:absolute}.timeline-node{border-top:1px solid var(--paint);width:28%;min-height:92px;left:4%}.node-education{top:7%}.node-metrica{top:69%}.node-date,.node-index{color:var(--muted);letter-spacing:.04em;font-size:10px}.node-title{font-size:15px;font-weight:500}.node-detail{color:var(--muted);font-size:11px;line-height:1.55}.activity-nodes{display:contents}.activity-node{border:1px solid var(--rule);justify-content:center;width:33%;min-height:72px;font-size:13px;line-height:1.45;text-decoration:none;transition:border-color .2s,color .2s;left:43%}.activity-node:hover,.activity-node:focus-visible,.flowchart[data-active=building] .activity-building,.flowchart[data-active=experiments] .activity-experiments,.flowchart[data-active=writing] .activity-writing{border-color:var(--paint);color:var(--paint)}.activity-building{top:43%}.activity-experiments{top:57%}.activity-writing{top:71%}.project-node{border:1px solid var(--paint);justify-content:center;width:18%;min-height:72px;font-size:14px;text-decoration:none;top:43%;right:3%}.project-node .node-index{font-size:9px}.flow-marker{z-index:2;background:var(--paint);width:9px;height:9px;box-shadow:0 0 0 4px var(--surface);transform:translateY(var(--marker-y,0));border-radius:50%;transition:transform .12s linear;position:absolute;top:0;left:calc(36.46% - 4px)}.flow-caption{color:var(--muted);margin:0;font-size:10px;position:absolute;bottom:12px;left:16px}.activity-list{border-top:1px solid var(--rule)}.activity-card{border-bottom:1px solid var(--rule);grid-template-columns:100px 1fr;gap:24px;padding:24px 8px;scroll-margin-top:28px;display:grid}.activity-card-index{color:var(--paint);font-size:12px}.activity-card-index span{color:var(--muted)}.activity-card h3,.work-card h3{margin:0 0 8px;font-size:17px;font-weight:500}.activity-card p,.work-card>p:not(.node-date){max-width:650px;color:var(--muted);margin:0;font-size:14px;line-height:1.8}.work-card{border-left:1px solid var(--paint);background:var(--surface);padding:22px 24px}.work-card h3 span{color:var(--muted);font-size:13px;font-weight:400}.work-card>p.node-date{margin:0 0 14px}.work-card>a{font:11px var(--mono);margin-top:18px;display:inline-block}.profile-badges{flex-wrap:wrap;gap:10px;margin:32px 0 0;padding:0;list-style:none;display:flex}.profile-badge{border:1px solid var(--rule);background:var(--surface);align-items:center;gap:12px;min-width:196px;padding:12px 16px;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.profile-badge:hover,.profile-badge:focus-visible{border-color:var(--paint)}.profile-badge svg{flex:none;width:24px;height:24px}.profile-blog{border-color:var(--paint)}.badge-text{flex-direction:column;gap:2px;display:flex}.badge-label{font-size:15px;font-weight:600;line-height:1.2}.badge-handle{color:var(--muted);font:11px var(--mono)}.badge-arrow{color:var(--muted);font:12px var(--mono);margin-left:auto}.activity-link{color:var(--paint);font:12px var(--mono);margin-top:12px;display:inline-block}.footer{padding:56px 0 20px}.external-links{flex-wrap:wrap;gap:12px 28px;display:flex}.external-links a{font-size:14px}.external-links span{color:var(--muted);font:11px var(--mono)}.footer-bottom{border-top:1px solid var(--rule);color:var(--muted);font:10px var(--mono);justify-content:space-between;margin-top:58px;padding-top:14px;display:flex}@keyframes orbit{to{transform:rotate(360deg)}}@media (width<=700px){.page-width{width:min(100% - 32px,540px)}.hero{grid-template-columns:1fr 92px;gap:12px;padding:58px 0 52px}.sigil{width:90px}.intro{font-size:17px}.profile-badges{margin-top:24px}.profile-badges li{flex:100%}.profile-badge{min-width:0}.flow-section,.activities-section,.work-section{padding:42px 0 48px}.section-heading{margin-bottom:22px;display:block}.section-heading p{margin-top:7px}.flowchart{height:565px}.flow-lines{display:none}.flowchart:before{border-left:1px solid var(--rule);content:"";position:absolute;top:14%;bottom:18%;left:47%}.timeline-node{width:40%;padding:11px 10px;left:3%}.timeline-node:after{border-top:1px solid var(--rule);content:"";width:10%;position:absolute;top:50%;left:100%}.node-education{top:5%}.node-metrica{top:78%}.node-title{font-size:13px}.node-detail{font-size:10px}.activity-node{width:46%;min-height:64px;padding:10px;font-size:11px;left:49%}.activity-building{top:39%}.activity-experiments{top:51%}.activity-writing{top:63%}.activity-node:before{border-top:1px solid var(--rule);content:"";width:7px;position:absolute;top:50%;right:100%}.project-node{width:46%;min-height:62px;padding:8px;font-size:12px;top:78%;right:3%}.flow-caption{max-width:calc(100% - 24px);font-size:9px}.flow-marker{left:calc(47% - 4px)}.activity-card{grid-template-columns:48px 1fr;gap:14px;padding:20px 4px}.activity-card h3{font-size:15px}.activity-card p{font-size:13px}.work-card{padding:18px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.flow-marker{display:none}}
